z中间加一横符号复制
为了创造正确的视觉层次，我们需要理解人类眼睛如何处理信息。Chris Bank，来自专注于线框图和原型图设计的UXPin公司，对此进行了详细的阐述。
视觉层次在网页UI设计中扮演着重要的角色，其原理和规则在免费的“网页UI最佳实战”中有深入的讨论。在这本书中，超过33家公司的UI案例分析报告展示了网页UI设计的艺术性和复杂性。网站也是一种视觉艺术，它需要遵循许多传统艺术形式的规则，同时融入审美科学和商业准则。
我们来理解什么是视觉层次以及如何创造它。视觉层次是指通过设计元素的有序排列，引导用户视线的移动和注意力的分配。一个好的视觉层次可以让用户轻松理解页面的结构和内容，提高用户体验。
Luke Wroblewski，专栏作家兼雅虎产品设计高级主管，在他的文章“通过视觉层次沟通”中强调了网站界面视觉表现的重要性。界面应该像无形的手一样引导用户行动，同时不会让用户感到。界面展现内容的方式应该符合用户对信息的优先级理解，并传达内容之间的关联。界面设计还应该能够影响用户的情绪，建立积极的情绪响应。
UI设计的最终目标是解答三个问题：这是什么（有用）、如何使用（易用）、关我什么事（渴望）。为了解答这些问题，我们需要了解用户的视觉习惯和行为模式。
人的视线具有可预测性。无论是快速浏览还是仔细观察，人的视线总是自动在某些特定的兴趣点上。在一篇关于视觉原则的文章中，Alex Bigman谈到了两种主要的阅读模式：F模式和Z模式。
F模式通常出现在文字密集的网站中，如博客。读者首先沿着左侧的文字垂直向下浏览，寻找感兴趣的关键词或要点，形成F模式的路径。对于想要嵌入广告和行动号召的网站来说，F模式非常有帮助。内容应该突出重点，方便用户快速浏览和理解。
而Z模式则更多地出现在不以文字为核心的网站中。读者首先浏览页面顶部的一条横线，然后沿着左下方向移动视线。Z模式几乎可以应用于任何网站界面，因为它满足了网站的核心需求，如层级、品牌和行动号召。在设计时，可以通过分离背景、设置焦点等元素来引导用户的视线移动。
理解用户的视线如何移动可以带来巨大的优势。在排布页面元素之前，需要确定元素的优先级。将最重要的元素置于各种模式的“热点区”，创造正确的交互，可以提高用户体验和转化率。
Chris Bank是UXPin公司的发展经理，他强调了理解用户视觉习惯和行为模式在网页UI设计中的重要性。通过创造正确的视觉层次和引导用户视线移动的设计，我们可以提高网站的用户体验和转化率。更多深入的分析和案例研究可以在免费的“网页UI最佳实战”中找到。译者：可乐橙。他的微信公众号是colachangreen。作为一位UI/UX设计师和互联网科技爱好者，他对这些话题有着深入的研究和独特的见解。
