第三章 版式设计的视觉流程

教学重点：

1.了解和熟悉自然视觉流程和秩序视觉流程的区别与联系。

2.了解和熟悉秩序视觉流程的类型有哪些。

教学难点：

深刻理解秩序视觉流程的不同类型带给受众差异化的心理效应。

第三章版式设计的视觉流程

任何视觉艺术表现形式都存在视觉流程，何谓视觉流程呢？所谓“视觉流程”是指人们在观看所接受到的信息时有着一条视觉先后顺序，即视线沿着各元素排列位置移动的轨迹，观者先看到什么元素，再看到什么元素，最后看到什么元素，这一过程是一个视觉先后顺序的路线，我们称这个视觉先后顺序为“视觉流程”。视觉流程分为“自然视觉流程”和“秩序视觉流程”两种形式。

第一节自然视觉流程

自然视觉流程是指自然界当中视觉元素给人们的视觉顺序指导，如人们在自然当中看到的近景、中景、远景等诸多视觉形态元素的视觉顺序，它们都是客观存在的元素，因此，其视觉流程也是自然和客观的。我们发现，在空白画面中，在没有人为元素的状态下，人的自然视觉意识是一种潜意识的视觉流程顺序，如图3-1中，画面区域中自然的视觉流程走势，是自左上角向右下角递减的。所以，通常画面的左上角区域是最引人注目的位置区域。形放置位置大都在画面的的自然视觉流程处，视觉是按图3-2中的区域依次进行视觉递减的。如绘画作品的作者签名一般都是签于右下角的视觉自然末端，所以不会太显眼，图3-3中点①为画面物理中心，点②则是人的视觉中心，这是由于人的视错觉造成的。经研究发现，人的视点是高于物理视觉中心的，所以，点②是人们的自然视觉中心点，而其向周围辐射的区域便成为自然视觉重点区域。因此，在人们的自然视觉潜意识里，此区域是放置重要图形信息或重要文字信息的首选位置。这属于人的本能意识，正是因为这种本能意识，使设计应用阶层的决策者们干涉设计师设计行为成为普遍现象，结果导致了大量无序的本能设计作品产生。传统平面设计作品多带有自然视觉流程的特征。传统平面设计给人的视觉中心是图3-4，此类这设计文字大小差异性很小，构图非常满，信息量较大，版式排列布局雷同且中庸。

第二节秩序视觉流程

现代版式设计力求打破传统的设计方式，追求创新视觉流程，设计师力求找到使人们耳目一新的视觉流程秩序，而且将“空白”概念列入视觉元素的对比关系当中，注重强调虚实空间的视觉对比效果。尽量克服人的视觉本能和潜意识，并用主观合理的设计手法打破常规的位置排列关系，突破人们的视觉框框和视觉习惯，以全新的视觉流程秩序，让设计作品带给人们更新颖、更独特的视觉审美效果。当然，秩序视觉流程必须是设计师充分了解了自然视觉流程，用自己主观理性的设计意图来改变人们原有的视觉习惯，用科学合理的视觉流程方式来引导受众的视觉顺序，从而更好地向受众传达独特、和谐、创新、秩序等形式美感的视觉信息。设计师在一定程度上是可以改变人们的自然视觉流程习惯的，在设计中可根据设计需要来主动引导人们的视觉流程，这样才能设计出千变万化的设计视觉流程效果，给人们带来新颖别致的视觉享受。正确地了解和运用视觉流程原理已经成为平面视觉传达设计的基本要求。

在平面视觉传达设计中，按科学的视觉流程顺序来排列图形、文字、色彩彼此之间的关系，处理好各元素之间的视觉顺序是至关重要的。在秩序视觉流程的应用中，有很多表现方式，其中常见有以下几种形式。

一、水平

水平视觉流程是指将版面中的视觉元素按照水平方向进行排列，这种从左向右的排列方式符合人们的阅读习惯，如图3-5水平线给人温和、安定、静止的视觉感受，可以使整个版面产生稳定、静态的视觉效果。

（一）简洁

水平版面给人舒适的感觉，版面中大片的留白使得版面显得简洁而精炼，突出了宣传的主题，从而吸引观者的注意。如图3-6版面中的文字横排布置，文字大小粗细变化能抓住观者的视线，简洁大气，不显单调。

（二）大小

水平的视觉流程符合人们从左向右的阅读习惯，图形大小的对比变化更能准确明了的阐明产品信息。如图3-7版面中将不同大小体块的苹果按水平方向错落排列，视觉中心处的苹果裁剪成最大块，突出版面的中心；版面中商品文字信息以水平方式居中排列，吸引观者的注意力，达到良好的宣传效果。

（三）空间

文字以水平的视觉流程由深到浅进行排列，增加了版面的空间层次感。版面内容富有秩序感，感官上具有强大的视觉冲击力，给人带来深刻的视觉感受。如图3-8在版面

中主体文字采用由大到小、由实转虚的特效手法，简洁明了的突出主题，版面右下方文字由深到浅排列与版面主体文字的设计遥相呼应，使版面具有良好的空间感和层次感。

（四）延续

文字的水平排列以及文字的破形处理，形成水平的视觉阅读流程，也带来视觉的延续感，给观者很大的想象空间。如图3-9版面中的左右两侧的字母进行了破形处理，形成版面外观者想象的延续空间，再搭配以背景上的浅色螺旋纹，更好的增加了版面的空间感与层次感。

（五）创意

由人物两腿之间的距离构成版面中的文字中心，并占据版面的视觉中心位置，展示出水平的视觉流程，大面积的图形与小面积的文字形成对比，营造出独特的视觉感受。如图3-10图形与文字简洁明了的编排方法向人们传达出版面的宣传信息，人物形象的腿部特写突出了视觉中心，吸引人们的目光。

二、垂直

垂直视觉流程是指将版面中的视觉元素按照垂直的方向进行排列，这种从上往下的排列方式给人坚定、理性、直观的视觉感受；随着视线的上下移动，能表现出一种力量的美感。如图3-11各个文字组合的垂直排列形式，形成了版面的垂直的视觉流程，给人严谨、理性、秩序的视觉感受；再通过文字的颜色与大小的变化，形成一种视觉上的层次与空间感。

（一）坚定

由垂直排列的文字组成新的图形，形成垂直的视觉流程，给人坚定和理性的视觉感受。如图3-12竖向排列的文字通过字号与颜色的不同在版面中形成了一支香烟的图形，突出宣传的主体是香烟，给人直观的视觉感受；同时，暗黄色文字在背景的映衬下，形成画面的力量感，版面整体协调统一。

（二）层次

垂直排列的文字与下方的图形共同形成版面的垂直视觉流程，再配以文字颜色的深浅变化，形成一种视觉上的层次感和空间感。如图3-13，文字的设计独特且富有个性，形成奇特的视觉效果，给人时尚和潮流感。背景图形的运用与文字相得益彰，突出了版面的视觉层次感。

（三）理性