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

不止设计工作室海报设计第四章 海报版式设计的结构和视觉流程海报版式设计的编排形式法则海报版式设计的视觉流程海报的版式设计的结构内容大纲第03节第01节第02节学习目标了解版式设计的基本结构类型及其特点掌握版式设计的视觉流程类型及其应用了解海报版式设计的编排形式法则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 海报版式设计的视觉流程海报版式视觉流程是视线随各个元素在版面空间沿一定轨迹运动的过程。人们认识事物的顺序是先感性，然后理性地运用思维进行思考和分析。设计师通过多样的表达手法巧妙引导读者，加上合理的形式、色彩、文字的构成安排，才能创造出符合人们习惯和心理的视觉流程010203单向视觉流程曲线视觉流程重心视觉流程040506反复视觉流程导向视觉流程散点视觉流程4.2 海报版式设计的视觉流程一、单向视觉流程使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果竖向视觉流程横向视觉流程斜向视觉流程4.2 海报版式设计的视觉流程一、单向视觉流程1.横向视觉流程横向视觉流程是视线按照一般阅读习惯从左至右或从右至左的阅读版面，如果左右量接近时，视线会沿水平左右来回移动。有稳定、恬静之感4.2 海报版式设计的视觉流程一、单向视觉流程2.竖向视觉流程竖向视觉流程版面将图像、文字等素材上下排列，引导读者自上而下顺序阅读的版面。在深入理解版面时，视线会上下来回移动，给人坚定、直观的感觉4.2 海报版