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

一、F式布局简介

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

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

然后扫描一下页面的顶部（导航栏，搜索栏）——“了解用法”下一步，用户的视线下移，开始阅读下一行的内容。用户进入“扫描模式”，一旦找到感兴趣的内容便会打开。

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

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

品牌标志和导航应该放在页面的顶部，这是用户对网站的印象。在内容结构中，图片更容易获得关注用户浏览完图片后，下一个关注点便是标题。用户会大致的浏览文本，但是往往不会通读。

二、F式布局原理

F式布局能够奏效的原因，在于F式布局符合用户的浏览习惯，更自然。符合“从上到下，从左到右”的阅读模式。

但是这种阅读模式有利也有弊：这样一来，较有价值的内容只能放置在页面顶部了。有些俗套文本内容无法有效的引起用户注意，用户甚至连摘要都懒得读，看看标题就“过”了

网页过分注重对“标题”和“图像”的包装，无疑不符合内容至上的原则在采用F式布局进行设计师，很多设计师感觉自己不像是设计师，而想是制造噱头的“广告商”。网页设计太具备功利性，只追求一时的浏览量，不遵循“内容为王”的原则，很多用户次可能感觉不错，但是看了内容后大呼上当，可能下一次他们就不会再次访问该网页了。

因此，杭州网页设计师要协调好内容与布局之间的关系。这就有点像武侠小说了，内容好比内力，布局好比招式。花拳绣腿再漂亮，内力深厚的人一招便能“以力破巧”

那么右面的侧边栏该要怎么设计呢？这里给出两点建议：

1.呈递相关内容。比如和网站主题相关的链接、广告，相关阅读推荐，社交媒体微件等等。不要为了牟利而放置些低俗的、和内容不相干的广告。

2.可以防止一些内容检索工具，比如过标签、文章检索、较热文章等等。

本文为蓝韵网络（杭州网页设计）原创文章，转载请注明原文网址摘自于http://www.lanyun2009.com/views/678.html，注明出处；未注明出处禁止转载。