版面设计的视觉流程课件.ppt

《版面设计的视觉流程课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、版面设计的视觉流程视觉流程，是视线在观赏物上的移动过程，是二维或三维空间中的运动。这种视觉的流动线极为重要，同时又是很容易被设计者忽视的因素。版面设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。这种视觉在空间的流动线为“虚线”，正因为它虚，所以设计时容易被忽略。在视觉心理学家的研究中，视觉运动规律是其成果之一。1、一条垂直线在页面上，会引导视线作上下的视觉流动；2、水平线会引导视线向左右的视觉流动；3、斜线比垂直线、水平线有更强的视觉诉求力；3、斜线比垂直线、水平线有更强的视觉诉求力；4、矩形的视线流动是向四

2、方发射的；5、面积大的圆形的视线流动是曲线的；面积小的圆形视觉流动是聚合的6、三角形则随着顶角之方向使视线产生流动；7、各种图形从大到小渐层排列时，视线会强烈地按照排列方向流动。经验丰富的设计者都对此非常重视，他们善于运用这条贯穿页面的主线，设计易于浏览的页面。从某个角度讲，视觉流程的设计结果就是版式。人们是怎样看图片的？研究者们发现，我们眼睛浏览图片时不是处在一种连续不断的扫视之中，而是有一系列短暂的停顿和跳跃。这种间断不完全是任意的。记住这一点，我们应注意下列一些情况。观看这张图的时候，你先看到了什么，后看到了什么A、眼睛有一种停留在

3、一幅画面左上角的倾向。B、眼睛总是顺时针看一张图片。C、眼睛总是先看图，再看底。D、眼睛总是首先看图片上的人，然后是注意诸如云彩、汽车等移动的物体，最后才注意到固定的物体。既然我们都有一种从左到右、从上到下观察物体的习惯，毫无疑问，追寻这些视觉规律构建你的画面是最好的方式。二、视觉流程的形式1.视觉流程的筹划视觉流程是版式设计的重要内容，可以说，视觉流程运用的好坏，是设计者技巧成熟与否的表现。视觉流程的筹划包括几个重要的因素，下面就对它们作具体的归纳与分析。2视觉流程类型视觉流程主要包括以下几种类型：线型视觉流程曲线视觉流程焦点视觉流程反复视

4、觉流程导向视觉流程线型视觉流程线型视觉流程，分为直线视觉流程和曲线视觉流程两类。1、直线视觉流程使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式：竖向视觉流程：给人坚定、直观的感觉。明确、简洁的竖向视觉流程横向视觉流程：有稳定、恬静之感。横向的视觉流程，向人们传达出稳重、可信的视觉语言斜向视觉流程：以不稳定的动势引起注意。曲线视觉流程曲线视觉流程，是由视觉要素随弧线或回旋线运动而形成的。它不如直线视觉流程直接简明，但更具流畅的美感。曲线视觉流程的形式微妙而复杂，可概括为两种形式：弧线形（C形）视觉

5、流程：有扩张感和方向感。弧线形视觉流程，使页面具有很强的扩张性回旋形（S形）视觉流程：两个相反的弧线则产生矛盾回旋，在平面中增加深度和动感。重心的视觉流程重心是指视觉心理的重心，重心有三种概念：1、以强烈的形象或文字独据版面某个部位或完全充斥整版。其重心的位置因其具体画面而定。在视觉流程上，首先是从版面重心开始，然后顺沿形象的方向与力度的倾向来发展视线的进程。向心：视觉元素向版面中心聚拢的流程。离心：犹如将石子投入水中，产生一圈一圈向外扩散的弧线运用。重心的视觉程使版面产生强烈的视觉焦点，使主题更为鲜明而强烈。反复视觉流程反复视觉流程

6、是指网页中相同或相似的视觉要素，作规律、秩序、节奏的逐次运动。其产生的视觉效果更富于韵律美和秩序美。视线导向一组人物、动物面向同一方向，会因共同的视线而一致起来。不同的物品方向一致，也可以产生统一感。如果将页面中人物的视线对着物品，就会引导浏览者的视线集中到物品上。充分利用视线导向，可以使视觉元素之间的联系加强，结构更加紧凑。页面中的图像将视线引向画面以外最佳视域注目程度不同，给人心理上的感受也不同。1、上部给人轻快、漂浮、积极、高昂之赶；下部给人压抑、沉重、限制、稳定的印象；2、最重要的信息，应安排在注目率最高的页面位置，这个位置就是页面的

7、最佳视域。3、浏览者的眼睛首先看到的是页面中间偏上的区域。4、根据视觉心理学的研究，人的视线对于版面的视觉诉求力大体是上部比下部强，左半部比右半部强。21三、视觉流程运动中应注意的事项1、视觉流程的逻辑性首先要符合人们认识的心理顺序和思维活动的逻辑顺序，内容主次顺序应该与其吻合一致。2、视觉流程的节奏性（对比）构成要素之间位置上要造成一定的节奏关系，使其有长有短，有急有缓，有疏有密，有曲有直形成心理的节奏。3、视觉流程的诱导性如何引导观众的视线流动。设计师可以通过适当的编排，左右人们的视线，使其按照设计意图进行顺序流动。