广告设计 课件4.2.5版式设计中的视觉流程及其基本类型

第四章版式设计第二节版式设计的应用4.2.5版式设计中的视觉流程及其基本类型一、版式设计中的视觉流程视觉流程，是视线在观赏物上的移动过程，是二维或三维空间中的运动。这种视觉的流动线极为重要，同时又是很容易被设计者忽视的因素。版式设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。1、单向视觉流程2、曲线视觉流程3、重心视觉流程4、反复视觉流程5、导向视觉流程6、散点视觉流程1、单向视觉流程使页面的流动线更为简明直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式：竖向视觉流程、横向视觉流程、斜向视觉流程。

竖向视觉流程：给人坚定、直观的感觉。戛纳广告平面获奖作品ASweetEscape通过编排改变画面视觉重心，也可以使竖向视觉流程，有上升或下坠之感。横向视觉流程：有稳定、恬静之感。横向的视觉流程，向人们传达出稳重、可信的视觉语言

斜向视觉流程：斜向线的版面设计流程以不稳定的动态引起注意,不仅能有效地烘托主题诉求点,且视觉流向独特,往往更能吸引人的视线。2、曲线视觉流程曲线视觉流程，是由视觉要素随弧线或回旋线运动而形成的。它不如直线视觉流程直接简明，但更具流畅的美感。曲线视觉流程的形式微妙而复杂，可概括为两种形式：弧线形(c形)视觉流程：有扩张感和方向感。回旋形(s形)视觉流程：两个相反的弧线产生矛盾回旋，在平面中增加深度和动感。使页面具有很强的扩张性重心是指视觉心理的重心，重心由三种概念：（1）以强烈的形象或文字独居版面某个部位或完全充斥整版。其重心的位置因其具体画面而定。在视觉流程上，首先是从版面重心开始，然后顺沿形象的方向与力度的倾向来发展视线的进程。3、重心的视觉流程（2）向心和离心：视觉元素向版面中心聚拢的流程或者犹如将石子投入水中，产生一圈一圈向外扩散的弧线运动。重心的视觉流程使版面产生强烈的视觉焦点，使主题更为鲜明而强烈。重复视觉流程：以相同或相似的序列反复排列，形成画面形象的连续性，给人以安定感、整齐感、秩序化和规律的统一感。特异视觉流程：是构成要素在秩序的关系里，有意违反秩序。使少数、个别的要素显得突出，以打破规律性。由于这种局部的，少量的突变，突破了常规的单调性与雷同性，成为版面的趣味中心，产生醒目、生动感人的视觉效果。4、反复视觉流程GUYS，WE'REFLATTERED(伙计们，我们受宠若惊）品牌商：肯德基

导向视觉流程，是通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各构成要素依次串联起来，形成一个有机整体。导向视觉流程的应用也很多见，可以使网页重点突出、条理清晰，发挥最大的信息传达功能。视觉导向元素有多种，有虚有实，表现多样。5、导向视觉流程版式设计中的导线有虚有实、表现多样，如文字、视线、手势形象导向等。6、散点视觉流程散点视觉流程，是指图与图、图与文字、文字与文字分散处理视觉元素的编排方式。它强调感性、自由性、随机性、偶合性。其视觉流程为：视线随各视觉元素作或上或下、或左或右的自由移动。这种视觉流程不如其他视觉流程严谨、快捷、明朗，但生动有趣，给人一种轻松随意和慢节奏的感受。自由的视觉元素组合成明确的主题运用散点和曲线所形成的柔和的视觉主题二、版式设计中的基本类型骨格型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型、四角型、等12种。规范的、理性的分割方法。常见的骨格有：竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。（1）骨格型“骨格”反映的关系，其实就是关于版面内视觉图形元素间的构成关系。（2）满版型

版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部(边部和中心)的图像上。满版型，给人大方、舒展的感觉。是商品广告常用的形式。整体满版会让画面有强烈的带入性。细节满版能快速明确和展示主体。而文字满版通常是以装饰的形式来表达某些文案。（3）分割型上下分割：整个版面分成上下两部分，在上半部或下半部配置图片(可以是单幅或多幅)，另一部分则配置文字。图片部分感性而有活力，而文字则理性而静止。左右分割：整个版面分割为左右两部分，分别配置文字和图片。左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯(左右对称)上的问题，不如上下分割型的视觉流程自然。如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。（4）中轴型将图形作水平方向或垂直方向排列，文字配置在上下或左右。水平排列的版面，给人稳定、安静、平和与含蓄之感。垂直排列的版面，给人强烈的动感。（5）曲线型图片和文字，排列成曲线，产生韵律与节奏的感觉。（6）倾斜型版面主体形象或多幅图像倾斜编排，造成版面强烈动感和不稳定因素，引人注目。（7）对称型

对称的版式，给人稳定、理性、理性的感受。对称分为：绝对对称和相对对称。一般多采用相对对称手法，以避免过于严谨。对称一般以左右对称居多。（8）重心型

重心型版式产生视觉焦点，使其更加突出。

1、直接以独立而轮廓分明的形象占据版面中心。

2、向心－视觉元素向版面中心聚拢的运动。

3、离心－犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。

直接以独立而轮廓分明的形象占据版面中心。向心－视觉元素向版面中心聚拢的运动。越南5giay系列视觉平面广告离心－犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。英国MrKipling食品系列创意广告（9）三角型

在圆形、矩形、三角形等基本图形中，正三角形(金字塔形)最具有安全稳定因素。（10）并置型

将相同或不同的图片作大小相同而位置不同的重复排