第04章-海报版式设计的结构和视觉流程

海报设计不止设计工作室内容大纲海报版式设计的编排形式法则海报版式设计的视觉流程海报的版式设计的结构第01节第02节第03节第四章海报版式设计的结构和视觉流程了解版式设计的基本结构类型及其特点学习目标掌握版式设计的视觉流程类型及其应用了解海报版式设计的编排形式法则分栏是指将版面均等分成横或竖的文字排版区域。常见的分栏有竖向通栏、双栏、多栏，一般以竖向分栏为多。图片和文字编排应用分栏时，可给人以严谨、和谐、理性之美4.1海报版式设计的结构4.1.1分栏竖向通栏画面适合纯文字或文字较多的海报版式编排，良好的通栏版面会传递冷静、严肃的感受，但也会产生呆板、无趣的负面效果，在使用这种设计方式时，可通过调整字体、设计底纹等方法使画面更生动4.1海报版式设计的结构4.1.1分栏一、竖向通栏竖向双栏可以使用左边放置文字、右边放置图片的方法将版面重新划分，以增强版面的变化性4.1海报版式设计的结构4.1.1分栏二、竖向双栏均衡的多栏适合于添加文字多且密集、版面太宽的版面，最常见的就是报纸版面的编排，可以根据正文内容调整栏的宽度4.1海报版式设计的结构4.1.1分栏三、纵向多栏横栏近似于竖向通栏，但有其自身特点，主要是横栏版面有明显的横向分割版面的标记，比如底纹色彩的阶段变化，栏之间有横线相隔，每个栏内并不以通栏的形式排列文字，而是根据素材进行文字错落编排或图文混排4.1海报版式设计的结构4.1.1分栏四、横栏很多时候栏要根据设计需要来设定，特殊版面中可能同时存在横栏和竖栏，栏的大小、宽窄也不尽相同，打破对称格式，一般适用于设计散页，强调页面的视觉效果4.1海报版式设计的结构4.1.1分栏五、特殊的栏日本平面设计大师原研哉的四幅作品满版式设计主要用图片传达信息，以图片充满整个版面，在视觉传达上有直观、表现力强的特点。根据版面的需要，文字的位置编排在版面的上下、左右、中心点上，层次清晰，传达信息准确明了。满版式给人大方、直白的感觉，常用在平面广告中满版式设计有主题突出、传播速度快、视觉表现强烈的效果，是杂志广告内页、招贴设计等版式设计中主要的表现形式4.1海报版式设计的结构4.1.2满版日本设计师佐藤晃一的作品分割是指版面中以设计效果为目的的区域划分，是版式设计常用形式之一。分割可以调整画面的灵活性，对画面进行一些取舍再拼贴，形成另一种风格的版式。分割分为：水平分割、竖直分割和自由分割4.1海报版式设计的结构4.1.3分割水平分割是将整个版面分为上下两个或多个部分，在分割的某部分配置图片，其他部分配置文字。有图片的部分有窗口一般的感性活力，而文字部分则理性、静止。上下可以分配多幅或一幅图片，文字应稍多，以调节版面4.1海报版式设计的结构4.1.3分割一、水平分割无印良品系列海报作品垂直分割是把版面分割为左右两部分，分别在左右配置文字或图片。当左右两部分形成强弱对比时，会造成整个画面视觉的不平衡。但也只是视觉习惯的问题，不如上下分割视觉自然。若是将分割线虚化处理，或用文字进行左右重复或穿插，左右图文在视觉上则会自然得多4.1海报版式设计的结构4.1.3分割二、垂直分割自由分割是无规则、不受限制地分割画面的一种方式，它不同于数学规则分割产生的整齐效果，自由分割可使画面产生活泼、不受约束的感觉（斜线分割画面产生运动感，适合运动主题招贴）自由分割编排时应注意图片大小、主次分明、方形图与退底图的搭配，同时还要考虑疏密、均匀、视觉方向等因素。自由分割看似随意的分散构图，其实包含设计师精心构图与巧妙布局，画面要有统一的气氛4.1海报版式设计的结构4.1.3分割三、自由分割4.2海报版式设计的视觉流程海报版式视觉流程是视线随各个元素在版面空间沿一定轨迹运动的过程。人们认识事物的顺序是先感性，然后理性地运用思维进行思考和分析。设计师通过多样的表达手法巧妙引导读者，加上合理的形式、色彩、文字的构成安排，才能创造出符合人们习惯和心理的视觉流程01单向视觉流程02曲线视觉流程03重心视觉流程04反复视觉流程05导向视觉流程06散点视觉流程4.2海报版式设计的视觉流程使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果竖向视觉流程横向视觉流程斜向视觉流程一、单向视觉流程4.2海报版式设计的视觉流程横向视觉流程是视线按照一般阅读习惯从左至右或从右至左的阅读版面，如果左右量接近时，视线会沿水平左右来回移动。有稳定、恬静之感一、单向视觉流程1.横向视觉流程4.2海报版式设计的视觉流程竖向视觉流程版面将图像、文字等素材上下排列，引导读者自上而下顺序阅读的版面。在深入理解版面时，视线会上下来回移动，给人坚定、直观的感觉一、单向视觉流程2.竖向视觉流程4.2海报版式设计的视觉流程斜向视觉流程版面主要表现为将版面主体形象或多幅图版做倾斜编排，形成版面强烈的动感和不稳定因素，引人注目，以不稳定的动势引起注意一、单向视觉流程3.斜向视觉流程4.2海报版式设计的视觉流程曲线视觉流程是由视觉要素随弧线或回旋线运动而形成的。它不如直线视觉流程直接简明，但更具有流畅的美感。曲线视觉流程的形式微妙而复杂弧线（C形）视觉流程回旋形（S形）视觉流程二、曲线视觉流程4.2海报版式设计的视觉流程弧线视觉流程版式设计具有流动、动感、活跃的特点，在版面上的重复组合可以呈现轻快、富有活力的视觉效果。弧线具有饱满而富有张力的特点，可以稳固地引导读者视觉在弧线中心位置二、曲线视觉流程1.弧线视觉流程4.2海报版式设计的视觉流程回旋视觉流程是将版面元素按“S”形进行排列，这种版面给人舒缓、有韵律美得感受，一般具有很好的版面层次感二、曲线视觉流程2.回旋形视觉流程4.2海报版式设计的视觉流程重心型版式设计使得在所有表达的重点位置形成视觉焦点，使重心位置更加突出，重心版式分为三种类型：（1）中心——直接以独立而轮廓分明的形象占据版面的重心；（2）向心——视觉元素有向版面重心聚拢的运动趋势；（3）离心——犹如石子投入水中，产生一圈一圈向外扩散的弧线运动三、重心视觉流程4.2海报版式设计的视觉流程三、重心视觉流程离心式版面向心式版面中心式版面4.2海报版式设计的视觉流程相同或相似的视觉要素作规律、秩序、节奏的编排，赋予节奏和韵律四、反复视觉流程4.2海报版式设计的视觉流程通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各个构成要素一次串联起来，形成一个有机整体，可以使版面重点突出、条理清晰，发挥最大的信息传达功能五、导向视觉流程4.2海报版式设计的视觉流程指示型视觉流程是在画面中增加导向性元素，使得阅读者按照导向进行阅读五、导向视觉流程1.指示导向视觉流程文字导向手势导向动态导向版面：跳水运动员起跳动态引导读者将视线看向画面左下的水面4.2海报版式设计的视觉流程交叉导向视觉流程是指版面中制造水平、垂直或倾斜的交叉构图形式，这时视线会自觉集中在交叉点上五、导向视觉流程2.交叉导向视觉流程交叉导向版面4.2海报版式设计的视觉流程分散处理视觉元素的编排方式。强调感性、自由性、随机性、偶合性。视觉流程为：视线随视觉元素或上或下、或左或右的自由移动，给人以生动有趣、轻松随意和慢节奏的感受散点视觉流程一般是在画面元素较多时，将这些元素用散点的组合排列方式设计版面，这时视线会在各散点跳跃观看，版面具有较强亲和力六、散点视觉流程单纯与秩序虚实与留白节奏与韵律对称与均衡对比与和谐4.3海报版式设计的编排形式法则4.3海报版式设计的编排形式法则一、单纯与秩序单纯：基本形的简练，编排结构的简明、单纯秩序：版面中的各种视觉元素组织有规律的形式展现4.3海报版式设计的编排形式法则二、对比与和谐对比：将相同或相异的视觉元素作强弱对照排版所运用的形式手法。对比为强差异，产生冲突，和谐为寻求共同点，缓和矛盾。二者互为因果，共同营造版面既对比又和谐的完美关系4.3海报版式设计的编排形式法则三、对称与均衡对称与均衡：版面中心两边或四周的形态具有相同的公约量而形成的静止状态，也称绝对对称均衡4.3海报版式设计的编排形式法则四、节奏与韵律节奏是均匀