版式设计ppt课件

1、主讲,经典视觉,.,2,什么是版式设计发展进程如何？,版式设计运用领域有哪些包含内容？,版式设计的教学目的功能与意义何在？,如何进行版式设计原则与方法？,.,3,1、出版物版式设计，如报纸版面、杂志版面、书籍版面 2、广告版面设计，如报纸广告、杂志广告、灯箱广告、路牌广告。 3、促销道具设计，如包装、DM、POP广告、产品目录。 4、企业形象标识设计，如名片、信封、信纸、证件等办公用品。 5、多媒体、网页版式设计。,工程设计样册、工程投标设计展板 空间环境二维与三维的融合,出版物版式设计，如报纸版面、杂志版面、书籍版面,.,5,杂 志 内 页 版 式 设 计,.,6,书 籍 内 页 版 式 设

2、 计,书 籍 内 页 的 版 式 设 计,.,8,广告版面设计，如报纸广告、杂志广告、灯箱广告、路牌广告。,.,9,促销道具设计，如包装、DM、POP广告、产品目录。,企业形象标识设计，如名片、信封、信纸、证件等办公用品，多媒体、网页版式设计。,.,11,工程样册设计,.,12,工程投标设计展板设计,.,13,二维空间与三维空间的融合,.,14,版式设计完美渗透于生活。,第一章 版式设计概述 第二章 版式设计的发展流程 第三章 版式设计案例赏析 第四章 版式设计的构成与视觉要素 第五章 版式设计的原则、形式原理及常见类型 第六章 样本设计概述 第七章 样本印刷知识 第八章 样本设计注意要素 第

3、九章 版式三要素在样本中的处理技巧 第十章 设计网格系统,.,16,第一章 版式设计概述 一、版式设计的源流与发展 二、版式设计的概念与功能 三、版式设计的发展趋势,.,17,一、版式设计的源流与发展,每一个艺术运用思潮都对平面设计的风格产生过深刻的影响，因此平面设计的思想观念与风格不是孤立的，它是与建筑、绘画、文学、音乐、诗歌、服装等领域的艺术思想精神完全一致的。,.,18,.,19,.,20,.,21,莫里斯的代表作诗歌之路的封面、内页设计,19世纪现代设计理论的开创者威廉。莫里斯,.,22,立体主义是现代艺术中重要的运动，是平面设计的基础。,未来主义运动起源于20世纪初意大利在绘画、雕塑

4、和建筑上的一场设计运动。 提倡自由组合，即编排无重心无主次、杂乱无章、字体各异的散构甚至完全散乱的无政府主义的形式。,超现实主义认为社会的表象是虚伪的，创作的目的是重新寻找和了解社会的实质，认为无计划的、无设计的意识或潜在的思想动机更真实。,20世纪初出现的文艺运动,.,23,.,24,现代主义设计,20世纪二三十年代，欧洲出现了重要的三个核心的运动，即俄国的构成主义、荷兰的风格派、德国的包豪斯，这三个运动成为了现代设计思想和形式的基础。,现代主义的特点是理性主义，“功能决定形式”不是一种风格，而是一种信仰。主张“少则多”，反对装饰的繁琐。,.,25,构成主义设计将抽象的图形或文字作为视觉传达

5、的元素和符号进行构成设计，版面编排常以几何的形式构成。,荷兰风格派的思想和形式来源于蒙德里安德绘画探索，他以高度理性、数字化的逻辑思维来创造和谐的新秩序，画面上简洁到只有纵横分割的几何形方块和鲜明的色块。,包豪斯的平面设计的思想及风格具有强调科学化、理性化、功能化，减少主义和几何化的特点，注重字体设计采用无饰线字体和简约的编排风格。,.,27,.,28,.,29,.,30,.,31,.,32,.,33,.,34,.,35,.,36,国际主义风格在平面上的贡献是研究出骨骼排版法，即将版面进行标准化的分割，将字体、插图、照片等按照划分的骨骼编排在其中，取消编排的装饰，采用朴素的无线条装饰字体，采用

6、非对称的版面编排。,.,37,后现代主义提倡设计的个性自由和对艺术的自我宣泄，采用开玩笑的方式进行装饰设计，所以版面的字体、插图或排版都充满了欢乐、游戏、调侃、疯狂的特点。,.,38,二、版式设计的概念与功能 1、概念：版式设计可以理解为：在有限的版面空间里，将版面构成要素-文字字体、图片图形、线条线框和颜色色块诸因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。也就是寻求艺术手段来正确地表现版面信息，是一种直觉性、创造性的活动。,.,39,2、版式设计的功能 版式设计肩负着双重使命：一是作为信息发布的重要媒体，同时它又要让读者通过版面的阅读产生美

7、的遐想与共鸣，让设计师的观点与涵养能进入读者的心灵。,水木青华楼书的版式设计,.,41,三、版式设计的发展趋势 1、创意为先导 2形式独特性 3、情趣性的攻势 4、电脑新特技,.,43,.,44,第四章 版式设计的构成与视觉要素 构成要素：点、线、面 视觉要素：文字、图形、色彩,.,45,一、点在版面上的构成 点的感觉是相对的，它是由形状，方向、大小、位置等形式构成的。这种聚散的排列与组合，带给人们不同的心理感应。,构成要素：点、线、面,由点组成数字的形状,而下面的点正是品牌的标志,雀巢咖啡的平面广告,网站的平面招贴设计,.,48,杂志内页的编排设计-大小各异、高低错落的点状字母具有跳跃感觉,

8、水木青华的楼书设计-水墨的点是视觉的中心，体现了雅致的书香气氛。,.,50,.,51,二、线在版面上的构成 线从理论上讲，是点的发展和延伸。线具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得各种不同的效果。,直线给人以单纯、明朗的秩序感,.,53,文字的编排成弧线,使版面灵动起来,.,54,雀巢咖啡平面广告的版式编排-用植物的曲线表现产品的诱人口味。,大唐不夜城招商画册的目录页设计,线的趣味性表达和特异表现强化了视觉表现意图,线的组合运用显示出丰富的表达情感,.,58,三、面在版面上

9、的构成 面在空间上占有的面积最多，因而在视觉上要比点，线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。,陈幼坚为某设计艺廊六周年纪念展所设计的海报,.,60,.,63,一 文字的版式设计,文字在排版设计中，不仅仅局限于信息传达意义上的概念，而更是一种高尚的艺术表现形式。 （ 一）字体、字号、字距与行距 1. 字号,视觉要素：文字、图形与色彩,标题字一般大于1420号字，正文字一般是810号字。,标题字,正文字,2.字体,在一个版面中，选用三到四种字体为版面最佳视觉效果。,.,64,2.字距与行距 字距与行距的把握是设计师对版面的心理感受，也是设计师设计品味的直接体现。一般的

10、行距在常规的比例应为：用字8点行距则为10点，即8：10。但对于一些特殊的版面来说，字距与行距的加宽或缩紧，更能体现主题的内涵。,.,65,.,66,（二） 编排形式,文字的编排形式多种多样，我们大致可以理解为以下几种：左右齐整，横排也可竖排；左齐、右齐或聚中编排；文图穿插、自由编排、突出字首等。,左右齐整,左齐、右齐与其它形式混合,.,68,突出字首 图文穿插,居中的编排 自由编排,荣安.水尚阑珊楼书版式设计 突出字首,.,71,文字图形化的编排形式,.,72,（三）标题与正文的编排 标题在版面中起画龙点睛，引人注目的作用，标题的位置、字体、大小、形状、方向的处理方式，直接关系到整个版面的艺

11、术风格，可作居中，横向，竖向或边置排列。,.,73,（四）文字编排的特殊表现,1、形象字体 形象字体是依据文字的字义或一个 词组所包含的内容而进行的艺术创造的字体. 2、图文叠印 将文字印在图形或图片上的这种杂乱现象，不在乎易读性，追求层次丰富的效果. 3、群组编排 将文字放在方形或长方形以及具象的形状中，称群组.,用文字的特殊编排组合成图形,.,79,文字在版式中的编排法则,借助文字的排版方式统整版面信息,文字排版的设计原则,让文字表现出十足的个性,文字的跳跃率,.,80,借助文字的排列方式统整版面信息,在版式的编排过程中， 文字是最重要的视觉要素 之一。对于版式设计来 讲，文字有着其它要素

12、无 法比拟的功效。 根据主题的需要， 合理地运用文字类元素， 以打造相互具有个人特 色的版式效果,1,.,81,1,借助文字的排列方式统整版面信息,法则一 使文字段落左右均齐,在版式设计中，左右均齐的排列方式是指在文字段落的每一行中从左到右的长度是 完全相等的。当使用左右均齐的编排手法时，段落最终排列的形状往往是非常完整 的，也正是由于这项特征，使得画面表现出规范有度的效果。 当处理文字信息较多的版面时，就可以考虑 左右均齐的文字排列方式。通过左右均齐的 排列方式来减轻大篇幅文字带来的心理压抑， 从而增强观赏者对版面的感知兴趣。,将正文以左右对齐的方式排版，使版面表 现出整齐，干净的视觉效果

13、将图形元素进行剪切与错位拼贴，从而打 造出极具创意感的图形设计效果,图片解析,.,82,将简短 的标语文字以左右对齐的方式进行排列，从局部来衬托版式的严谨。 将图像中的人物视线预留版面，使画面表现出强烈的空间感,借助文字的排列方式统整版面信息,法则一 使文字段落左右均齐,当版面中的文字量处于较少的状态时，同可以将它们以左右均齐的方式进行排列， 通过该种方式可以使文字段落呈现出端正的编排结构，从而增添了版面局部的严 谨性，同时使版式整体呈现出自然、和谐的一面,图片解析,图片解析,1,.,83,借助文字的排列方式统整版面信息,法则二 将文字进行齐左/齐右对齐,1,版式中文字的齐左、齐右排列并不难理

14、解，从字面上理解，它的意思就是文字以 整体靠左或靠右对齐的方式进行排列。在不同的设计题材，以及正对不同的图形 要素时，齐左与齐右的文字排列在视觉上带来的感受也存在着明显的差异性。,1、齐左 所谓文字的齐左排列，是指将每段文字 的首行与尾行进行左对齐，与此同时， 右侧则呈现出错位的效果。该类排列方 式。,为标题文字加入图形元素，从而突出该段文字在版面中的重要性。 将版面 的正文排列成齐左的样式，一次来打造出舒适的阅读空间。,图片解析,法则二 将文字进行齐左/齐右对齐,法则二 将文字进行齐左/齐右对齐,.,84,将简短的说明文字以齐右的 方式进行排列，打造出独特的 版式印象。 运用经典的电影场景来

15、唤起 观赏者内心的共鸣感，从而加 深他们对版面的印象,借助文字的排列方式统整版面信息,法则二 将文字进行齐左/齐右对齐,2齐右 所谓齐右排列，是指将每段文字首行与尾行的右侧进行对齐排列，而左侧则呈现 出参差不齐的状态。齐右与齐左是两组完全对立的排列方式，而且它们在结构与 形式上都各具特色。由于齐右排列有违人们的阅读习惯，因此该类排列在视觉上 总会带给人以不顺遂的印象，但也同时为版面增添了几分新颖的效果。,图片解析,借助文字的排列方式统整版面信息,借助文字的排列方式统整版面信息,1,.,85,借助文字的排列方式统整版面信息,法则三 文字居中对齐,居中对齐拥有简洁的排列结构，因此它也是版式设计中较

16、常见的一种文字编排 手法，尤其是在书籍目录、宣传海报和商业广告等方面有着极其频繁的使用率。,在版式设计中，将文字以居中对齐的方式进行排列，使观赏者的视线集中在版面 的中间，从而引发观赏者的感知兴趣。另外，该类排列的左右两端同时呈现出相 对称的状态，这就赋予了该版式结构以强烈的节奏感。,为标题文字加入图形元素，从而突出该段文字在版面中的重要性。 将版面 的正文排列成齐左的样式，一次来打造出舒适的阅读空间。,图片解析,1,.,86,借助文字的排列方式统整版面信息,法则三 文字居中对齐,在进行文字的居中排列时，也可以将版面中其他的视觉要素纳入到文字段落的阵 列中，比如将版面中的图形与文字均以居中的方

17、式进行排列，通过这种方式来统 一画面的版式结构，并使版式表现出强烈的和谐感。,将画面中的图形与文字均以中轴对齐的方式进行排列，通过图形与文字间的排列组合，使版式结构呈现出高度的统一感。 利用上疏下密的文字排列结构，使版面形成由上往下的单项视觉流程,图片解析,1,.,87,借助文字的排列方式统整版面信息,法则四 将段落首字突出,在实际的设计过程中，通常以艺术加工的方式来突出首字的视觉形象，如通过配 色关系、外形特征和大小比例等。,标题的首字突出，从视觉意义上讲它能加强该段 文字的视觉凝聚力，将该段文字的首写文字 进行强化处理，能使版面整体的注目度得到大大 提高，并引发观赏者的感知兴趣。,将标题的

18、首字母进行放大处理，使其有效的吸引读者的注意。 规整的文字排列结构，从正面衬托出该书刊在编排设计上的严谨性。,图片解析,1,.,88,借助文字的排列方式统整版面信息,法则四 将段落首字突出,在信息量较多的版面中，通常会选用字号较 小的文字。由于字号普遍较小，致使版面呈现 出密密麻麻的效果，此时可以采用段落首字突 出的方式来点亮整个版式，同时将观赏者的视 线牵引到该段文字之上。,将正文的首写字母进行放大处理，以强调该段文字在版面当中的独特性，通过这种表现手法来提高文字信息的传达效率 将人物图形摆放在视图的中央，帮助读者快速认识该刊物的主题信息,图片解析,1,.,89,借助文字的排列方式统整版面信

19、息,法则五 文字绕图,文字绕图是指版面中的文字与图形以互动的方式进行排列组合，通过该类编排方式 将文字与图形两者在视觉上融为一个整体，使画面整体在形式与结构上都变得更加 和谐统一。,报刊、杂志和网页等元素在版面中含有大量的文字 信息，在这类素材中运用图文绕字的排列方式，可 提升版面整 体的趣味 性，还能有 效地减 轻文字版面 所带来的 枯燥感.,利用图形绕字的排版方式增强版面中图形与文字之间的互动感。 设计者将具有生动形象的人物元素摆放在版面中央，以激发观赏者对版面的兴趣,图片解析,1,.,90,借助文字的排列方式统整版面信息,法则五 文字绕图,在进行文字绕图编排时，应考虑编排形式 与版面主题

20、是否相符，以免错误的文字排 列影响整个版面的情感表述，从而传递给 观赏者一个不准确的信息，或是破坏他们 的感知兴趣。,根据版面的主题要求，将文字以渐变的形式排列在图形上，以此构成具有空间延伸感的透视效果，同时使版面的注目度得到提高。 将设计对象的标志与文字解释放置在版面中，以帮助观赏者理解其主题内容。,图片解析,1,.,91,借助文字的排列方式统整版面信息,法则六 将文字进行齐上对齐,将文字以竖直的走向进行排列，与此同时，还要确保每段的首个文字在水平线 对齐。通过该种排列手法，可以打造出文字的齐上对齐效果。,当将齐上式的文字排列运用到版式设计 中时，就会使版面呈现出与时代不符的 视觉氛围，从而

21、带给观赏者一种独特的 版式印象。,设计者通过充满民族色彩的书法字体 来强调版面的主题思想。 将文字施以齐上对齐的排列方式，从 形式上迎合以中国风为表现对象的版式 主题。,图片解析,1,.,92,文字编排的设计原则,在版式设计中，文字是版面进行信息传播的主要枢纽，通过文字阐述能够帮助 观赏者理解画面的主题。除此以外，文字的编排样式还能影响画面整体的视觉 氛围，合理的文字编排能增强画面的可读性和美观性。因此，为了设计出更好 的版式作品，应当遵循以下 3 项基本原则，它们分别是准确性、识别性和易读 性。,2,.,93,文字编排的设计原则,法则一 文字编排的准确性,版式中的文字设计，其准确性主要体现在

22、两个方面，一是字面意思与中心主题的 吻合，只有当阐述的内容与主题吻合时才能达到传播信息的目的；二是文字排列 与版面整体的风格要搭调，就是文字的编排设计要迎合版面中的图形及配色。,将书本与文学名人结合在一起，通过该图 形来准确地塑造该机构的形象。 将标题文字设定为大号字体，以方便读者 通过该段文字来了解版面的主题信息。,图片解析,2,.,94,法则一 文字编排的准确性,在进行文字的编排设计时，为了使文字段 落能准确地反应版面的主题思想，还应要 求文字的编排样式与画面整体在设计风格 上要有连贯性。通过遵守该编排原则，赋 予版面以和谐的视觉效果。,利用精简的说明方式，将版面的主题内容阐述得精准到位，

23、从而提高文字的表述力。 将图形与文字以紧凑的方式排列在一起，使版式结构在视觉上显得格外饱满。,图片解析,文字编排设计法则,2,.,95,法则二 文字编排的识别性,文字编排设计法则,为了赋予文字以强烈的识别性，通常设计者会根据版式主题的需要，对文字本身及 排列方式进行艺术化处理，利用这种手段来提升文字段落在版面中的视觉形象，从 而吸引观赏者的视线，促使他们 对版面整体留下深刻的印象。,常见的处理方法有拉伸文字的长度、将文字进行扭曲化表现等。在版式设计中，利用 奇特的文字设计来冲击观赏者的视觉神经，从而提高文字与版面的辨识度。,设计者对字母的笔画与结构进行了拉伸处 理，以此打造出具有独特魅力的字体

24、效果。 利用字体与背景在配色上的对比关系，使字体在版面中显得格外醒目。,图片解析,2,.,96,法则二 文字编排的识别性,文字编排设计法则,对文字排列进行设计 与改造，同样能提高 文字段落在版面中的 识别性。在文字的编 排设计中，将文字段 落以独特的方式进行 排列，以打破常规的 版式布局，从而带给 观赏者以新颖感。,将文字与图片编排到字母中，以此打造出具有独特设计感的版式效果。 利用空旷的背景画面，使版式中英文字母的形象得到突出与强调。,图片解析,2,.,97,法则三 文字编排的易读性,文字编排设计法则,除去字体的形态外，能够影响文字易读性的因素主要有3 个，它们分别是文字的字 号、字间距和行

25、间距。,1字号 字号越大，文字就会显得越大，文字 清晰度与易读性就会得到同步提高。 通常情况下，应根据版面的主题需 要来决定文字的大小。,将文字与图片编排到字母中，以此打造出具有独特设计感的版式效果。 利用空旷的背景画面，使版式中英文字母的形象得到突出与强调。,图片解析,法则三 文字编排的易读性,文字编排设计法则,法则三 文字编排的易读性,文字编排设计法则,法则三 文字编排的易读性,文字编排设计法则,法则三 文字编排的易读性,2,.,98,文字编排设计法则,法则三 文字编排的易读性,2字间距 在文字的编排设计中，为了凸显文字的易 读性，通常会在文字过多的版面中采用大比例的字 间距，而在文字较少

26、的版面中选用小比例的字间距。,设计者将标题图片放置在版面的上方，并扩大该图片的篇幅，以求吸引观赏者的注意。 将标题文字施以适当的字间距，使其呈现出相对平缓的视觉效果，在提高文字易读性的同时也方便读者对其进行阅读。,图片解析,法则三 文字编排的易读性,文字编排设计法则,法则三 文字编排的易读性,文字编排设计法则,法则三 文字编排的易读性,文字编排设计法则,法则三 文字编排的易读性,2,.,99,文字编排设计法则,法则三 文字编排的易读性,3行间距 行间距是指版面中行与行之间的文字距离当行间距过宽时，会造成文字行列间的距 离感，并破坏文字段落的整体性。因此，掌握行间距的设置规律，将有助于创作出 更

27、加优秀的版式作品。,利用适度的行间距来减缓观赏者的阅读速 度，从而延长了观赏者对版面的感知时间。利用姿态鲜明的人物元素来提升版面的活跃性，带给观赏者深刻的视觉印象。,图片解析,文字编排设计法则,法则三 文字编排的易读性,文字编排设计法则,法则三 文字编排的易读性,文字编排设计法则,法则三 文字编排的易读性,法则三 文字编排的易读性,文字编排设计法则,法则三 文字编排的易读性,文字编排设计法则,法则三 文字编排的易读性,2,.,100,文字编排设计法则,法则四 文字编排的艺术性,在版式设计中，可以通过夸张、比喻等表现手法来赋予单个字体或整段文字以艺术 化的视觉效果，同时打破呆板的版 式结构，从而

28、加深观赏者对画面信 息的印象。,将以人为主题的图形元素摆放在版面的 背景中，使画面显得更具内涵。 将版面中标题文字的结构进行不同程度 的拉伸或缩短，打造出透视的视觉效果， 同时引起观赏者的注意。,图片解析,2,.,101,法则四 文字编排的艺术性,文字编排设计法则,在实际的设计过程中，可以为编排加入 一些具有意蕴美的元素，如具象化的图 形元素、有传统韵味的象征性图形等， 通过这些视觉元素的内在意义，来提升 文字编排的视觉深度，使版面整体流露 出艺术化的氛围与气息。,设计者在版面中加入了两段手写字体， 利用该字体样式来提升整体编排的艺术 性，并间接展现了文稿内容的真实性。 将该段文字沿着铁栅栏的

29、延伸方向进行 排列，以增进文字与图形间的互动关系。,图片解析,2,.,102,让文字表现出十足的个性,在当今这个时代，文字 已不仅仅是一种传播思 想的工具，通过一番艺 术加工后，还能使其具 备视觉上的装饰性，同 时提升版面的注目度。 让文字变得更具个性的 方法有很多，比如文字 的意象或表象化处理、 图形化文字等。在进行 文字的相关设计时，需 要注意的是，文字最终 呈现出来的视觉效果要 符合版面的主题需要。,3,.,103,利用主体物与背景在配色上 的强对比性，使字体在版面中 显得格外突出。,让文字表现出十足的个性,法则一 表象文字文字彰显文字个性魅力,某个物象没有出现在我们面前，但经过一定程度

30、的提示后，它的形象会自然而然地 出现在我们脑海中，这样的现象就称为事物的表象化。从表象的概念来看，它具有 强烈的 象征性，并在外观上与本体有着 明显的 相似性。,文字的 表 象化可以理解为将文字的外形与含义进行融合，并 使文字最终呈现出“半图半字”的状态，通过这种 表现手法来形象地表达主题信息，同时赋予文字以 装饰性。,图片解析,.将文字配以特殊的材质效果， 使观赏者在接触到字体时就能 联想到鸡蛋。,3,.,104,让文字表现出十足的个性,法则二 给人意外惊喜的意外文字,在进行文字的意象化处理以前，首先要对设计对象的本质含义有一定程度的认识， 其次将具有主观性的创作情感融合在字体的结构当中，使

31、字体呈现出富有想象力 的视觉效果，同时赋予版面以优雅的意蕴与情调。,图片解析,将拉丁文字与图形元素合在一起，打造 出具有设计感的意象化文字效果。 运用单一的无彩色来调配背景画面，使 字体元素显得格外醒目。,3,.,105,让文字表现出十足的个性,法则三 无限创意的图形化文字效果,1动物 在设计领域中，动物向来都是最具代表性的图形元素之一，关于它的创作早在远古 时代就已经存在了。,图片解析,.将大量字母以动物图形的样式进行排 列，以打造出具有象征性的图形化文字。 设计者将主体物放置在版面的下方， 从而将观赏者的视线集中到该位置。,在文字的图形化设计中，常见的 设计元素有马、老虎等，另外， 还有一

32、些虚构的动物被应用 到文字的图形化设计中， 比如凤凰、麒麟和龙等 具有象征意义的虚拟 元素。,3,.,106,让文字表现出十足的个性,法则三 无限创意的图形化文字效果,2.人物 对于设计者来讲，人物元素有着太强的 可塑性，如人物的五官、表情、手势和 动作等，它们在视觉上都具有强烈的象 征意义。,图片解析,. .将文字进行有目的性的排列与组合， 以此构成具有象征意义的人物图形效果 。 文字在排列方向与大小比例上都存在着 差异性，设计者刻意结合这类编排手法来 打造出具有空间层次感的版式效果。,3,.,107,让文字表现出十足的个性,法则三 无限创意的图形化文字效果,工具元素所涉及的范围是非常广的，

33、 在进行文字图形化设计的过程中， 不同的器物所代表的含义也是存在 差异性的，根据版面的主题要求来 选择合理的器物图形，使画面传达 出准确的信息。,图片解析,. .由大量文字拼贴而成的汽车图形，在 视觉上带给观赏者以新奇、独特的印象。 运用简笔画式的图形样式，直观地反应 出版面的主题信息。,3,.,108,让文字表现出十足的个性,法则四 粗体文字加强版式的视觉印象,通过将字体的轮廓加粗加大，赋予文字以视觉上的厚重感，使该段文字在版面中显 得非常突出。粗体文字常被运用到平面设计中，比如刊物标题、海报宣传等，这些 文字都是以概括的形式来表现主题信息的，因此对于设计对象来说，它们具有归纳 与总结 的作

34、用。,图片解析,设计者利用丰富的视觉元素来填满整个 版面，使其呈现出局促、热闹的效果。 .将版面中的主体文字进行加粗处理， 从而突出其在版面中的视觉形象。,3,.,109,让文字表现出十足的个性,法则五 传统字体带来心灵上的共鸣感,那些古老的文字样式都具有传统性，如毛笔 字、玛雅文字等。在版式设计中，通过这些 传统的字体样样式，使画面呈现出一种包含 了风俗与文化的艺术气息，从而带给观赏者 一种心理上的共鸣感在版式设计设计中，运 用传 统文字 在文 化上的 代表 性，可 以拉 近画面 与观 赏者之 间的 距离。,图片解析,设计者利用苍劲有力的书法字体来增添 版面的传统韵味。 .采用具有文化性的和

35、服元素来提升版面 对传统主题的塑造 。,3,.,110,让文字表现出十足的个性,法则六 通过描边强调文字的视觉形象,图片解析,.将人物与数字元素以重叠的形式排列在 一起，以增强画面的空间感 .为标题文字加入勾边设计，使该段文字 得到突出化表现。,对文字的轮廓进行勾边处理，以此增强该段字体 在视觉上的表现力。，描边文字还能在视觉上呈 现出轮廓 分明 的效果， 并为 观赏者留 下深 刻的印象。,3,.,111,让文字表现出十足的个性,法则六 通过描边强调文字的视觉形象,在进行字体的设计创作中，利用描边线条与文 字本身在色彩上的搭配关系，还能赋予字体以 特殊的视觉效果。例如，渐变色调配可以赋予 文字

36、以立体感、刻意做旧的色彩搭配可以增强 文字的腐蚀感等 。,图片解析,.将字体的勾边色彩设定为渐变色，以从 配色上强调该文字的金属感。 .将人物与数字以重叠的形式进行摆放， 从而在视觉上使两者都得到了突出表现 。,3,.,112,让文字表现出十足的个性,法则七 装饰性字体带来结构的美感,装饰性文字是一种常见的艺术字体，它的表现形式主要有两种，一种是计算机绘制， 另一种是手工绘制。在平面构成中，装饰字体不仅要有完美的外形，同时还应具备 深刻的内涵与意义。,需要注意的是，在进行该类字体的设计时不能太过盲目，应当结合主题需求及文字 内容，使字体不仅具有绚丽的外观，同时还兼备一定的含义与深度。,通过对字

37、母结构的拉伸与 扭曲，打造出具有装饰性美 感的设计效果。 将字体以密集的方式排列 在一起，使文字的排列结构 显得格外统一。,图片解析,3,.,113,让文字表现出十足的个性,法则八 抽象字体提高版面的视觉深度,将抽象的概念与字体设计相结合，以此构建出一个极具个人主观思想性的艺术产物。 由于文字的抽象形态在外观上已经远远超越 了它本来的面目，尽管人们很难辨认出抽象 字体的笔画与结构，但并不影响他们去感受 字体由内散发的个性与魅力。,图片解析,设计者运用抽象的字体设计，打造出具 有强烈视觉冲击力的画面效果。 通过空旷的背景画面来强调主体物在版 面中的视觉形象。,3,.,114,文字的跳跃率,在我们

38、接触的大部分刊物设计中，其版式内容主要包括标题、正文、引文、说明标 题和编注等，这些要素都被配以不同的字号与字体。而文字的跳跃率即是指以正文 为参照物，通过对最大标题的字幅及字高计算后的大小比率。,文字的跳跃率有高低之分，可以通 过对文字的特殊化处理来改变版式 中文字的跳跃率，如改变文字大小、 加强标题文字的设计感或采用耗散 的文字形式等。,4,.,115,文字的跳跃率,法则一 利用文字的耗散性增强跳跃率,文字的耗散型排列在结构上呈现出相互矛盾与排斥的形态，可以利用这种无序的排 列方式来增添版面的活跃感，从而提升文字间的对比性，使文字的跳跃率得到大大 提升。,设计者运用抽象的字体设计，打造出具

39、 有强烈视觉冲击力的画面效果。 通过空旷的背景画面来强调主体物在版 面中的视觉形象。,4,.,116,文字的跳跃率,法则一 利用文字的耗散性增强跳跃率,文字的耗散型排列在结构上呈现出相互矛盾与排斥的形态，可以利用这种无序的排 列方式来增添版面的活跃感，从而提升文字间的对比性，使文字的跳跃率得到大大 提升。,通过错乱的排列方式来构成文字排列的 耗散性，同时带给观赏者深刻的视觉印象。 将背景设置为暗色调，通过配色上的对 比性来突出字体的形象 。,图片解析,4,.,117,文字的跳跃率,法则 二 利用大字号字体增强跳跃率,低跳跃率的版式往往给人以平庸、缺乏活力的感受。为了避免在设计中出现低跳跃 率的

40、版式效果，可以通过改变版面中的文字大小来增强画面的生动性，在提高版面 整体跳跃率的同时，也使观赏者在阅读后对作品留下深刻的印象。 在文字的编排设计中，可以通过放大文字来提 力。但我们不能盲目地放大版面中的任意一段 文字，要想准确地提高文字的跳跃率，通常会 选择一些具有重要意义的文字进行放大处理.,采用剪裁的方式将主体图片分割成两部 分，从而提高了版面整体的趣味感。 利用文字在色调上的冷暖对比，使文字 要素的跳跃率得到提高 。,图片解析,4,.,118,文字的跳跃率,法则 三 运用标题文字的创意性增强跳跃率,为了使标题文字能提升版面整体的跳跃率， 可以为该字体融入特殊的材质，以提高标 题文字在版

41、面中的创意感。常见的方式有 对标题文字进行加粗处理，或对标题文字 进行另类化的编排组合等。,将标题性文字施以艺术化处理，以在视 觉上增强它在版式中的跳跃性。 运用弯曲的图形结构来增添版式空间的 韵律感，从而给观赏者留下深刻的印象 。,图片解析,4,.,119,文字的跳跃率,法则三 运用标题文字的创意性增强跳跃率,在版式设计中，标题文字的创意性不仅体现在字体材质的选择上，同时还可以通过 图文组合的设计手法来实现这一效果。而图文组合的实际做法为，将标题中某个文 字的结构进行拆分，与此同时，将与文字含义有关联的图形元素与拆分后的结构进 行互换，通过图文结合的表现方式使标题文字的视觉形象得到突出，并进

42、一步提高 版面中文字的跳跃率,设计者通过漫画式的表现 手法来提升画面的亲和力， 以博取观赏者的好感 将标题文字的首写字母与十 字架图形组合在一起，以呼应 字面含义与版面主题,图片解析,4,.,120,文字的跳跃率,法则三 运用标题文字的创意性增强跳跃率,在版式的文字编排中，可以通过对标题字体进行特殊的表现手法，如勾边、放大或 配以鲜亮的色彩等，使标题文字在形态或结构上与版面中其他类型的文字有所区别。 同时还可以利用文字间的差异性来打破常规的版式格局，以提高文字的跳跃率。,设计者为标题文字进行描边，并配以鲜 明的字号规格，以此提高该要素的跳跃率 将版面中的文字段落以规整的形式进行 排列，提升了画

43、面整体的正式感 。,图片解析,4,.,121,实验：“满版形”版面上的文字编排1 要求： 版面以图像充满整版，主要以图像为诉示，文字配置/压置在上下、左右或中部（边部和中心）的图像上。 1、 设计主题为“禅生活” 2、 选择3张图像进行文字和辅助图形的编排。 3、 到专业阅览室查阅参考书籍。 4、ps或 画出小稿，下次课检查方案。,.,122,.,123,二 图形的版式设计,这里所说的图形包括摄影图片以及除摄影图片以外的图和形。图形在排版设计中，占有很大的比重，具有强于文字的视觉冲击力，能够真实、准确地传达信息。图片的版式设计内容包括:图形的位置、面积、方向、形式、编排等。,视觉要素：文字、图

44、形与色彩,.,124,.,125,.,126,（一）图形的位置 图形放置的位置，直接关系到版面的构图布局 。,.,128,（二）图形的面积 图版面积的大小安排，直接关系到版面的视觉传达。一般情况下，把那些重要的、吸引读者注意力的图形放大从属的图形缩小，形成主次分明的格局 。,跨页的图片具有视觉、心理震撼力,.,133,（三）图形的数量 图形数量的多寡，可影响到读者的阅读兴趣。,.,134,（四）摄影图片的形式,方形图式 出血图式 退底图式 化网图式 特殊图式,.,135,角版版式 即图片充满整个版面不露边框，具有向外扩张，舒展的感觉，动感效果强劲，与读者距离较近。,出血图式 即图片充满整个版面

45、不露边框，具有向外扩张，舒展的感觉，动感效果强劲，与读者距离较近。,SONY的平面广告、杂志封面的版式设计均采用出血图式的版式设计,退底图式 根据版面内容所需，将图片精选部分沿边缘裁剪。,.,139,化网图式是利用电脑技术减少图片的层次，以此来衬托主题，渲染版面气氛。,.,141,特殊图式将图片按一定形状来限定，使版面产生出新颖、独特的新视角。,.,143,（五）图形的创意编排 图形的创意编排形式应尽量体现设计者所要传达的信息，尽可能地服务于所要表达的内容。通过有意识的安排使版面更有新意和创造性，从而使传达富有趣味性和内涵，起到画龙点睛的传神功力， 使其更吸引人 、打动人。,.,144,.,1

46、45,超强力薄荷糖广告（洋葱篇、香烟篇）,第三章 版式设计的基本类型,1、标题型 一般标题在先接着是图片和文字内容等。这也是很常见的一种编排形式。,.,148,2、满版型 版面由一张相对完整的图片构成，不留固定的白边，图像、图形不受版心的约束，也就是“出血版”。,.,150,3、斜置型 在版面编排中图形或文字的主要部分向右或向左作方向倾斜。从而赋予图形或文字以强烈的结构张力和视觉动感。,.,152,4、左右型 这也是一种比较常见的版面编排形式其特点是画面中各元素容易形成平衡结构稳当，风格平实。,国外报纸的版式编排_左右的对称中又有变化,.,154,服装画册的版式设计,.,155,5、分割型 是

47、把整个版面分成上下、或左右几个部分，分别安排图片和文字。,.,156,介绍钓具的画册-根据内容的需要分为几个区域,.,158,6、自由型 自由版式是将图像分散安排在页面各个部位，具有自由、轻快的感觉。但应注意图像的大小、主次，还应考虑疏密、均衡、视觉流程等。,.,159,.,160,.,161,第六章 版式设计的实际运用,在人们的日常生活中，各种各样内容的版式设计应用相当广泛， 如：书籍、报刊杂志、产品包装、招贴广告、网页设计等等。 第一节 书籍的版式构成 书籍通常由封面、扉页、版权页(包括内容提要及版权)、前言、目录、正文、后记、参考文献、附录等部分构成。这些内容都离不开装祯和版式设计。,.,162,第二节 期刊、杂志类版式设计 相对于书籍来说，期刊杂志出版快速、周期短、传递快。杂