版面设计的视觉流程51页课件.pptVIP

版面设计的视觉流程;1、一条垂直线在页面上，会引导视线作上下的视觉流动；;2、水平线会引导视线向左右的视觉流动；;3、斜线比垂直线、水平线有更强的视觉诉求力；;3、斜线比垂直线、水平线有更强的视觉诉求力；;4、矩形的视线流动是向四方发射的；;;6、三角形则随着顶角之方向使视线产生流动；;7、各种图形从大到小渐层排列时，视线会强烈地按照排列方向流动。;经验丰富的设计者都对此非常重视，他们善于运用这条贯穿页面的主线，设计易于浏览的页面。

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

人们是怎样看图片的？

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

;观看这张图的时候，你先看到了什么，后看到了什么;A、眼睛有一种停留在一幅画面左上角的倾向。

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

;C、眼睛总是先看图，

再看底。?

;D、眼睛总是首先看图片上的人，然后是注意诸如云彩、汽车等移动的物体，最后才注意到固定的物体。

既然我们都有一种从左到右、从上到下观察物体的习惯，毫无疑问，追寻这些视觉规律构建你的画面是最好的方式。;二、视觉流程的形式;2视觉流程类型

视觉流程主要包括以下几种类型：

线型视觉流程

曲线视觉流程

焦点视觉流程

反复视觉流程

导向视觉流程

;线型视觉流程

线型视觉流程，分为直线视觉流程和曲线视觉流程两类。

1、直线视觉流程

使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式：

;竖向视觉流程：给人坚定、直观的感觉。

;横向视觉流程：有稳定、恬静之感。;斜向视觉流程：

以不稳定的动势引起注意。;曲线视觉流程

曲线视觉流程，是由视觉要素随弧线或回旋线运动而形成的。它不如直线视觉流程直接简明，但更具流畅的美感。曲线视觉流程的形式微妙而复杂，可概括为两种形式：

弧线形（C形）视觉流程：有扩张感和方向感。;弧线形视觉流程，使页面具有很强的扩张性;回旋形（S形）视觉流程：两个相反的弧线则产生矛盾回旋，在平面中增加深度和动感。;重心的视觉流程

;向心：

视觉元素向版面中心聚拢的流程。;离心：

犹如将石子投入水中，产生一圈一圈向外扩散的弧线运用。重心的视觉程使版面产生强烈的视觉焦点，使主题更为鲜明而强烈。;反复视觉流程

反复视觉流程是指网页中相同或相似的视觉要素，作规律、秩序、节奏的逐次运动。其产生的视觉效果更富于韵律美和秩序美。

;视线导向

一组人物、动物面向同一方向，会因共同的视线而一致起来。不同的物品方向一致，也可以产生统一感。如果将页面中人物的视线对着物品，就会引导浏览者的视线集中到物品上。充分利用视线导向，可以使视觉元素之间的联系加强，结构更加紧凑。

;页面中的图像将视线引向画面以外;最佳视域

注目程度不同，给人心理上的感受也不同。

1、上部给人轻快、漂浮、积极、高昂之赶；下部给人压抑、沉重、限制、稳定的印象；

2、最重要的信息，应安排在注目率最高的页面位置，这个位置就是页面的最佳视域。

3、浏览者的眼睛首先看到的是页面中间偏上的区域。

4、根据视觉心理学的研究，人的视线对于版面的视觉诉求力大体是上部比下部强，左半部比右半部强。;三、视觉流程运动中应注意的事项

?

1、视觉流程的逻辑性

首先要符合人们认识的心理顺序和思维活动的逻辑顺序，内容主次顺序应该与其吻合一致。;2、视觉流程的节奏性（对比）

?

构成要素之间位置上要造成一定的节奏关系，使其有长有短，有急有缓，有疏有密，有曲有直形成心理的节奏。;3、视觉流程的诱导性

如何引导观众的视线流动。设计师可以通过适当的编排，左右人们的视线，使其按照设计意图进行顺序流动。;谢谢！