一个艺术大师除了要具备创造性外，还应该考虑一些细节，比如文字、颜色、大小、应该包含什么内容，也许更重要的是，应该放弃什么。这并不容易，所以我们钦佩达·芬奇和梵高这样的大师。Web UI设计师也应该这样做。网站也是视觉艺术的一种形式。在其独特的方式上，它应该遵循许多传统艺术形式的规则。这是一门美学科学，夹杂着一些商业规则。与众不同的网站界面一定会让人感到没有压力和迷人。
我们首先看看视觉层次是什么，它是如何创建的，然后我们理解它如何在视觉的自然运动中发挥作用。
通常网站的访问者不会将网页内容全部阅读，而是采取避重就轻的原则，阅读一些醒目的内容或者感兴趣的信息。因此在进行网页布局前，首先要了解一下网站访客的浏览模式。根据人眼视觉习惯，访客在浏览网页时主要分为F模式和Z模式两种方式。
F模式是指用户沿着左侧垂直浏览而下，先去寻找页面中每个段落开头的兴趣点，如果发现了感兴趣的点，用户就会从该处开始沿水平线方向的阅读。最终结果就是用户的视线呈F型。
值得一提的是，通常F模式会出现在一些以文字为主的网页中，例如博客、论坛等。用户的级少逐字阅读文字，因此初始段落，副标题和要点都要保持醒目。
Z模式是指用户的浏览视线沿着从左到右自上而下的阅读方式。用户首先关注的页头水平方向的内容，当视线抵达尾部时则又重复遵循着水平方向从左到右的习惯模式，人眼以这种模式移动时，浏览视线形成了一个虚构的“Z”形。
Z模式几乎可以适用到任何的网页交互，能够将重要信息自然而然地突出。 Z模式的优点就是简单，简化布局可以增加转化率。
精华推荐：UI设计师如何自我介绍最有用！
如何向面试官介绍你的项目
从工作对接——告诉你UI设计师的工作流程
破解HR常见5种面试套路，助你轻松拿下Offer
初级设计师面试失败，大部分败在这50个问题上
设计面试——应聘机试题怎么破1
设计面试——应聘机试题怎么破2
设计面试——应聘机试题怎么破3
：2168934524
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) | 黑马程序员IT技术论坛 X3.2 |