版式设计(上课用)课件

版式设计版式设计版式版式版式设计版式设计版式设计版式设计版式设计版式设计版式设计版式设计版式设计版式版式设计版式设计版式设计版式设计第七章 现代版面的设计观念第六章 版面设计的编排形式法则第一章 概述第二章 版式设计原则第三章 版式设计的编排构成第四章 文字的编排构成第五章 图形的编排构成第七章 现代版面的设计观念第六章 版面设计的编排形式法则第一版式设计又被称为版面设计、编排设计概述版式设计又被称为版面设计、编排设计概述版式设计的应用类别1.出版物版面设计如报纸版面，杂志版面，书籍版面。2.广告版面设计如报纸广告，杂志广告，灯箱广告，路牌广告。3.促销道具设计如包装，折叠广告，POP广告，产品目录。版式设计的应用类别1.出版物版面设计4.产品形象应用识别设计如名片，年报，画册。5.多媒体网页版面设计4.产品形象应用识别设计包装设计包装设计书籍装帧设计书籍装帧设计海报招贴设计海报招贴设计VI设计VI设计展示设计展示设计DM单设计DM单设计版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件VI设计VI设计网页设计网页设计版式设计的重要性版式设计对于平面设计是一门相对具有独立性的设计艺术，研究平面设计的视觉语言和艺术风格，是现代设计艺术的重要组成部分，是视觉传达的重要手段。版式设计的重要性版式设计(上课用)课件版式设计的流程1.信息的收集2.信息的提炼3.确定主风格4.图文处理与编排版式设计的流程1.信息的收集优秀版面的评价标准优秀版面设计的核心标准传播力1.版面设计的功能性 主要通过把握视觉流程达到准确传达,快速传达.2.版面设计的艺术性 可利用形式感法则与图文的视觉情感达到定位传达的目的.3.版面设计的统一性 可利用网格系统达到印象传达,增强品牌记忆.优秀版面的评价标准优秀版面设计的核心标准传播力概念：版式设计是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字、图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。概念：版式设计三大视觉要素文字图形色彩版式设计三大视觉要素文字1、文 字主题内容(标题、正文、注解等)离不开文字，通过文字获得主要信息。设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使读者感到愉悦,帮助阅读和理解。1、文 字版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。2、图形或图像 图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。文字版中加入图形图片立即引起视觉流程的变化图形的形式、大小、数量影响读者注意力主题借助图形、图片来增强文字说服力，提高阅读兴趣。文字版中加入图形图片立即引起视觉流程的变化特写图像视觉冲击力强特写图像视觉冲击力强以符号为图形以装饰画或油画为图形以符号为图形以装饰画或油画为图形特写图像视觉冲击力强特写图像视觉冲击力强色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代商业设计对色彩的应用更上升至“色彩行销”的策略，成为商品促销、品牌塑造的重要手段。3、色彩色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现色彩在画面中的协调作用色彩在画面中的协调作用各种色调给人的感觉不同，要做到色调与内容的统一色彩的渐变使版面和谐统一各种色调给人的感觉不同，要做到色调与内容的统一色彩的渐变使版运用调和色来统一版面夺目的色彩配以活泼的编排，让人耳目一新运用调和色来统一版面夺目的色彩配以活泼的编排，让人耳目一新版式设计的基本原则有以下四个方面主题与导读内容与形式强化整体布局技术与艺术第二章 版式设计原则版式设计的基本原则有以下四个方面第二章 版式设计原则鲜明主题的诱导力目的：清晰的条理性，最佳形式感，最佳诉求效果。价值：吸引注意力，易解。鲜明主题的诱导力目的：清晰的条理性，最佳形式感，最佳诉求效果形式与内容统一 前提：形式符合主题思想内容。错误现象：形式脱离内容，缺乏艺术表现，空洞和刻板。形式与内容统一 前提：形式符合主题思想内容。版式设计(上课用)课件强化整体布局(图与图、图与文)在编排结构及色彩上做整体设计。获得整体性的方法：1、加强整体的结构组织方向视觉秩序，如水平结构、垂直结构、倾斜结构、曲线结构等。2、加强文案的集合性，将文案中多种信息组合成块状，增强版面文字的条理性和清晰的导读性。3、加强展开页的整体设计。无论是连页、跨页、折页，或是展开页的设计，均为同一视线下展示的版面，因此加强整体性可以获得更加良好的视觉效果。强化整体布局技术与艺术的统一设计者应结合现代各种工艺，进行作品的创作，否则设计作品将会在现行技术下无法实施。技术与艺术的统一第三章 版式设计的编排构成版式编排设计的基本要素：点、线、面的编排构成点线面三维空间骨骼自由构成第三章 版式设计的编排构成版式编排设计的基本要素：点、线、面任何一种版式设计，在空间原理上均归于点、线、面的分类。点、线、面是几何概念，亦是版式设计的基本元素和主要的视觉语言形式。任何一种版式设计，在空间原理上均归于点、线、面的分类。点、线点的编排构成版面中的点由于大小、形态、位置不同，所产生的视觉效果也不同。点的编排构成版式设计(上课用)课件线的编排构成线的编排构成分为：实线、虚线、空间视觉流动线。人们对线的概念都仅仅停留在版面中形态明确的线，对空间的视觉流动线则忽略。线的编排构成线构成的招贴线构成的招贴线构成的包装线构成的包装1、线具有分割作用1、线具有分割作用2、线具有引导视线的作用2、线具有引导视线的作用版式设计(上课用)课件3、线框的约束与强调线框的限定，即使主体产生空间“场”的作用，同时也具有相对约束的功能。3、线框的约束与强调线框的约束与强调线框的约束与强调线框的约束与强调线框的约束与强调面的编排构成点的放大、点的密集或线的重复构成面。另外，线的分割产生各种比例的空间，同时也形成各种比例关系的面。面在版面中具有平衡，丰富空间层次，烘托及深化主题的作用。面的编排构成点的密集成面点的密集成面由文字组成面，与图片形成对比由文字组成面，与图片形成对比错落的面与线构成版面的节奏错落的面与线构成版面的节奏三维空间的编排构成生活中的三维空间是立体空间，看得见，摸得着，能深入。而在平面编排中的三维空间，是在二维空间的平面上建立的近、中、远、立体的看见关系，可见摸不着，是假想空间，是通过借助多方面的看见关系来表现的，即：比例、动静图象、肌理等看见因素。三维空间的编排构成1.比例关系的空间层次 面积大小的比例，既近大远小，产生近、中、远的空间层次，在编排中主题形象或标题文字放大，次要形象缩小，来建立良好的主次，强调的空间层次关系，以增强版面的节奏和明快。1.比例关系的空间层次 比例关系的空间层次比例关系的空间层次2.位置关系的空间层次 前后叠压的位置关系所构成的空间层次。将图像或文字做前后叠压排列，产生强节奏的三度空间层次。版面上、下、左、右中位置产生的空间层次，最佳视域为视觉中心位置，并产生视觉焦点。疏密的位置关系产生空间层次，在前后叠压关系或版面上下左右位置关系中，做疏密、轻重、缓急的位置编排，所产生的空间层次富于弹性，同时也产生紧张或舒适的心理感受。2.位置关系的空间层次 最佳视觉：视觉中心位置其次：上部、左侧、右侧、下部最佳视觉：视觉中心位置无论是有色或无色设计的版面，均为黑、白、灰的三色空间层次。黑与白为对比极色，最单纯，最强烈，醒目，最能保持远距离视觉效果；灰色能概括一切中间色，且柔和而协调。三色近中远空间位置，依版面具体的明暗调关系而定，版式设计强调色彩的调性，一幅优秀的作品，色调应该非常明快，或高调、低调、灰调，或对比强烈，或对比柔和，反之则乱糊不清。3、黑、白、灰关系的空间层次无论是有色或无色设计的版面，均为黑、白、灰的三色空间层次。黑版式设计(上课用)课件动使版面充满活力，获得更高的注目度，静使版面冷静，含蓄，具有稳定的因素，两者在版面的组织上，以动为静，动为前，静为后，彼此以动静的对比关系建立空间感。4、动静关系，图象肌理关系产生空间层次动使版面充满活力，获得更高的注目度，静使版面冷静，含蓄，具有版式设计(上课用)课件骨骼设计1、骨骼设计骨骼或分割设计是一种严谨、规范、理性的设计方法。骨骼的基本原理是将版面刻意按照骨骼的规则，有序地分割成大小相等的空间单位。常见的骨骼分割法有：横向和竖向的通栏、双栏、三栏、四栏，也有竖向与横向同时进行分割，如四栏、六栏、八栏等。骨骼设计版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件2、变形骨骼变形骨骼是在骨骼设计的基础上变化发展的，它是在骨骼的基础上，通过合并、取舍部分骨骼，寻求新的造型变化，所产生的造型无穷无尽，并且富有活力与生命，富有设计的魅力，深受读者的喜爱。在一个版面中，常采用多种骨骼并存的手法，以增强版面的生动性和艺术性。2、变形骨骼自由构成图或文字、点或线的构成关系都充斥着随机无序、无主次、无中心、相互矛盾、相互排斥，以及极端的耗散编排。这种风格带给我们更轻松、自由、活力的人性化设计，也是时尚前卫的标志。自由构成版式设计(上课用)课件文字的编排构成文字的编排构成第四章 文字的编排构成4.1 字号、字体、字距4.3 文字的强调4.2 文字编排的几种形式4.4 文字的整体编排4.5 文字的图形表述4.6 文字的互动性4.7 文字的跳跃率4.8 标题与正文的编排第四章 文字的编排构成4.1 字号、字体、字距4.3 文字的4.1 字号、字体、字距1、字号计算字体面积的大小有号数制、级数制和点数制(也称磅)，常用的是号数制，简称“字号”。点数制是世界流行的计算字体的标准制度(每点等于0.35毫米)，标题用字一般大约14点以上；正文用字一般为8点-10点。文字多的版面，字号可以减到6点-7点。4.1 字号、字体、字距正文要求整洁、美观、易识别。正文用字一般为8-10点，文字多的版面，字号可以减到6-7点。注意：字越小，精密度越高，整体性越强。标题文字要求醒目大方，标题用字一般大约14点以上，根据实际情况来确定具体大小，总之标题字号不易太小。正文要求整洁、美观、易识别。正文用字一般为8-10点，文字多标注文字要求简单、明了、易识别标注文字要求简单、明了、易识别计算字体面积的大小有号数制，级数制和点数制（也称磅），常用的是号数制，简称”字号”。计算字体面积的大小有号数制，级数制和点数制（也称磅），常用的是号数制，简称”字号”。计算字体面积的大小有号数制，级数制和点数制（也称磅），常用的是号数制，简称”字号”。计算字体面积的大小有号数制，级数制和点数制（也称磅），常用的是号数制，简称”字号”。计算字体面积的大小有号数制，级数制和点数制（也称磅），常用的是号数制，简称”字号”。8号字10号字12号字14号字18号字计算字体面积的大小有号数制，级数制和点数制（也称磅），常用的2、字体文字根据内容来选择字体，通过字体充分表达内容所想传递的信息。传统字体：楷体、行书、隶书、舒同体、魏碑、仿宋过渡字体：宋体（标宋、中宋、大宋、超宋）现代字体：黑体及等线体（超黑、中黑、中等线、细等线）2、字体黑体宋体宋体给人细致黑体给人强烈黑体宋体宋体给人细致黑体给人强烈给人活泼感给人稳重感给人精致俏皮感给人活泼感给人稳重感给人精致俏皮感手写字体轻松活泼书法字体飘逸流畅手写字体轻松活泼书法字体飘逸流畅在版面设计中，有时为了符合主题，需要自己选择一些更适合主题的字体，更多的时候还需自己创造适合的字体。在版面设计中，有时为了符合主题，需要自己选择一些更适合主题的在一个版面中，选用三到四种的字体为版面最佳视觉效果。多则杂乱，缺乏整感觉。要达到版面视觉上的丰富与变化，只需要将有限的字体加粗，变细，拉长，压扁，或调整整行行距的宽窄，或变化字号大小。实质上，字体使用越多，整体效果越差。在一个版面中，选用三到四种的字体为版面最佳视觉效果。多则杂乱加粗拉长压扁调整字距标准黑体加粗拉长压扁调整字距标准黑体3、字距、行距（1）字距就是字与字之间的距离。字距大致可分为正常、紧凑、疏松三种类型。字 距3、字距、行距（1）字距就是字与字之间的距离。字 距标准字距紧凑字距松散字距标准字距紧凑字距松散字距（2）行距就是行与行之间的距离。行距也可大致分为正常、紧凑、疏松三种类型。紧凑行距(一般行距小于1）正常行距（行距在1-1.5间）疏松行距（行距大于1.5）行距过窄，上下文字相互干扰，目光难以沿着铅字行扫视行距过窄，上下文字相互干扰，目光难以沿着铅字行扫视行距过窄，上下文字相互干扰，目光难以沿着铅字行扫视（2）行距就是行与行之间的距离。紧凑行距正常行距疏松行距行距行距过窄，上下文字相互干扰，目光难以沿着铅字行扫视，因此没有一条明显的水平空白带引导我们的目光；而行距过宽，太多的空白使字行不能有较好的延续性。两种极端的排列法，都会使阅读长篇文字者感到疲劳。行距在常规下比例：用字10点，行距则12点，即10:12行距过窄，上下文字相互干扰，目光难以沿着铅字行扫视，因此没有4.2 文字编排的几种形式文字从左端到右端的长度均齐，字群显得端整，严谨，美观，此排列方式是目前书籍，报刊最常用的一种。1、左右均齐4.2 文字编排的几种形式文字从左端到右端的长度均齐，字群显2、齐中以中心为轴线，两端字距相等。其特点是视线更加集中，中心更突出，整体性更强。文字的中线最好与图片的中线对齐，以取得版面统一。2、齐中以中心为轴线，两端字距相等。其特点是视线更加集中，中齐左或齐右的排列方式有紧有松，有虚有实，能够自由呼吸，飘逸又有节奏感。左或右对齐，行首或行尾自然产生一条清晰的垂直线，在与图形的配合上容易协调和取得同一视点。齐左显得自然，齐右不符合习惯心理，齐右显得新颖。3、齐左或齐右齐左或齐右的排列方式有紧有松，有虚有实，能够自由呼吸，飘逸又左右均齐齐中齐左齐右左右均齐齐中齐左齐右版式设计(上课用)课件版式设计(上课用)课件在古文或者一些竖排的文字中一般采用齐上的对齐方式。4、齐上在古文或者一些竖排的文字中一般采用齐上的对齐方式。4、齐上5、文字绕图排列将去底图片插入文字版中，文字直接绕到图形边缘，此手法给人亲切自然、融洽生动之感，是文学作品中最常见的表现形式。5、文字绕图排列将去底图片插入文字版中，文字直接绕到图形边缘文字绕图排列文字绕图排列6、竖排横排汉字编排有两种可能，或横排或竖排，竖排被视作汉字传统的书写方式，在中式设计作品里，使用它更能强化传统风格诉求，现代设计中灵活的运用这种编排方式能区隔信息，获得不凡的版面形势。英文的竖排与汉字不同，它是将原本横式的书写格式直接地做个90度旋转而得。竖排在英文中使用并不多，因为这并不是英文正规的书写格式，也不符合英语使用者的阅读习惯，竖排仅仅是出于风格的特殊需要，或限于版面的特殊情况。6、竖排横排汉字编排有两种可能，或横排或竖排，竖排被视作汉字4.3 文字的强调变字体变字体颜色变字体大小加线框、底色、符号等装饰性元素引文的强调4.3 文字的强调变字体变字体颜色变字体大小加线框、底色、符变字体变字体颜色变字体变字体颜色变字体大小加底色变字体大小加底色行首强调：将正文的第一字或字母放大，是一种潮流，起源于欧洲中世纪时代的文写手抄员工。打破单调的文章感觉，丰富和提高文字的可读性。行首强调：将正文的第一字或字母放大，是一种潮流，起源于欧洲中版式设计(上课用)课件线框、底色、符号的强调有意地加强某种文化元素的视觉效果，使其在整体中显得特别出众而夺目，是为强调，诉求重点，或引起注目，突出主题削弱其它元素的配置量，使之产生“主与宾”的对比关系，宾体越弱主题就越强。线框、底色、符号的强调引文的强调在进行正文的的编排中，我们常常会碰到提纲挈领性的文字，即引文(亦称眉头)。它概括一个段落，一个章节或全文大意，因此在编排上给予特殊的位置和空间来强调。引文的强调4.4 文字的整体编排文字的整体设计是将文字的多种信息组织成一个整体的形，如方形或长方形等，其中各个段落间还可以用线分割，使其条理清晰而富于整体感。组织性、秩序性、设计性4.4 文字的整体编排文字的整体设计是将文字的多种信息组织成版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件4.5 文字的图形表述注重文字的编排和文字的创意，是视觉传达设计现代感的一种体现。设计师不应放过在有限的文字空间和文字结构中进行创意编排，而应赋予编排更深的内涵，提高版面的趣味性与可读性，克服编排中单调和平淡。4.5 文字的图形表述注重文字的编排和文字的创意，是视觉传达1、字意图形表述字意图形是将文字意象化，以简洁、直观的图形传达文字更深层的思想内涵。1、字意图形表述字意图形是将文字意象化，以简洁、直观的图形传版式设计(上课用)课件版式设计(上课用)课件2、字画编排的表述在现代编排设计中把记号性的文字作为构成元素来表现，这便是字画图形。字画图形包括由字构成的物形和把物形加入文字两种形式。2、字画编排的表述在现代编排设计中把记号性的文字作为构成元素版式设计(上课用)课件3、文字的图形编排将文案排列成一条线、一个面或组合为形象，并成为插图的一部分，使图文相互融合，相互补充说明，成为一个完整的设计体。3、文字的图形编排将文案排列成一条线、一个面或组合为形象，并版式设计(上课用)课件版式设计(上课用)课件4、文字的图标设计图标本身具有简洁整体、图形感强、视觉度高、记忆性强的特点，因此重要信息或者众多的信息通过图标的组合来传达，将获得非常理想的效果，同时也增强了设计感。4、文字的图标设计图标本身具有简洁整体、图形感强、视觉度高、4.6 文字的互动性文字的互动性一般指文字围绕图形的编排设计所产生的动感性，图文组织结构产生的和谐性，版面的趣味性、情感性。4.6 文字的互动性文字的互动性一般指文字围绕图形的编排设计版式设计(上课用)课件版式设计(上课用)课件4.7 文字的跳跃率以正文为基准，版面中最大标题的字符字高和正文之比称为文字跳跃率。降低跳跃率给人高品质、高格调的印象。提高跳跃率则给人强烈的视觉度，反映一种健康愉悦的印象。不高不低，就不会让人立刻产生印象，很难达受到理想的效果。4.7 文字的跳跃率以正文为基准，版面中最大标题的字符字高和1、放大文字即增强跳跃率与阅读率1、放大文字即增强跳跃率与阅读率版式设计(上课用)课件2、标题的设计增强跳跃率2、标题的设计增强跳跃率版式设计(上课用)课件4.8 标题与正文的编排在进行标题与正文的编排时，可以先考虑将正文做双栏、三或四栏的编排，再进行标题的置入。将正文分成二栏或四栏，是求取版面的的空间与弹性，活力与变化，避免通栏的呆板以及标题插入的单一性。标题虽是文章或段的标题，但不一定千篇一律的置入段首之位，可做居中、横向、竖向或边置等处理，有的直接插入中间，以求新颖的版式来打破旧的规律。4.8 标题与正文的编排在进行标题与正文的编排时，可以先考虑版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件图形的编排构成图形的编排构成第五章 图形的编排构成5.1 5.1 图版率图版率5.3 5.3 视觉度视觉度5.2 5.2 角版、挖版、出血版角版、挖版、出血版5.4 5.4 图形面积与张力图形面积与张力5.5 5.5 延续页面的整体设计延续页面的整体设计第五章 图形的编排构成5.1 图版率5.3 视觉度5.2 角5.1图版率图版率是指版面相对于文字，图（图片或照片）所占据的面积比叫做图版率，即：图所占版面的比例。用%表示，如版面全是文字，图版率为0%，相反全是图形画面，图版率为100%。图版率低，减少阅读兴趣图版率高，增强阅读活力5.1图版率图版率是指版面相对于文字，图（图片或照片）所占据版式设计(上课用)课件5.2 角版、挖版、出血版1 1、角版、角版角版也称为方形版，即画面被直线方框所切割，这是最常见、最简洁大方的形态。角版图有庄重、沉静与良好的品质感，在较正式文版或宣传页设计中应用较多。角版理性，使版面紧凑。5.2 角版、挖版、出血版1、角版版式设计(上课用)课件2 2、挖版、挖版挖版图也称退底图，即将图片中精彩的图像部分按需要剪裁下来。挖版图形自由而生动，动态十足，亲切感人，给人印象深刻。借简洁、单纯形态，去追求鲜明而强烈甚至是张扬到极致的艺术效果。挖版打破约束，活泼自由。2、挖版版式设计(上课用)课件版式设计(上课用)课件3 3、出血版、出血版出血版，即图形充满或超出版页，无边框的限制，有向外扩张和舒展之势。出血版由于图形的放大，局部图形的扩张性使人产生紧迫感，并有很高的图版率，一般用于传达抒情或运动的版面。情感得以更好地宣泄，动态得到更好地舒展。3、出血版版式设计(上课用)课件4 4、角版、挖版、出血版的组合运用、角版、挖版、出血版的组合运用角版沉静，挖版活泼，出血版舒展、大气。设计中，图形的三种处理方式都可以穿插灵活运用，单一的编排方式，版面显得呆板而松散无序。4、角版、挖版、出血版的组合运用版式设计(上课用)课件版式设计(上课用)课件5.3视觉度视觉度是指文字和图版在版面中产生的视觉强弱度。版面的视觉度和图版率一样关系到版面的生动性、记忆性和阅读性。5.3视觉度视觉度是指文字和图版在版面中产生的视觉强弱度。版式设计(上课用)课件版式设计(上课用)课件5.4图形的面积与张力版面中，图形面积的大小不仅影响版面的视觉效果，而且直接影响情感的传达。5.4图形的面积与张力版面中，图形面积的大小不仅影响版面的视1 1、大图形产生量感和张力、大图形产生量感和张力量感是指图片放大后版面即产生一种饱满的心理量感，以及增强图片的扩张力度。大图形面积注目度高，感染力强，能给人舒服愉快之感。大图形引导版面中心，成为视觉焦点。1、大图形产生量感和张力2 2、小图形精密而沉静、小图形精密而沉静将小图形插入字群中，显得简洁而精致，有点缀和呼应版面的作用。但同时也给人拘谨、静止、趣味弱的感觉。2、小图形精密而沉静3 3、大小图形比，增强对比度、大小图形比，增强对比度版面如果只有相似的大图或完全是相似的小图构成，版面会显得平淡。只有加强图片的大小比例，增强对比度，版面才有张力与活力。图片跳跃率：版面中，最大图片的面积与最小图片的面积比率称为图片跳跃率。3、大小图形比，增强对比度图片跳跃率：版面中，最大图片的面积版式设计(上课用)课件版式设计(上课用)课件5.55.5延续页面的整体设计延续页面的整体设计1 1、左右页的整体设计。、左右页的整体设计。展开页的整体设计建立在形象的对比关系上。左右页常以一大一小、一多一少、一动一静、一黑一白、一曲一直、局部与整体对比构成，在对比中建立和谐的整体关系。5.5延续页面的整体设计1、左右页的整体设计。版式设计(上课用)课件版式设计(上课用)课件2 2、延续页面的整体设计、延续页面的整体设计除左右页面的整体考虑外，还有整个折页、整本手册页与页之间、页与整体之间的节奏关系、对比关系以及整本册子风格性等都得进行整体设计把握。2、延续页面的整体设计（1）整体节奏的把握（1）整体节奏的把握（2）文字、图片的整体设计（2）文字、图片的整体设计版式设计(上课用)课件版式设计(上课用)课件（3）延续页面色调的整体设计（3）延续页面色调的整体设计（4）主要版式风格的延续（4）主要版式风格的延续版式设计(上课用)课件 版面设计的编排形式法则1 单纯与秩序3 对称与均衡2 对比与调和4 节奏与韵律5 虚实与留白 版面设计的编排形式法则1 单纯与秩序3 对称与均衡2 对比 一 单纯与秩序单纯化的概念 a、基本形的简练 b、编排结构的简明、单纯。运用理性和逻辑思维，对图文资料进行大胆取舍，创建清晰的形式感。单纯化可使版面获得完整、秩序、明了感和良好的视觉效果；反之，则杂乱不堪，造成视觉传达的障碍。一 单纯与秩序单纯化的概念版式设计(上课用)课件简洁设计的版面简洁设计的版面版式设计(上课用)课件运用逻辑思维和理性分析，对大量图文资料进行分析取舍，创建清晰的形式感。运用逻辑思维和理性分析，对大量图文资料进行分析取舍，创建清晰版式设计(上课用)课件运用水平、垂直、斜向、重心等视觉流程，使得版面获得完整、秩序、清晰和良好的视觉效果。运用水平、垂直、斜向、重心等视觉流程，使得版面获得完整、秩序版式设计(上课用)课件版式设计(上课用)课件简洁体现力度：版面的力度不在于内容的多少而在于设计的把握。简洁体现力度：版面的力度不在于内容的多少而在于设计的把握。版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件简洁增强记忆度：秩序使版面各视觉元素有组织有规律的表现，使版面具有单纯的结构。编排越单纯，版面的整体性越强，视觉冲击力越大。简洁增强记忆度：秩序使版面各视觉元素有组织有规律的表现，使版版式设计(上课用)课件简明结构和秩序的版面的气韵走向明确简明结构和秩序的版面的气韵走向明确版式设计(上课用)课件版式设计(上课用)课件 二 对比与调和对比对比是将相同或相异的视觉元素作强弱对照编排所运用的形式手法。简洁明快的对比关系是获得强烈视觉效果的重要手段。二 对比与调和对比对比强调差异，产生冲突；调和寻求共同点，缓和矛盾。调和调和 a 内容与形式的调和 b 版面各部位、各视觉元素之间寻求相互协调的因素，也是在对比的同时寻求调和。对比强调差异，产生冲突；调和明暗对比明暗对比疏密对比疏密对比面积对比面积对比用统一的色线调和用统一的色线调和用统一元素调和用统一元素调和用相似的形象和方向调和用相似的形象和方向调和版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件 三 对称与均衡对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡。三 对称与均衡对称与均衡是一对统一体，常表现为既对称又均绝对对称a 对称均衡对称均衡是指版面中心两边或四周的形态具有相同的公约量而形成的静止状态，也称为绝对对称均衡。上下或左右基本相等而略有变化，又称相对对称均衡。绝对对称a 对称均衡绝对对称绝对对称均衡给人庄重、严肃之感，是高格调的表现，是古典主义版面设计风格的表现，但处理不好容易单调、呆板。绝对对称绝对对称均衡给人庄重、严肃之感，是高格调的表现，是古版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件相对对称相对对称版式设计(上课用)课件 两个同一形的并列与均齐，实际上就是最简单的对称形式。对称是同等同量的平衡。对称的形式有以中轴线为轴心的左右对称；以水平线为基准的上下对称和以对称点为源的放射对称；还有以对称面出发的反转形式。其特点是稳定、庄严、整齐、秩序、安宁、沉静。两个同一形的并列与均齐，实际上就是最简单的对版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件B 非对称均衡非对称均衡是指版面中等量不等形，而求取心理上“量”的均衡状态。非对称均衡比对称均衡更灵活生动，富于变化，是较为流行的均衡手段，具有现代感的特征。B 非对称均衡 四四 节奏与韵律节奏与韵律节奏与韵律来自音乐的概念，也是版式设计常用的形式。节奏是均匀的重复，是在不断重复中产生频率节奏的变化，节奏是延续轻快的感觉。如舒缓的小夜曲，又如激烈的摇滚乐。韵律，比节奏更高一级的律动，通过节奏变化产生。四 节奏与韵律节奏与韵律来自音乐的概念，也是版式设计常无论图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予视觉和心理上的节奏感觉，即是韵律。主要建立在以比例、轻重、缓急或反复、渐变为基础的规律形式上。无论图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予1.渐变构成 1.渐变构成 版式设计(上课用)课件大小的渐变 大小的渐变 例如下图广告设计作品中，采用了大小的渐变方法，使画面更具有张力和延伸度。例如下图广告设计作品中，采用了大小的渐变方法，使画面更具有张间隔的渐变 间隔的渐变 例如，在下图广告设计作品中，采用了大小和间隔的双重渐变方法，增强了画面的节奏感和韵律感 例如，在下图广告设计作品中，采用了大小和间隔的双重渐变方法，方向的渐变方向的渐变例如，在下图广告设计作品中，采用了方向的渐变方法，增加了画面的空间感，给人一种韵律美。例如，在下图广告设计作品中，采用了方向的渐变方法，增加了画面位置的渐变 位置的渐变 例如在下图中，运用依次改变瓶子角度的方法，使瓶子上的图案也发生了位置变化，从而增加了画面的起伏感。例如在下图中，运用依次改变瓶子角度的方法，使瓶子上的图案也发形象的渐变 形象的渐变 例如在下图中，从剪刀的形态过渡到人体的形态，增加了画面的风趣感。例如在下图中，从剪刀的形态过渡到人体的形态，增加了画面的风趣2.发射构成发射构成 2.发射构成 离心式发射 离心式发射 例如在下面广告设计中，采用了离心式发射，增强了画面的视觉冲击力。例如在下面广告设计中，采用了离心式发射，增强了画面的视觉冲击力。例如在下面广告设计中，采用了离心式发射，增强了画面的视觉冲击向心式发射 向心式发射 在下面广告设计中，采用了向心式发射，把人们的视线引向了中间的标题内容，使广告主题更加突出。在下面广告设计中，采用了向心式发射，把人们的视线引向了中间的同心式发射构成 同心式发射构成 例如在下面广告设计作品中，不仅采用了同心式发射构成，还结合了不同间距、不同大小的色块进行对比，使画面更加具有变化性。例如在下面广告设计作品中，不仅采用了同心式发射构成，还结合了多心式发射构成 多心式发射构成 这种构成效果使画面具有明显的起伏感。例如下图平面设计作品中，多心式放射构成的应用，增加了画面的空间感。这种构成效果使画面具有明显的起伏感。例如下图平面设计作品中，节奏和韵律在设计中的应用 例如在下图平面设计中，采用了方向渐变和位置渐变两种渐变方法，使画面呈现出三维的空间效果，具有很强的节奏感。节奏和韵律在设计中的应用 例如在下图平面设计中，采用了方向渐再例如，在下图平面设计中，采用了发射构成和渐变构成相结合的形式，增加了画面的对比变化，突出了画面的节奏感和韵律感。再例如，在下图平面设计中，采用了发射构成和渐变构成相结合的形版式设计(上课用)课件画面中的韵律感画面中的韵律感版式设计(上课用)课件版式设计(上课用)课件图形和色块的错落形成版面的节奏图形和色块的错落形成版面的节奏节奏使版面生动、活泼节奏使版面生动、活泼版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件五五 虚实与留白虚实与留白版面中的“虚”，可为空白，也可为细弱的文字、图形或色彩，主要依具体版面而定。为了强调主体，可有意将其它部分削弱为虚，甚至以留白来衬托主体的“实”，所以留白是版面“虚”处理中一种特殊的手法。留白是指版面中未放置任何图文的空间，它是“虚”的特殊表现手法。其形式、大小、比例决定着版面的质量。留白使人感觉轻松，最大作用是引人注意。版面中的虚实关系为以虚衬实，实由虚托。版面中的空白与建筑中的虚空间相似：在版面中，实形、虚形是一个矛盾的两个方面，它们是同等重要的。五 虚实与留白版面中的“虚”，可为空白，也可为细弱的文字、1、以虚衬实1、以虚衬实虚实层次使版面丰富，空间使形象或内容更突出虚实层次使版面丰富，空间使形象或内容更突出版式设计(上课用)课件虚实与留白（韵白）既白当黑，即黑当白，以虚衬实，虚实相生。虚实与留白（韵白）既白当黑，即黑当白，以虚衬实，虚实相生。版式设计(上课用)课件2、布局空间布局提高审美性、布局空间布局提高审美性2、布局空间布局提高审美性版式设计(上课用)课件版式设计(上课用)课件3、增强空间提升设计内涵与品质、增强空间提升设计内涵与品质3、增强空间提升设计内涵与品质版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件版式设计(上课用)课件4、空间是有形的、空间是有形的4、空间是有形的版式设计(上课用)课件版式设计(上课用)课件1、编排设计的形式法则有哪些，在版面设计中发挥怎样的作用？有五种：1单纯与秩序-体现力度，增强记忆度。2对比与和谐-在差异冲突中和谐的突出主题。3对称与均衡-在变化中寻求稳定，变化是绝对的，均衡是相对的。4节奏与韵律-使简单变为复杂、模糊的变为清晰，生动而有趣味。5虚实与留白 -衬托主题，扩大想象的空间，增添艺术的魅力。2、版面简洁与秩序的设计方法对版面产生怎样的影响及效果？产生具有强烈视觉冲击力的形象与整体感。反之则杂乱不堪，造成视觉传达的障碍。3、韵律与节奏的设计手法给版面带来怎样的情感效应？节奏是均匀的重复，节奏是延续轻快的感觉。韵律是通过节奏的变化而产生的，变化太多失去秩序感，也就破坏了韵律的美，变化太少则单调而失去韵律感，节奏和韵律可以使我们产生轻松、优雅和激烈、奔放之感。1、编排设计的形式法则有哪些，在版面设计中发挥怎样的作用？4、版面空间表现有哪些手法？你能说出那些？它们在版面中发挥着怎样的作用？有虚与实空间、有大与小空间、有无量又有量空间、无形又有形空间等表现手法。它们发挥的作用是：以虚衬实、烘托主题。布局空间增强设计的审美性。增强空间设计品品质。5、美学法则是指我们设计过程中的审美原则和方法，在你的设计中是否常用美学的形式法则？常运用哪些？是的 常运用对比与和谐节奏与韵律法则。6、你常对版面进行分析吗？无论好与差的版面能分析出它们好与差的原因吗？如何改进？是的，尝试着分析它们的好与差所产生的原因，有时可能是印刷质量的问题，有时会是设计理念不够新颖的问题，有时可能是主题不够鲜明的问题。总之，对所产生的问题，我总是抱着学习的态度，不断向同行学习广泛征求他们的批评与指正，力求达到新的设计高度。4、版面空间表现有哪些手法？你能说出那些？它们在版面中发挥着版面的设计观念强调创意多维空间的复合构成强调个性风格表现逆向视觉角度网页版面的互动性版面的设计观念强调创意多维空间的复合构成强调个性风格表现逆向强调创意平面设计中的创意表现为两种：一是针对主题思想的象征、明喻、暗喻等思想创意；二是版面编排的设计创意。将主题思想的设计创意与编排技巧结合表现，使创意思想得到更大的发挥，更佳的表现。强调创意平面设计中的创意表现为两种：一是针对主题思想的象征、版式设计(上课用)课件多维空间的复合构成多维空间表达为：在二维平面空间上表现立体的、矛盾的、时间的、虚幻的复合空间。在信息高速发展的多元化时代，电子、科技、信息类的设计有着自身发展的特殊性，设计以追求闪烁的数字，多层次的视幻感、运动感、时空感来表达对未来科技发展的完全未知性，是有序的无序传达。世界是丰富、多元而混杂的，人们在表达自己思想情感时逐渐由理性向感性思维转化，冲破约束向自由回归。多维空间的复合构成多维空间表达为：在二维平面空间上表现立体的版式设计(上课用)课件7.4 逆向视觉角度视觉角度是指物像在拍摄时摄影师所选取的拍摄角度。逆向视觉角度、边缘角度、奇异的空间层次和强烈的透视，使版面在众多的平面设计中以崭新的视觉角度而显得与众不同，脱颖而出。7.4 逆向视觉角度视觉角度是指物像在拍摄时摄影师所选取的拍版式设计(上课用)课件7.5 网页版面的互动性网页设计运用传统的平面设计的视觉传达效果和网络技术有机结合，可以说网页设计是综合了平面艺术设计和网络技术的一门学科。网页设计和平面设计有许多相似的共同点，但因网页的载体不同，功能有差异，所以技术层面的要求也不同。7.5 网页版面的互动性网页设计运用传统的平面设计的视觉传达版式设计(上课用)课件强调个性风格表现风格是艺术设计最高层次的要求，也是我们平面设计的最高境界。风格代表了设计者的个性。通常一个极富个性的设计理念始终贯穿于设计者的设计作品中，其个性的表现以挖掘设计最本质的视觉元素，并形成完整的表现方法和视觉体系，也就形成了设计师自己的个性风格。强调个性风格表现风格是艺术设计最高层次的要求，也是我们平面设