教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

浏览网站UI视觉规律:访客浏览页面的视觉习惯(F模式和Z模式)

更新时间:2021年12月09日10时56分 来源:传智教育 浏览次数:

一个艺术大师除了要具备创造性外,还应该考虑一些细节,比如文字、颜色、大小、应该包含什么内容,也许更重要的是,应该放弃什么。这并不容易,所以我们钦佩达·芬奇和梵高这样的大师。Web UI设计师也应该这样做。网站也是视觉艺术的一种形式。在其独特的方式上,它应该遵循许多传统艺术形式的规则。这是一门美学科学,夹杂着一些商业规则。与众不同的网站界面一定会让人感到没有压力和迷人。

我们首先看看视觉层次是什么,它是如何创建的,然后我们理解它如何在视觉的自然运动中发挥作用。

通常网站的访问者不会将网页内容全部阅读,而是采取避重就轻的原则,阅读一些醒目的内容或者感兴趣的信息。因此在进行网页布局前,首先要了解一下网站访客的浏览模式。根据人眼视觉习惯,访客在浏览网页时主要分为F模式和Z模式两种方式。


1. F模式

F模式是指用户沿着左侧垂直浏览而下,先去寻找页面中每个段落开头的兴趣点,如果发现了感兴趣的点,用户就会从该处开始沿水平线方向的阅读。最终结果就是用户的视线呈F型。

F模型浏览

值得一提的是,通常F模式会出现在一些以文字为主的网页中,例如博客、论坛等。用户的级少逐字阅读文字,因此初始段落,副标题和要点都要保持醒目。


2. Z模式

Z模式是指用户的浏览视线沿着从左到右自上而下的阅读方式。用户首先关注的页头水平方向的内容,当视线抵达尾部时则又重复遵循着水平方向从左到右的习惯模式,人眼以这种模式移动时,浏览视线形成了一个虚构的“Z”形。

Z模型

Z模式几乎可以适用到任何的网页交互,能够将重要信息自然而然地突出。 Z模式的优点就是简单,简化布局可以增加转化率。



猜你喜欢:

交互设计有什么原则?

设计原则有哪些?盘点那些深入人心的设计原则

UI设计是什么?UI设计师有哪些职能?

传智教育UI设计课程

0 分享到:
和我们在线交谈!