如何让网页可读性更厉害

虽然网页编辑方式千变万化，但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中，F式布局是可用性较强，且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。

F式布局从何而来?

F式布局源于NNGroup的一项眼动研究项目，他们跟踪了超过200名用户浏览各种网页时的眼动轨迹，发现用户的眼球在快速浏览网页时，尤其是在快速浏览文字内容的时候，眼球的运动轨迹类似字母F，并且整个运动过程遵循下面三个部分：

·用户先会沿着水平方向浏览，优先浏览内容块的上部，这个时候的眼动构成了字母F 最上面一横。

·接下来视线会沿着屏幕左侧向下垂直扫视，寻找段落中能引起兴趣的内容，当他们发现引起他们兴趣的内容之时，继续横向仔细浏览，而通常这些内容对应的视线范围会比第一次横向浏览的范畴要更小一些，而这个视线轨迹则构成了字母F 中间的一横。

·接下来用户会将视线移到屏幕左侧，继续向下浏览。

NNGrou的眼动跟踪研究证明了这一点，红色的部分是用户感兴趣的区域，黄色的区域次之，不感兴趣的则为蓝色的区域，灰色的区域是用户直接忽略不作停留的部分。

显然，用户的浏览过程并不全是分为三个部分，但是它的模式不能说都是一直沿用下来的。

为何要使用F式布局?

F式布局能让你创造出更加富有层次感的设计，这样的设计更容易为用户浏览和获取信息。对于世界范围内绝大多数的国家和地区而言，F式布局是非常符合阅读习惯的。这种规则使得它可以广泛运用在UI和网页设计上。f式布局的优点是简洁明了，易于理解，但缺点也很明显，那就是不够美观。因为它的字体过于短小，所以看起来不够舒服。

（编辑：银川站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!