版式设计基础(创意的源泉)课件

版式设计基础(创意的源泉)版式设计基础(创意的源泉)版式设计基础(创意的源泉)版式设计基础(创意的源泉)版式设计基础(创意的源泉)版式设计1版式设计基础(创意的源泉)课件包装设计包装设计书籍装帧设计书籍装帧设计海报招贴设计海报招贴设计VI设计VI设计网页设计网页设计展示设计展示设计DM单设计DM单设计1.1概念版式设计是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字、图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。1.1概念1.2

版式设计三大视觉要素文字图形色彩1.2版式设计三大视觉要素文字1、文字主题内容(标题、正文、注解等)离不开文字，通过文字获得主要信息。设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使读者感到愉悦,帮助阅读和理解。1、文字版式设计基础(创意的源泉)课件图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。2、图形或图像图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。文字版中加入图形图片立即引起视觉流程的变化图形的形式、大小、数量——影响读者注意力主题借助图形、图片来增强文字说服力，提高阅读兴趣。文字版中加入图形图片立即引起视觉流程的变化特写图像视觉冲击力强特写图像视觉冲击力强以符号为图形以装饰画或油画为图形以符号为图形以装饰画或油画为图形色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代商业设计对色彩的应用更上升至“色彩行销”的策略，成为商品促销、品牌塑造的重要手段。3、色彩色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现色彩在画面中的协调作用色彩在画面中的协调作用各种色调给人的感觉不同，要做到色调与内容的统一色彩的渐变使版面和谐统一各种色调给人的感觉不同，要做到色调与内容的统一色彩的渐变使版运用调和色来统一版面夺目的色彩配以活泼的编排，让人耳目一新运用调和色来统一版面夺目的色彩配以活泼的编排，让人耳目一新版式设计的基本原则有以下四个方面主题与导读内容与形式强化整体布局技术与艺术第二章版式设计原则版式设计的基本原则有以下四个方面第二章版式设计原则2.1

鲜明主题的诱导力目的：清晰的条理性，最佳形式感，最佳诉求效果。

价值：吸引注意力，易解。

2.1鲜明主题的诱导力目的：清晰的条理性，最佳形式感，最佳

2.2

形式与内容统一

前提：形式符合主题思想内容。

错误现象：形式脱离内容，缺乏艺术表现，空洞和刻板。2.2形式与内容统一前提：形式符合主题思想内容。版式设计基础(创意的源泉)课件2、线具有引导视线的作用2、线具有引导视线的作用版式设计基础(创意的源泉)课件3、线框的约束与强调线框的限定，即使主体产生空间“场”的作用，同时也具有相对约束的功能。3、线框的约束与强调线框的约束与强调线框的约束与强调线框的约束与强调线框的约束与强调3.3面的编排构成点的放大、点的密集或线的重复构成面。另外，线的分割产生各种比例的空间，同时也形成各种比例关系的面。面在版面中具有平衡，丰富空间层次，烘托及深化主题的作用。3.3面的编排构成点的密集成面点的密集成面3.4三维空间的编排构成生活中的三维空间是立体空间，看得见，摸得着，能深入。而在平面编排中的三维空间，是在二维空间的平面上建立的近、中、远、立体的看见关系，可见摸不着，是假想空间，是通过借助多方面的看见关系来表现的，即：比例、动静图象、肌理等看见因素。3.4三维空间的编排构成1.比例关系的空间层次面积大小的比例，既近大远小，产生近、中、远的空间层次，在编排中主题形象或标题文字放大，次要形象缩小，来建立良好的主次，强调的空间层次关系，以增强版面的节奏和明快。1.比例关系的空间层次比例关系的空间层次比例关系的空间层次2.位置关系的空间层次前后叠压的位置关系所构成的空间层次。将图像或文字做前后叠压排列，产生强节奏的三度空间层次。版面上、下、左、右中位置产生的空间层次，最佳视域为视觉中心位置，并产生视觉焦点。疏密的位置关系产生空间层次，在前后叠压关系或版面上下左右位置关系中，做疏密、轻重、缓急的位置编排，所产生的空间层次富于弹性，同时也产生紧张或舒适的心理感受。2.位置关系的空间层次最佳视觉：视觉中心位置其次：上部、左侧、右侧、下部最佳视觉：视觉中心位置其次：上部、左侧、右侧、无论是有色或无色设计的版面，均为黑、白、灰的三色空间层次。黑与白为对比极色，最单纯，最强烈，醒目，最能保持远距离视觉效果；灰色能概括一切中间色，且柔和而协调。三色近中远空间位置，依版面具体的明暗调关系而定，版式设计强调色彩的调性，一幅优秀的作品，色调应该非常明快，或高调、低调、灰调，或对比强烈，或对比柔和，反之则乱糊不清。3、黑、白、灰关系的空间层次无论是有色或无色设计的版面，均为黑、白、灰的三色空间层次。黑版式设计基础(创意的源泉)课件动使版面充满活力，获得更高的注目度，静使版面冷静，含蓄，具有稳定的因素，两者在版面的组织上，以动为静，动为前，静为后，彼此以动静的对比关系建立空间感。4、动静关系，图象肌理关系产生空间层次动使版面充满活力，获得更高的注目度，静使版面冷静，含蓄，具有版式设计基础(创意的源泉)课件第四章文字的编排构成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号字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.3

视觉度5.2

角版、挖版、出血版5.4

图形面积与张力5.5

延续页面的整体设计第五章图形的编排构成5.1图版率5.3视觉度5.2角5.1图版率图版率是指版面相对于文字，图（图片或照片）所占据的面积比叫做图版率，即：图所占版面的比例。用%表示，如版面全是文字，图版率为0%，相反全是图形画面，图版率为100%。图版率低，减少阅读兴趣图版率高，增强阅读活力5.1图版率图版率是指版面相对于文字，图（图片或照片）所占版式设计基础(创意的源泉)课件5.2角版、挖版、出血版1、角版角版也称为方形版，即画面被直线方框所切割，这是最常见、最简洁大方的形态。角版图有庄重、沉静与良好的品质感，在较正式文版或宣传页设计中应用较多。角版理性，使版面紧凑。5.2角版、挖版、出血版1、角版版式设计基础(创意的源泉)课件2、挖版挖版图也称退底图，即将图片中精彩的图像部分按需要剪裁下来。挖版图形自由而生动，动态十足，亲切感人，给人印象深刻。借简洁、单纯形态，去追求鲜明而强烈甚至是张扬到极致的艺术效果。挖版打破约束，活泼自由。2、挖版版式设计基础(创意的源泉)课件版式设计基础(创意的源泉)课件3、出血版出血版，即图形充满或超出版页，无边框的限制，有向外扩张和舒展之势。出血版由于图形的放大，局部图形的扩张性使人产生紧迫感，并有很高的图版率，一般用于传达抒情或运动的版面。情感得以更好地宣泄，动态得到更好地舒展。3、出血版版式设计基础(创意的源泉)课件4、角版、挖版、出血版的组合运用角版沉静，挖版活泼，出血版舒展、大气。设计中，图形的三种处理方式都可以穿插灵活运用，单一的编排方式，版面显得呆板而松散无序。4、角版、挖版、出血版的组合运用版式设计基础(创意的源泉)课件版式设计基础(创意的源泉)课件5.3视觉度视觉度是指文字和图版在版面中产生的视觉强弱度。版面的视觉度和图版率一样关系到版面的生动性、记忆性和阅读性。5.3视觉度视觉度是指文字和图版在版面中产生的视觉强弱度。版式设计基础(创意的源泉)课件版式设计基础(创意的源泉)课件版式设计基础(创意的源泉)课件5.4图形的面积与张力版面中，图形面积的大小不仅影响版面的视觉效果，而且直接影响情感的传达。5.4图形的面积与张力版面中，图形面积的大小不仅影响版面的1、大图形产生量感和张力量感是指图片放大后版面即产生一种饱满的心理量感，以及增强图片的扩张力度。大图形面积注目度高，感染力强，能给人舒服愉快之感。大图形引导版面中心，成为视觉焦点。1、大图形产生量感和张力2、小图形精密而沉静将小图形插入字群中，显得简洁而精致，有点缀和呼应版面的作用。但同时也给人拘谨、静止、趣味弱的感觉。2、小图形精密而沉静3、大小图形比，增强对比度版面如果只有相似的大图或完全是相似的小图构成，版面会显得平淡。只有加强图片的大小比例，增强对比度，版面才有张力与活力。图片跳跃率：版面中，最大图片的面积与最小图片的面积比率称为图片跳跃率。3、大小图形比，增强对比度图片跳跃率：版面中，最大图片的面积版式设计基础(创意的源泉)课件版式设计基础(创意的源泉)课件5.5延续页面的整体设计1、左右页的整体设计。展开页的整体设计建立在形象的对比关系上。左右页常以一大一小、一多一少、一动一静、一黑一白、一曲一直、局部与整体对比构成，在对比中建立和谐的整体关系。5.5延续页面的整体设计1、左右页的整体设计。版式设计基础(创意的源泉)课件版式设计基础(创意的源泉)课件2、延续页面的整体设计除左右页面的整体考虑外，还有整个折页、整本手册页与页之间、页与整体之间的节奏关系、对比关系以及整本册子风格性等都得进行整体设计把握。2、延续页面的整体设计（1）整体节奏的把握（1）整体节奏的把握（2）文字、图片的整体设计（2）文字、图片的整体设计版式设计基础(创意的源泉)课件版式设计基础(创意的源泉)课件（3）延续页面色调的整体设计（3）延续页面色调的整体设计版式设计基础(创意的源泉)课件（4）主要版式风格的延续（4）主要版式风格的延续版式设计基础(创意的源泉)课件第六章版面设计的编排形式法则6.1

单纯与秩序6.3

对称与均衡6.2

对比与调和6.4

节奏与韵律6.5

虚实与留白第六章版面设计的编排形式法则6.1单纯与秩序6.3对称6.1单纯与秩序单纯化的概念1、基本形的简练2、编排结构的简明、单纯。运用理性和逻辑思维，对图文资料进行大胆取舍，创建清晰的形式感。单纯化可使版面获得完整、秩序、明了感和良好的视觉效果；反之，则杂乱不堪，造成视觉传达的障碍。6.1单纯与秩序单纯化的概念版式设计基础(创意的源泉)课件版式设计基础(创意的源泉)课件6.2对比与调和1、对比对比是将相同或相异的视觉元素作强弱对照编排所运用的形式手法。简洁明快的对比关系是获得强烈视觉效果的重要手段。6.2对比与调和1、对比2、调和（1）内容与形式的调和（2）版面各部位、各视觉元素之间寻求相互协调的因素，也是在对比的同时寻求调和。对比强调差异，产生冲突；调和寻求共同点，缓和矛盾。2、调和对比强调差异，产生冲突；明暗对比明暗对比疏密对比疏密对比面积对比面积对比用统一的色线调和用统一的色线调和用统一元素调和用统一元素调和用相似的形象和方向调和用相似的形象和方向调和6.3对称与均衡对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡。6.3对称与均衡对称与均衡是一对统一体，常表现为既对称又均绝对对称1、对称均衡对称均衡是指版面中心两边或四周的形态具有相同的公约量而形成的静止状态，也称为绝对对称均衡。上下或左右基本相等而略有变化，又称相对对称均衡。绝对对称1、对称均衡绝对对称绝对对称均衡给人庄重、严肃之感，是高格调的表现，是古典主义版面设计风格的表现，但处理不好容易单调、呆板。绝对对称绝对对称均衡给人庄重、严肃之感，是高格调的表现，是古相对对称相对对称2、非对称均衡非对称均衡是指版面中等量不等形，而求取心理上“量”的均衡状态。非对称均衡比对称均衡更灵活生动，富于变化，是较为流行的均衡手段，具有现代感的特征。2、非对称均衡6.4节奏与韵律

“所有的艺术都在不断地向着音乐的境界努力。”——沃尔特.佩特节奏与韵律来自音乐的概念，也是版式设计常用的形式。节奏是均匀的重复，是在不断重复中产生频率节奏的变化，节奏是延续轻快的感觉。如舒缓的小夜曲，又如激烈的摇滚乐。6.4节奏与韵律“所有的艺术都在不断地向着音乐的境界努力无论图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予视觉和心理上的节奏感觉，即是韵律。主要建立在以比例、轻重、缓急或反复、渐变为基础的规律形式上。无论图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予画面中的韵律感画面中的韵律感版式设计基础(创意的源泉)课件版式设计基础(创意的源泉)课件图形和色块的错落形成版面的节奏图形和色块的错落形成版面的节奏节奏使版面