2.1.1 合理的视觉动线

视觉动线指的是人们浏览文章或画面时视线移动的轨迹。通常人们在浏览网页时习惯从左到右、从上到下进行浏览，这时F字型视觉动线就形成了，如图2-1所示。

对于信息量比较大的页面，比较适合用F字型视觉动线来引导。基于人眼球的结构特性，在浏览页面时一次只能产生一个视觉焦点，所以大多数人在浏览页面时是跳动浏览。

视觉动线除了常见的F字型外，还有Z字型和直线型两种类型。

1.Z字型

Z字型是用户从左到右、从上到下以Z字型顺序进行扫视阅读。这种动线经常应用于图文穿插，且视觉层次较少的页面中。使用Z字型可以很好地突出主要内容，如图2-2所示。此外，还有一种比较特殊的Z字型动线，那就是Z字的重复排序。这种重复排序可称为之字型视觉动线，如图2-3所示。这类视觉动线具有鲜明的视觉分隔，用户的视觉路径从左到右重复进行。之字型动线比较适用于产品介绍或产品展示页面中。

2.直线型

直线型就是在一条视觉动线上依次展示内容信息，这条直线可以是水平线，也可以是垂直线，还可以是对角线。水平线型动线会给人以舒适、平稳、恬静的感觉，没有大量信息的叠加，阅读起来很轻松，如图2-4所示。垂直线型动线给人干净利索的感觉，适合用于文艺风格的页面，如图2-5所示。对角线型动线比水平型和垂直型有更强的视觉诉求力，多了一丝活跃，能让用户快速扫描页面整体，如图2-6所示。