如何提升UI设计的层次感

Question

如题所述

Answer 1

设计为内容服务，在内容表现上就有层次。比如文章有一级标题，二级标题，在HTML里会写<h1>、<h2>、<h3>、<p>这都是层级。
就用你现在正在看的知乎页面来说，整个页面最大的层次区分，在顶部栏和页面。区分的手段是大面积的背景色。页面背景色是白，顶部栏背景色的蓝。其次一个层次是问题和各位的答案，问题的字体够大，体现出这个问题，是本页面的主要信息。每个答主的答案格式都一样，都以答主名字和签名为第一层次，正文是第二个层次，正文底部的评论感谢收藏分享等是最后一个层次。试想如果这些层次在设计上都不予体现，使用一模一样的字体字号颜色，这个页面将会是什么感觉？
在信息展示上，通过视觉设计的层次感，突出内容的层次，让用户更方便的关注到相对重要的信息，是层次感的作用。
设计师要清楚的了解整个页面或者界面到底有哪些层次，要从逻辑上清楚层级的关系才能做出对的设计。