每一瞥，都是机会，“Z”型模式布局网页|运营学社

Z型布局供给了一些不错的东西，这正是它被许多网站选用的原因。

很简略幻想每个用户在兴奋地阅览你写的每封信时。其实他们不是在阅览而是在扫描。

用户不读取网页，他们仅仅扫描。

扫描意味着只有当他们的视角会集在一些事物上时才会停下阅览。

作为一名规划师，你能够很好地操控人们在检查你所规划的网页的外观。为了创造出访客眼睛要遵从的正确途径，你需求了解咱们的眼睛是怎么处理信息的。在本文中，我将介绍在网页规划中运用“Z”型形式创立视觉层次结构的理论和实践。

❶

什么是“Z”型形式

它的作业原理是什么

正如你所期望的，“Z”型形式的布局遵从字母Z的形状。“Z”型形式的规划盯梢了人眼扫描页面时的道路——从左到右，从上到下：

首要，人们从左上角到右上角进行扫描，构成一条水平线第二步，向页面的左下侧，创立一条对角线最终，再次向右转，构成第二条水平线。当观众的视角以这种形式移动时，它构成一个虚拟的“Z”字形：

“Z”型布局的一个比如。图片来历： Tutplus

这种形式是有用的，由于大多数西方读者会像扫描一本书相同扫描你的页面——从上到下，从左到右。

❷

在哪里运用

“Z”型形式的扫描发生在不以文本为中心的页面上（关于文本深重的页面，如文章或查找成果，最好运用“F”型形式（ F-Pattern））。这使得“Z”型形式很好地处理了最小化仿制及需求被看到的几个要害元素的简略规划。以首要环绕一个或两个首要元素为中心的精约页面或登录页面来完结“Z”型形式，鼓舞用户遵从这种办法。

Z型布局在规划项目中是真实的闪烁，其间精约性和呼唤性用语是最重要的准则。 Facebook的登录页面是Z型布局的一个比如。

❸

怎么运用它

在开端规划页面布局之前，首要要查找以下问题的答案：

当访问者在登录页面时，你期望他们留意什么信息？你期望他们以什么次序来检查信息？你想让他们做什么？

Z型布局的条件其实很简略：在页面上加上字母Z。抱负情况下，你期望人们首要检查最重要的信息，再次检查第二个重要的信息。因而，重要的元素应该沿着扫描途径放置，访客应在正确的时刻被供给正确的信息。

创立流程是至关重要的

流程是将你的视野从一个页面的一部分引导到另一个你想要移动的方向。经过视觉分量和视觉方向的组合创立流程。创立流程时要留意以下几个最佳做法：

第1步：第1步是观众旅程的起点。这是你的标志的黄金地段。

第2步：首要沿着Z的顶部放置你期望读者最早看到的东西。自然地将视野遵从Z字型的途径，将非必须的“行为呼唤”方针放在最终。将更多的视觉分量放在第2步的元素中——让按钮（或另一个要害元素）明显，招引用户留意力并让其沿着“Z”型途径引导用户视野。

页面的中心区域：这个区域是来添补用户感兴趣的内容，一起将其视野向下延伸到下一行。例如，你能够将英豪图画放置在页面的中心，以别离顶部和底部，并沿Z途径引导用户视野。

第3步：第3步的意图是引导用户在第4步进行最终的行为呼唤。例如，假如你的网页宣扬你想要出售的某些产品，你期望潜在客户在看到“当即购买”按钮之前看到能够压服他们购买的副本。因而，用第3步为他们供给福利或其他有用的信息。