网页设计技巧网页设计中的F式布局.pdfVIP

网页设计技巧 : 网页设计中的 F 式布局 网页设计技巧中的“ F 式布局”你知道吗？相比传统的布局方式， F 式布局更加自然，更加 友好，不依赖布置视觉线索，能够“控制”用户的视觉路径。本文将讲述一些 F 式布局的规 则、原理以及设计方法。 F 式布局简介 F 式布局是一种很科学的布局方法，基本原理依据了大量的眼动研究。一般来说，用户浏览 网页的视觉轨迹是这样的 ——先看看顶部，然后看看左上角，然后沿着左边缘顺势直下 …. 而用户往往不太注意右边的信息，这是不是有点像字母 F?据此，我们习惯性的把重要元素 （诸如品牌 Logo，导航，行为召唤控件）放在左边，而右边一般放置一些对用户无关紧要 的广告信息。 我们来看一下 Webdesigntuts+ 的眼动热点图： 这眼动热点图展示了用户浏览此的视觉轨迹，呈一个 F 型。热区（途中红色、黄色、橙色部 分）代表用户注意力最集中的地方。 总结一下