教学重点：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，文字的设计独特且富有个性，形成奇特的视觉效果，给人时尚和潮流感背景图形的运用与文字相得益彰，突出了版面的视觉层次感三）理性版面的垂直视觉流程给人理性、稳重、直率的视觉感受版面中的文字或是图形稳定且对称的布局，增加了消费者对商品的信赖感如图3-14左右两侧不同背景颜色的对比与衬托下，汽车的形象醒目且突出，置于左右两侧的文字从不同的角度突出宣传信息，画面左右对称，视觉效果醒目突出。
四）创意文字的排列形成垂直的视觉流程，增强了版面的表现力和艺术感文字构成图形的巧妙创意简洁直观的传达出版面信息如图3-15文字与图形的巧妙结合，使整个版面具有较强的视觉冲击力；版面背景颜色的选择，丰富了版面视觉效果三、斜向斜向视觉流程是指将版面中的视觉元素按斜向进行排列，这种排列方式给人以冲刺、飞跃、前进、向上的视觉感受，表现出力量与重心的前移斜向视觉流程具有强烈的冲击力，能以其不稳定的动态视觉感受吸引观者的目光一） 动感强调突出前方倾斜排列的人物图片，形成了充满动感和活力的视觉效果如图3-16人物倾斜排列在斜向的直线上，醒目突出；看似复杂多变的人物在排列上却很讲究，大小和位置变化丰富且协调，主次明确，充满动感；版面中的文字竖向排列线条流畅，突出画面的空间感二） 叠印倾斜排列的色块形成不稳定的动态视觉，表现出力量与重心的前移感，能吸引观者的目光，达到宣传的目的如图3-17将色块斜向排列于版面中心位置，色块不透明变化进行叠印，形成具有冲击力的画面，吸引观者的眼球；黑色的文字稳重有力，与版面中心的人物都是竖向排列，共同与倾斜的色块构成了统一协调的画面三）冲击斜向排列的文字和剪影图形形成向前冲的画面，给观者带来速度与力量感，展现出强烈的视觉冲击力。
如图3-18由远及近的汽车及人物剪影与黑色发射线条形成速度感的画面效果，表现出画面的空间感；文字的排列方向与图形排列方向一致，形成了统一的画面视觉效果四） 速度用斜向视觉流程来表现出速度化的特性，展示出随时会冲出版面的视觉效果如图3-19，版面中的各种视觉元素堆积组合于版面的视觉中心位置，整体又成斜向排列，不仅增加了版面的层次感，而且体现出速度快、高科技化的视觉效果五） 稳定倾斜的版面视觉流程占据版面的大部分空间，黑色与黄色的搭配增加了版面中的视觉层次，让人印象深刻如图3-20黑色文字以延伸的形式在画面中既成垂直排列又成斜向的视觉流程，增加了画面的稳定感；黑色与黄色的搭配突出画面的统一感和协调性六） 均衡将版面中的图片与文字按照45度角排列，既可以使版面条理清晰、均衡协调，又增加了版面的动感和韵律，适应观者的阅读习惯如图3-21冲出版面的图片，形成了视觉上的延伸感，带给观者无限的想象空间；文字大小、方向、颜色的变化增加了版面的灵动性和均衡感四、曲线曲线视觉流程是指将版面中的视觉元素按曲线进行排列，这种排列方式给人一种柔美、优雅的视觉感受曲线视觉流程虽不如水平、垂直视觉流程那样直接简明，但它更具韵味、节奏和动态美，能够营造出轻松舒展的气氛。
一）形象由文字组成的路线形成人体的S形曲线效果，形象生动的展示出版面的主要特色，加深人们对版面的深刻印象如图3-22弯曲的文字如同人体的S形曲线，版面中的人物S形曲线的姿势与文字路线形成视觉上的互应，整个版面没有其他多余的文字信息，简洁明了，能集中观者的视线，给人留下深刻的印象二）广阔版面中大面积的曲线空间，展现出独具创意和特色的设计版面，从人与烟曲线的完美结合，为观者提供了丰富的遐想空间如图3-23红色的背景上白色的烟雾，更能凸显图形元素，体现出广阔的空间感，极具视觉张力；版面中疏密对比强烈，能引导观者的视线，突出宣传的主题三）生动文字的巧妙排列形成曲线的视觉流程，如同从琴中弹出的动人旋律，形象生动且富有节奏感如图3-24文字被巧妙的连接成生动的曲线，大小、颜色变化从细节上增加了版面的节奏感；人物的动态与文字的编排巧妙结合，为版面营造出轻松愉悦的氛围；版面中的弧线与文字信息相互应，使版面生动有趣四）趣味人物图片蜿蜒形成灵动的曲线问号，将版面进行分割，突出问号中的文字信息，展示出充满趣味感和空间感的画面如图3-25问号的点变成一位站立的人物，与图片元素的问号曲线相互应，引发人们的思索；版面下方的文字采用水平排列，起到了平衡版面的作用。
五）创意通过人物的头纱与颈背形成曲线的版面视觉，突出产品的使用人群如图3-26版面中人物的曲线形式具有极强的视觉冲击力和美感；人物颈背的曲线将版面很好的平分为上下两部分，文字信息巧妙的排列于曲线里面，直观的宣传主题思想，便于大众的理解五、核心核心视觉流程是指在版面中选择一处位置进行重点信息的传达，也就是以一个图形、文字或色彩形象占据版面的核心位置，产生强烈的视觉效果根据版面的不同，视觉核心的位置也是不同的根据版面所要表达的含义来决定视觉核心的位置，能够鲜明地突出主题一） 主题由宣传主体组成的图形作为版面的视觉核心，在突出宣传主题的同时，揭示出宣传信息，加深人们对版面的认识如图3-27将铅笔与墨迹结合，简单明了的构图形成极强的视觉冲击力，突出版面核心；版面文字信息以白色占据墨迹的大面积位置，显示出了文字信息的重要性，清晰明确的突出诉求核心一）对比映入眼帘的男女人物对比占据了版面视觉的核心，突出了宣传的主题思想，能引起人们的关注，达到宣传的目的如图3-28男女人物黑人与白人的对比图占据了版面的中心位置，聚集观者的目光，达到吸引人注意的作用；版面中并没有文字信息，左右两边人物的对比，简洁明了的突出宣传主题，醒目且直观。
二）直观图片置于版面视觉的核心位置，直观地传达出版面的主题，清晰明确如图3-29图片上方文字下方的编排方式，。