2018-12-03

您一起聊聊视觉层次的规范




人们更有可能快速浏览网页,而不是阅读网页上的所有内容。因此,如果访问者想要查找内容或完成任务,他们将进行扫描,直到找到他们需要去的地方。作为一个设计师,你可以通过设计良好的视觉层次来帮助他们。视觉层次是指以一种表示重要性的方式排列或呈现元素(也就是说,他们的眼睛应该首先聚焦,第二集中,等等)。适当的视觉层次结构使得扫描页面变得很容易。

使用自然扫描模式。作为设计师,我们可以很好地控制人们在浏览网页时所看的位置。要为访问者的眼睛设置正确的路径,我们可以使用两种自然扫描模式:F形图案而Z形图案。对于文本较多的页面,如文章和搜索结果,F模式更好,而Z模式更适合于不面向文本的页面。



CNN使用的是F字形图案。



视觉上对重要元素进行优先排序。制作屏幕标题、登录表单、导航选项和其他重要的内容焦点,以便访问者立即看到它们。