界面视觉引导设计攻略.pptxVIP

第二章、版面设计的

视觉流程

第1页

在视觉心理学家的研究中，视觉运动规律是其成果之一。

一条垂直线在页面上，会引导视线作上下的视觉流动；

水平线会引导视线向左右的视觉流动；

斜线比垂直线、水平线有更强的视觉诉求力；

矩形的视线流动是向四方发射的；

圆形的视线流动是辐射状的；

三角形则伴随顶角之方向使视线产生流动；

各种图形从大到小渐层排列时，视线会强烈地按照排列方向流动。

第2页

视觉流程，是视线在观赏物上的移动过程，是二维或三维空间中的运动。

这种视觉的流动线极为主要，同步又是很容易被设计者忽视的原因。

版面设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。

这种视觉在空间的流动线为“虚线”，正因为它虚，所以设计时容易被忽视。

第3页

经验丰富的设计者都对此非常注重，他们善于利用这条贯穿页面的根本，设计易于浏览的页面。

从某个角度讲，视觉流程的设计成果就是版式。

第4页

人们是怎样看图片的？

研究者们发觉，我们眼睛浏览图片时不是处于一种连续不断的扫视之中，而是有一系列短暂的停顿和跳跃。这种间断不完全是任意的。记住这一点，我们应注意以下某些情况。

第5页

观看这张图的时候，你先看到了什么，后看到了什么

第6页

A、眼睛有一种停留在一幅画面左上角的倾向。

B、眼睛总是顺时针看一张图片。

C、眼睛总是首先看图片上的人，然后是注意诸如云彩、