佛山天清科技专注佛山网站建设,关键词排名优化,长尾词霸屏系统!
佛山网站建设,佛山网站优化,佛山网络推广
佛山网站建设 > 优化方法 > F型网站如何布局,F型网页设计布局!
F型网站如何布局,F型网页设计布局!
编辑 :

佛山网站建设

时间 : 2019-04-09 14:19 浏览量 : 56

F型网站如何布局,F型网页设计布局!网页设计中的F式布局:

今天我们来重点介绍网页设计中的F式布局。传统的布局方式,依赖布置视觉线索,“控制”用户的视觉路径,相较之下,F式布局更加自然,更加友好。本文将讲述一些F式布局的规则、原理以及设计方法。

F式布局简介

F式布局是一种很科学的布局方法,基本原理依据了大量的眼动研究。一般来说,用户浏览网页的视觉轨迹是这样的——先看看顶部,然后看看左上角,然后沿着左边缘顺势直下….而用户往往不太注意右边的信息,这是不是有点像字母F?据此,我们习惯性的把重要元素(诸如品牌Logo,导航,行为召唤控件)放在左边,而右边一般放置一些对用户无关紧要的广告信息。

我们来看一下Webdesigntuts+的眼动热点图:

这张眼动热点图展示了用户浏览此网站的视觉轨迹,呈一个F型。热区(途中红色、黄色、橙色部分)代表用户注意力最集中的地方。

总结一下用户浏览网页的一般模式:


先看看页面的左上角,了解一下这是什么网站(因此此处适合放置Logo)——“知道是什么”

然后扫描一下页面的顶部(导航栏,搜索栏)——“了解用法”

下一步,用户的视线下移,开始阅读下一行的内容。

用户进入“扫描模式”,一旦找到感兴趣的内容便会打开。


将此种浏览模式以线框图的形式呈现,形状如下图。

有个规律不容忽视:阅读一般是从上到下,从左到右的。用户往往忽视右侧边的内容,大致的扫一眼而已,因此不要在右侧边下太大功夫。应该把内容栏放在用户注意力高度集中的左边。

综上所述,按照逻辑,我们得出以下结论:

品牌标志和导航应该放在页面的顶部,这是用户对网站的第一印象。

在内容结构中,图片更容易获得关注

用户浏览完图片后,下一个关注点便是标题。

用户会大致的浏览文本,但是往往不会通读。



总结

不管设计趋势怎么变,F式布局暗藏的原理不会过时,因为这是用户长期的习惯。

或者说,F式布局只是一个幌子,本文的目的是为了强化大家对用户长期阅读习惯的理解——“从上到下,从左到右”,尽管这有点老生长谈,但是经过本文形象化的剖析,你是否也有所感悟了呢?对于节奏的切分,你又产生了什么新的看法?

吸引人的图像、具有噱头的标题仅仅是花招,内容才是王道,如何结合,如何两者兼而有之,设计师需要走得更远。

让布局不仅仅是一种方法,我们可以看的更远,融入一些用户体验设计元素。尝试一下,让你的设计不断“升级”。佛山网站建设可以选F型网站哦。


你可能喜欢:

NEWS INFORMATION

佛山建设建设资讯

  • 超低建站费用

  • 具备营销能力

  • 强大SEO功能

  • 贴心售后技术

cache
Processed in 0.002319 Second.