网页的UI设计，最终目标是要解答以下三个问题：

这是什么？（有用）

如何使用？（易用）

关我什么事？（渴望）

人眼的可预见性

不论是角落的匆匆一瞥，还是对某个路人的仔细打量，人的视线总是自动聚集在某些特定的兴趣点上。

虽然这点因人而异，多数人还是容易遵循某种明确的走向——也包括如何浏览网站。

 F模式

用户很少逐字逐句阅读。

前两段最重要，应该包含你的营销妙语。

起始段、副标题、重点列表中要带有诱人的关键词。

它会如何影响网站的界面设计？请看下图。

图中可以看到，数秒钟内就能看到最重要的内容，下方立马接上更详细的内容（还有行动号召），方便快速浏览。

对于想要嵌入广告和行动号召，又不希望内容被淹没的网站，F模式非常有帮助。切记，永远是内容为王，侧边栏的存在是加深用户的参与。

和其他所有模式一样，F模式是一套指导方针——而非模版——因为读过F中的头几行之后，F模式可能会让人感觉枯燥。

Z模式

Z模式浏览发生在不以文字为核心的网站中。读者首先浏览页面顶部的一条横线，不论是因为菜单栏，还是出于在顶部从左至右浏览一遍的习惯。

当视线到达尽头，它会飞速向左下移动（这也是出于阅读习惯），在页面下方部分重复水平方向上的搜寻。

Z模式几乎可以运用于任何网站界面，因为它满足了网站的核心需要，比如层级、品牌、行动号召。

Z模式对于简洁至上、核心是行动号召的界面效果最佳。

在一个内容复杂的网站中强行使用Z模式，或许不如F模式来得奏效，但Z模式有助于带来一些秩序，导致布局的简化（还有转化率的上升）。

牢记以下几则要点：

背景——分离背景，让用户的视线停留在网站结构内。

1号点——这是你logo的最佳位置。

2号点——增加一个彩色的次要行动号召，有助于顺着Z模式引导用户。

页面中央——页面中央的焦点轮播图能把顶部与底部区域分离开，引导视线顺着Z模式流动。

3号点——增加图标，从此处开始，顺着横轴移动，能将用户引导至4号点的最终行动号召。

4号点——这里就是终点了，是你主要行动号召的最理想位置。

在页面上排布元素之前，通过优先级找出最重要和最无关紧要的元素，将它们置于各种模式的“热点区”，创造正确的交互，简直易如反掌。

我们甚至还能在整个页面中贯穿和延伸Z模式，如果你觉得在行动号召之前还有更多有价值的主张，可以重复运用1-4号点。