您当前的位置是:首页 - 设计理论 - 正文

F模式与Z模式网页设计页面布局的优点
发布日期:2015-3-30  浏览次数:1747次   优化北京网站建设  

F模式

这主要在一些以文字为主的网站出现,例如博客。F模式就是指,用户通常会沿着左侧垂直浏览而下,先去寻找文章中每个段落开头的兴趣点,这时,如果用户发现了他喜欢的,他就会从这里开始水平线方向的阅读。最终结果就是用户的视线呈F型或者E型进行浏览。

F模式的特点:

用户极少逐字阅读文字。

每个段落的开始两个字最为重要,这将决定内容是否能留住用户。

初始段落,副标题和要点都要保持醒目。


F模式与Z模式的网页设计页面布局的优点


F模式将重要的内容很清晰的展示出来,并且不会让用户花很多时间去浏览,而次要的内容也能快速尽收眼底。F模式网页设计对于那些嵌入广告的网站也是极为有用的,即使有了广告,也不会影响到内容。而对用户来说浏览页面也没那么累,能够花较少的时间获得较多的内容,F模式的页面布局用在二级、三级页面较多。


Z模式

Z模式的浏览模式在于网页内容主要不是文字的页面。不论是否因为这里有个菜单栏,还是就仅仅因为从左到右自上而下的阅读习惯,用户首先关注的页头水平方向上的内容。当视线抵达底部时,又遵循着从左到右的习惯模式,重复再水平扫视页尾的最底部的内容。

Z模式的特点

背景——运用独立的背景能将用户的视线范围锁定在你的框架内容里。

要点1——你的LOGO放置的首要位置。

要点2——增加一个颜色鲜明的辅助操作指令,帮助用户遵循Z路线浏览模式。

页面中心——页面的中心独立于页头和页尾的部分,引导用户Z路线浏览视线。

要点3——增加可以从正在浏览的位置移动去到底部的图标,也就是可以随时抵达最终目标。

要点4——Z模式最底部的水平线上的内容,这将是提供给用户首要操作的最佳位置。


F模式与Z模式的网页设计页面布局的优点


预测用户的视线将会占有极大的优势。在布局你的页面元素时前,你就可以知道优先的该摆放在什么位置。一旦你知道你想要用户先看到什么,你就能可以通过视线的规律,将你的重点内容放在用户可能会焦点关注的地方。F模式通过引导或者遵循用户的关注习惯,将重要内容一件不落的展示给用户,不仅仅是吸引用户的关注也是预测并迎合用户的关注,减少用户的负担,增加了展示的效率。




上一篇:去掉成规的分割屏幕网页设计
下一篇:不对称的网页设计中带来更多可能
点击查看更多设计理论新闻   丨   点击返回上一页