版式设计（高职）全套教学课件

版式设计版式设计全套可编辑PPT课件第一章概述版式设计关于版式设计课程版式设计总学时：96学时学分：6讲课：32学时实践：64学时开课单位：艺术设计学院选用教材：赵志勇：《编排设计》，上海交通大学出版社，2012年2月第一版主要教学参考书：潘鲁生：《书籍设计》，山东美术出版社，2007年1月第一版本课程地位(作用)和任务《版式设计》课程是视觉传达设计专业的必修课之一，是现代艺术设计的重要组成部分，是视觉传达的重要手段。它不仅是一种技能，更体现了技能与艺术的高度统一。在教学讲授中从版式的基础知识入手，对文字、色彩、图形及图片等方面进行了分析，归纳了版式设计的视觉和造型要素，审美原理及实践应用。教学中充分发挥教师的指导作用，调动学生的积极性，同时重视对学生逻辑思维的培养和创造潜能的发挥。通过版式设计的学习，掌握版式设计的基本原理及创意方法，培养学生逻辑思维能力及创意表现技法，并应用在设计实践中。让学生在实践中巩固所学的知识，真正做到学以致用，达到良好的教学效果。版式设计01教学内容与时间分配第一章

版式设计概述（共计4学时）第一节

版式概念（2学时）第二节

版面构成内涵的变更（1学时）第三节

版面构成的发展趋势（1学时）03重点、难点重点：版式设计的概念难点：版面构成的发展趋势02教学目的让让学生了解版式设计的概念、版面构成内涵的变更以及版面构成的发展趋势。AWESOME

版式设计第一节

版式概念

在有限的版面空间里，将文字、图片、图形、线条、点、颜色，根据特定内容的需要进行组合排列。并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。是种直觉性、创造性的活动。

版式可以理解为比较宽泛的概念，不仅包括了样式、格式方面的内容，也包括了构图、编排的内容，即版面设计、编排设计。版式设计第一章概述第一节版式概念功能：1、是信息传达的重要媒介

2、产生美的遐想，与设计师产生共鸣AWESOME

版式设计第二节版面构成内涵的变更错误认识：1、版面的局限性（刊物、书籍中）

2、是纯技术工作不属于艺术范畴

3、字体不需要设计，只是排列上

去现在认识：1、版面是技术与艺术的高度统一

体

2、社会的进步，人的品位提高，

要求设计师要更新观念。重新

认识版面设计，改变以往的设

计思路。

3、设计师传达给受众是更好的调

动激情与感受，读者在接受版

面信息的同时，并获得娱乐、

消遣和艺术感染，从而体现审

美内涵。版式设计第一章概述

第二节版面构成内涵的变更AWESOME

版式设计第三节

版面构成的发展趋势随着世界高科技的发展信息社会的到来，催生了各种媒体间的发展与更新。电子媒体传递的多样化，已成为当今最具吸引力的版面构成要素。作为现代设计艺术的版面构成已成为世界性的视觉传达的公共语言。这种采用简单明晰的字体、图形和符号，用以打破了民族间的语言隔阂，加快了信息传达，以期相互融洽、相互交流、相互推动，共同构筑版面的新格局、新概念。版式设计第一章概述第三节版面构成的发展趋势1\创意为先导版式设计第一章概述第三节版面构成的发展趋势1\创意为先导版式设计第一章概述第三节版面构成的发展趋势1\形式独特性——平中见奇，突出个性书籍设计——组织学图谱版式设计第一章概述第三节版面构成的发展趋势3/情趣性攻势——注重情感、娱乐性、亲和性版式设计第一章概述第三节版面构成的发展趋势版式设计第一章概述第三节版面构成的发展趋势4/运用电脑特技的影像合成——多维空间发展版式设计第一章概述第三节版面构成的发展趋势版式设计第一章概述第三节版面构成的发展趋势版式设计第一章概述第三节版面构成的发展趋势THANKS第二章现代版式设计的发展版式设计版式设计01教学内容与时间分配第二章

现代版式设计的发展（共计3学时）第一节版式设计的开端（1学时）第二节工业化对版面设计的影响（1学时）第三节现代主义版式风格的形成（1学时）03重点、难点重点：现代主义版式风格的形成难点：现代主义版式风格的形成02教学目的让学生了解版式设计的发展历史及演进过程AWESOME

版式设计第一节

版式设计的开端

一、人类早期文献的版式设计版式设计的萌芽应该说从创造文字时就产生了。在人类早期文明的发展阶段，我们祖先创造了各种形象符号，并将这些符号涂抹或刻在各种材料上，也就产生了如何编排这些符号的意识，尽管这一意识是非常朦胧的，这一时代的图文具有强烈的符号特征。

古代埃及中国版式设计第一章现代版式设计的发展第一节版式设计的开端版式设计第一章现代版式设计的发展第一节版式设计的开端版式设计第一章现代版式设计的发展第一节版式设计的开端版式设计第一章现代版式设计的发展第一节版式设计的开端AWESOME

版式设计第一节

版式设计的开端二、中国古代版式设计风格印刷术和造纸术的发明，使世界文明的存留和传播成为可能。中国早期的印刷是石刻上的拓片印刷，时间可以上溯到秦汉时代。唐代以后，普遍用木版印刷佛经，木版印刷使印刷品的质量和效率都有了很大的提高，印刷也就在全国扩展开来。最早的印刷品，唐代的《金刚经》，印刷时间公元868年。版式设计第一章现代版式设计的发展第一节版式设计的开端1249年的《本草》一书，图文并茂，利用字体大小不同的标明段落，非常清楚，简明扼要，木版技术成熟，说明中国的印刷与版式设计以达到非常成熟的阶段。AWESOME

版式设计第一节

版式设计的开端三、欧洲早期版式设计1、文艺复兴之前

1450年德国人古腾堡发明完善了金属活字，出版业出现了大发展。德国插图画家丢勒对平面设计艺术和绘画艺术做了重大的贡献。《启示录》2、文艺复兴时期文艺复兴推动了平面设计的繁荣。出现了意大利威尼斯、佛罗伦萨，法国巴黎和里昂，德国纽伦堡，瑞士巴塞尔等众多印刷中心。版式设计第一章现代版式设计的发展第一节版式设计的开端启示录内文版式设计3、文艺复兴之后18世纪的洛可可风格盛行，大量运用C形和形曲线作为装饰，色彩柔和富丽，版面采用非对称的手法。版式设计第一章现代版式设计的发展第一节版式设计的开端AWESOME

版式设计第二节

工业化对版面设计的影响一、维多利亚风格和工艺美术运动英国人——莫里斯，古典主义版面的创史人，被后人称为“设计之父”。他倡导的工艺美术运动在欧美造成了惊人的效果和广泛的影响。《诗歌之路》二、新艺术运动法国的谢列特、劳德里克，英国的比亚兹莱、里克兹，美国的布莱德利，德国的贝伦斯

版式设计第一章现代版式设计的发展第二节工业化对版面设计的影响版式设计第一章现代版式设计的发展第二节工业化对版面设计的影响版式设计第二章现代版式设计的发展第二节工业化对版面设计的影响AWESOME

版式设计第三节

现代版式设计风格的形成三种类型一种类型是强调艺术个人的表现，强调心理的真实写照和自我感觉，受佛洛伊德的试验心理学影响，从表现主义到超现实主义，一直到二战在美国发展起来的抽象表现主义。另一类型则力图在形式上找到所谓的“真实”，代表新时代的方式，立体主义、构成主义，荷兰的风格派。还有一种艺术运动，是属于两者之间，如立体主义、达达主义。版式设计第二章现代版式设计的发展第三节现代版式设计风格的形成俄罗斯人——塔特林（构成主义创始人）特点：在点、线、面和色彩处理上运用规律排列，追求秩序美，心理性的，简洁的几形形态构成图形，着重于形体美、节奏美、抽象美。李捷斯基为《两个正方形的故事》所做的护封和扉页版式设计第二章现代版式设计的发展第三节现代版式设计风格的形成德国人——约翰.契肖德在构成主义基础上，发展新客观主义，增强版面设计功能，版面独辟蹊径，其设计原则是彻底脱离传统版面不对称，运用强烈的明暗对比，摒弃繁杂的装饰纹样，字体上采用无饰纹样，运用块面，粗线，突出主题这一设计思想，称为现代设计史上的里程碑。1919年德国人——格罗佩斯创立的“包豪斯设计学院”，成为现代设计的先驱。开创了现代设计新纪元。印刷术和照相排版机的产生，版面任意缩放，扭曲使设计更为灵活。版式设计第二章现代版式设计的发展第三节现代版式设计风格的形成“TROPON”工厂海报维尔德版式设计第二章现代版式设计的发展第三节现代版式设计风格的形成瑞士人——厄斯特.凯特创造的功能性字体广告为版面提供了新的表现形式，他为设计是形式与内容的高度统一，而字体图形就是最客观、明确、有效的图形传达语言。版式设计第二章现代版式设计的发展第三节现代版式设计风格的形成冷抽象——蒙德里安（荷兰风格派大师）水平线，垂直线，单纯色彩的应用，表现出纯抽象的艺术。版式设计第二章现代版式设计的发展第三节现代版式设计风格的形成

热抽象——康定斯基（俄国人）倾向于感性的非几何形，表现出旋律，体现出情感。版式设计第二章现代版式设计的发展第三节现代版式设计风格的形成欧普艺术（光效应）——瓦沙雷（匈牙利）

20世纪60年代在欧美流行，宗旨在几何形态中融进视觉与光学的特殊效应，形成炫目，颤动感的视觉规律。作业一：名片（4套）名片是公司企业形象传播的重要组成部分。要求：1、设计两套个人名片，每套包含正面与背面（标识、姓名、职务、地址、电话、传真、邮编网址等。）2、名片需设计为原比例（90*55mm或90*50mm）3、A3纸打印THANKS第三章版面构成的形式原理版式设计关于版式设计课程版式设计总学时：96学时学分：6讲课：32学时实践：64学时开课单位：艺术设计学院选用教材：赵志勇：《编排设计》，上海交通大学出版社，2012年2月第一版主要教学参考书：潘鲁生：《书籍设计》，山东美术出版社，2007年1月第一版本课程地位(作用)和任务《版式设计》课程是视觉传达设计专业的必修课之一，是现代艺术设计的重要组成部分，是视觉传达的重要手段。它不仅是一种技能，更体现了技能与艺术的高度统一。在教学讲授中从版式的基础知识入手，对文字、色彩、图形及图片等方面进行了分析，归纳了版式设计的视觉和造型要素，审美原理及实践应用。教学中充分发挥教师的指导作用，调动学生的积极性，同时重视对学生逻辑思维的培养和创造潜能的发挥。通过版式设计的学习，掌握版式设计的基本原理及创意方法，培养学生逻辑思维能力及创意表现技法，并应用在设计实践中。让学生在实践中巩固所学的知识，真正做到学以致用，达到良好的教学效果。版式设计01教学内容第一节、重复与交错第二节、节奏与韵律第三节、对称与均衡第四节、对比与调和第五节、比例与适度第六节、变异与秩序第七节、虚实与留白03重点、难点重点：掌握版面构成的形式原理的一般形式。难点：能够运用版面构成的形式原理进行设计赏析，并能够将原理融合与自己的设计中。02教学目的让学生了解——版面构成的形式原理WeAreTheBest引课练习思考题：一条直线，画在A4纸上，看看你能做出几种形式？思考：画在A4页面的不同位置，是否会给你带来不同的心理感受？版式设计得出的答案第三章版面构成的形式原理版式设计的形式原理就是根据主题与创意的需求将各元素进行有机的组合，寻找和展示视觉信息内容中内在相似与不同之处的过程，运用形式美原理将独特的构思流畅而清晰地传递给受众。版面构成的形式原理是所有设计艺术共有的美的规律和规则。与其他艺术形式一样在设计中注重形式美，构成美和合理性，掌握形式法则及其在设计的实际应用非常重要。版式设计的基础是建立一定的骨骼，空间上，它承载着设计内容所蕴含的大量信息。这种基础使人们在设计艺术不断进步与发展中对版式规律的认识不断加深，并日趋成熟。AWESOME

版式设计第一节重复与交错在版面构成中，不断重复使用基本的形或线，它们的形状、大小、方向都是相同的。重复使设计产生安定、整齐、规律的统一。缺点：呆板、平淡、缺乏趣味性变化。版式设计第三章版面构成的形式原理

第一节重复与交错利用重复图形和骨骼构成的购物袋的版面版式设计第三章版面构成的形式原理

第一节重复与交错采用几种不同的图形，作有规律的错落，同样也能产生美感，体现一种韵律之美版式设计第三章版面构成的形式原理

第一节重复与交错版式设计第五章版面构成的形式原理

第一节重复与交错版式设计第三章版面构成的形式原理

第一节重复与交错版式设计第三章版面构成的形式原理第一节重复与交错重复构成之后的版面有时容易呆板、平淡、缺乏趣味变化，因此，我们可以在版面中安排一些交错与重叠。打破版面平淡的感觉。版式设计第三章版面构成的形式原理

第一节重复与交错版式设计第五章版面构成的形式原理

第一节重复与交错版式设计第三章版面构成的形式原理

第一节重复与交错版式设计第三章版面构成的形式原理

第一节重复与交错版式设计第三章版面构成的形式原理

第一节重复与交错版式设计第三章版面构成的形式原理

第一节重复与交错版式设计第三章版面构成的形式原理

第一节重复与交错版式设计第三章版面构成的形式原理

第二节、节奏与韵律重点、难点重点：掌握版面构成的形式原理的一般形式。难点：能够运用版面构成的形式原理进行设计赏析，并能够将原理融合与自己的设计中。

教学目的让学生了解——版面构成的形式原理节奏与韵律来自音乐概念，哥德所言：“美丽属于韵律。”节奏和韵律对应视觉流程的动态过程，借用的是音乐的概念。音乐的节奏和韵律是由音符、旋律、强弱处理等体现的。生活中的节奏呈现很多的状态出现，比如心跳的声音，脚步的声音，年轮的增长，四季的变换等。如果说节奏是一种有力的节拍，那么韵律就是这个节拍的曲调。韵律赋予了节奏新的生命，或慷慨激昂或深沉悲伤。版式设计中的节奏与韵律是通过画面中的图形元素按照条理、秩序表现出来。不同的图形、字体、色彩等的版面构成元素的巧妙运用，就可以设计出具有节奏感和韵律感的优秀作品。版式设计第三章版面构成的形式原理

第二节、节奏与韵律

版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第二节、节奏与韵律节奏是某种元素通过一定的变化，产生有规律的重复。韵律指的是整体的气势和感觉，高山、流水各有韵律，书法的行笔布局也讲究韵味。构成和设计中，形态轮廓和空间组织总的看来起伏变化、流畅但不平铺直叙就是韵律。它的主要作用就是协调版面的整体节奏，增强版式的感染力，开阔版式艺术的表现力。版式设计第三章版面构成的形式原理

第二节、节奏与韵律版式设计第三章版面构成的形式原理

第三节对称与均衡重点、难点重点：掌握版面构成的形式原理的一般形式。难点：能够运用版面构成的形式原理进行设计赏析，并能够将原理融合与自己的设计中。

教学目的让学生了解——版面构成的形式原理版式设计第三节对称与均衡第三章版面构成的形式原理

对称：是事物中相同或相似形式因素之间相称的组合关系所构成的均衡。有左右对称和上下对称等表现，基本形式分为完全对称和相对对称。完全对称：指在假设的中轴线（或中心点）两侧，或上下、或四周配置的形、量、色等元素呈完全相等的状态。相对对称：基本骨式对称而局部不对称，即等量不同形。版式设计第三章版面构成的形式原理

第三节对称与均衡均衡：

又称平衡原指力学上的平衡状态，这里主要指画面中的图形与色彩在面积大小、轻重、空间上的视觉平衡，主要靠正确处理视觉重心的平衡而取得平衡感，平衡的形式是以不失重心为原则。均衡常常在形体大小上有悬殊，但仍不失内在相互关联与照应，它是视觉与心理的等量感。

均衡是人类的一种生理功能和要求，一个人如果推动了平衡，便无法有稳定安全的心理。所以人们要求平衡。版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡均衡这一形式原理应用于设计后，它的效果较对称性版面活泼得多。如果将对称比喻为一架天平，那么均衡则可理解为一杆秤。当一个版面上两块形的面积等甚至差异很大时，它们在量上却是近似或相等的图，画面就达到了均衡。版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡第五章版面构成的形式原理

第五章版面构成的形式原理

第五章版面构成的形式原理

版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡版式设计第三章版面构成的形式原理

第三节对称与均衡在艺术设计中，对称与均衡是构成形式原理的一条重要形式。对称和均衡都是达到画面平衡的手法。对称的编排形式近于完美，会让人感到静止、单调和呆滞，缺少变化是它最大的弊病。对称的版式设计，常可使版面呈现稳定的美感。版式设计仅以对称为准则，就会显得庄重有余，活泼不足，甚至过于呆板。对称采用的是左右或上下完全相同的视觉平衡构图，而均衡则是左右、上下并不完全相同而通过各种视觉力的调节达到的视觉平衡。版式设计第三章版面构成的形式原理

第三节对称与均衡对比就是把相对的两要素互相比较，产生大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、轻重的对比。对比的最基本要素是显示主从关系和统一变化的效果。调和是指适合、安定、统一。在版面设计中，一般整体版面宜调和，局部版面宜对比。版式设计第三章版面构成的形式原理

第四节、对比与调和版式设计第三章版面构成的形式原理

第四节、对比与调和版式设计第三章版面构成的形式原理

第四节、对比与调和版式设计第三章版面构成的形式原理

第四节、对比与调和版式设计第三章版面构成的形式原理

第四节、对比与调和版式设计第三章版面构成的形式原理

第四节、对比与调和版式设计第三章版面构成的形式原理

第四节、对比与调和版式设计第三章版面构成的形式原理

第四节、对比与调和版式设计第三章版面构成的形式原理

第四节、对比与调和版式设计第三章版面构成的形式原理

第四节、对比与调和比例是形的整体与局部、局部与局部之间的一种比率。

成功的版面设计，一般都具有良好的比率。我们熟悉的是黄金比例。

适度是指版面的整体与局部与人的生理或心理上特定的习性上的大小关系。

也就是版面的构成一般要从视觉上适合读者的视觉心理。版式设计第三章版面构成的形式原理

第五节、比例与适度版式设计第三章版面构成的形式原理

第五节、比例与适度版式设计第三章版面构成的形式原理

第五节、比例与适度版式设计第三章版面构成的形式原理

第五节、比例与适度版式设计第三章版面构成的形式原理

第五节、比例与适度版式设计第三章版面构成的形式原理

第五节、比例与适度版式设计第三章版面构成的形式原理

第五节、比例与适度版式设计第三章版面构成的形式原理

第五节、比例与适度版式设计第三章版面构成的形式原理

第五节、比例与适度版式设计第三章版面构成的形式原理

第五节、比例与适度版式设计第三章版面构成的形式原理

第五节、比例与适度变异是规律的突破，是一种在整体效果中的局部突变。这一突变的地方，往往是版面中最具有动感、最引人注目的焦点。变异可以从大小、方向、色彩等方面产生。

秩序美是版面设计中一种有组织的美的编排，能体现版面的科学性和条理性。版面的组成要素很多，有文字、图形、线条，秩序就从这些要素中产生。版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序第五章版面构成的形式原理

第五章版面构成的形式原理

版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序版式设计第三章版面构成的形式原理

第六节、变异与秩序第七节虚实与留白

版式设计第三章版面构成的形式原理

第七节、虚实与留白版式设计第三章版面构成的形式原理

第七节、虚实与留白版式设计第三章版面构成的形式原理

第七节、虚实与留白版式设计第三章版面构成的形式原理

第七节、虚实与留白版式设计第五章版面构成的形式原理

第七节、虚实与留白版式设计第三章版面构成的形式原理

第七节、虚实与留白版式设计第三章版面构成的形式原理

第七节、虚实与留白版式设计第三章版面构成的形式原理

第七节、虚实与留白版式设计第三章版面构成的形式原理

第七节、虚实与留白留白图形与实体要素结合成一个具有中国古韵的琵琶，图形轮廓简约，结和水墨笔触在视觉上塑造了一个完整的图形，版面文字一行行错落的排列，仿佛是流动的细波，渲染出琵琶声动波光粼粼的画面，使读者感受到整个版面由静态到动态的转变。版式设计第三章版面构成的形式原理

第七节、虚实与留白留白是西方的符号化图形“十”字形，图形轮廓简单清晰，文字排列连贯，版面看起来直观易懂，留白图形位于版面的中心靠上的位置，使版面具有一种强烈的凝聚力，与文章提倡医疗保障的内容相得益彰。这两个例子中的留白都不具有单纯的背景意义，而是充当具有特定思想意义的表现图形，是一种传播信息的视觉形式，在一定程度上具有审美价值，在版面中起到装饰美化，使受众情感愉悦的作用。版式设计第三章版面构成的形式原理

第七节、虚实与留白不规则的留白图形四面开来，横冲直撞的夹在文本之中，它打破了文字的常规排列，颠覆人们对留白的认识，甚至喧宾夺主的替代文字要素在版面中的地位，强烈的吸引着受众的目光。版式设计第三章版面构成的形式原理

第七节、虚实与留白留白是一个半开放性抽象图形，它像人张开手臂的形象，像地图上河流的形状，或许是说不出代表任何意义的形状，受众正是带着这种好奇心驻足于此，然后开启进一步了解的欲望来阅读文字。版式设计第三章版面构成的形式原理

第七节、虚实与留白出血图像是指图像的四边部分或全部超出版面外沿的图像类型。出血图像具有较大的视觉面积和视觉张力，能够拉近与读者的距离，为阅读带来身临其境感觉，具有大气、开阔的特点。当满版出血图像覆盖整个版面时，图像充当了留白背景虚空间的意义。版式设计第三章版面构成的形式原理

第七节、虚实与留白图片与图片组成了一个块面，并利用留白将块面分割成属于各自的部分，在版面上留白作为线的形式出现，对所传递的信息进行强调，并且使整个没有太多新奇内容和样式的版面变得出众，起到了装饰版面的作用。版面被分割成大小不一的块面，在视觉上为版面带丰富的节奏感。版式设计第三章版面构成的形式原理

第七节、虚实与留白“留白”的色彩语言没有一定的约束性，完全根据设计师对书刊的整体风格的把握与敏锐的艺术观察力进行选择和表现。根据篇章内容的不同、“留白”空间的色彩选择范围、大小也不同，有深沉的黑、纯净的白、柔美的粉、靓丽的红、忧郁的蓝、活力的绿等等版式设计第三章版面构成的形式原理

第七节、虚实与留白为了追求特殊的版面效果，有意利用“留白”在版面中的分散性，抓住其具有偶发性和随意性的特点，并以此为创意点来设计书刊的版面。在这个版面利用虚实的巧妙结合，将文字进行了适度的排式变化，是在有意模仿自然状态下具有偶然性和随意性的书写轨迹，这种夸张了的文本编排，形成了与文本性质相对应的疏密不一的留白空间这样的版面设计打破了常规思维，脱离了标准的文字版面机械的、块状的形态特征，营造了轻松活泼的情感氛围，是对静态书刊版面呈现动态视觉效果的完美诠释。版式设计第三章版面构成的形式原理

第七节、虚实与留白看到大面积出现的“留白”背景和少量的文字图像，从空间面积上进行对比，用大面积的留白空间衬托简洁的图文信息，以此达到信息的有效传递。从“图”“底”的颜色入手，将其设计成互补色，增强的视觉震撼力。版式设计第三章版面构成的形式原理

第七节、虚实与留白虚实相生对比强烈的版面中，版面左页三分之二的面积全部留白处理，与右页面的图片形成鲜明的对比，视觉沿着图中人物视线看向左方，带给人无限的想象空间，赋予版面虚实相生的意境美，再利用文字的强弱对比，使版面呈现出主体鲜明、层次丰富的视觉效果。版式设计第三章版面构成的形式原理

第七节、虚实与留白左侧的版面文字、图片分布在整个页面，版面布局饱满，但在形式结构上却过于松散和凌乱，而不能很好的建立视觉秩序，视觉很难留下深刻的印象，更不足以谈美感。相比之下右侧版面利用留白以水平方式分割版面，内容紧凑、结构简洁易懂，给视觉带来清新、整齐的视觉感受。版式设计第三章版面构成的形式原理

第七节、虚实与留白2013获得“中国最美的书”称号之一的《空度》，整本书的版面以留白的色彩特性呈现为主，留白被赋予以黑、白、灰的空间感，记录了一条小船由早到晚的景象变化。书中留白与实体景物融合成一幅画面，在小船的衬托下，它是画面中远处的天，是平静的水，在虚无缥缈中仿佛能感受到小船缓慢的滑动，芦苇随风轻轻飘扬，感受悠远空灵的意境美。版式设计第三章版面构成的形式原理

第七节、虚实与留白在对称的版面中，留白以上下对称、左右对称的形式出现在单页或是对页的版面中，给视觉带来稳定感和透气感，在均衡法则作用的版面中，利用书刊版面中留白的分散性，将文字进行分散的排式变化，让版面看起来疏可走马，密不透风。看似无序、纷乱的版面，实际上是设计师运用新颖的设计思维进行创新的成果，目的是要意造成一种无意、偶然的排列效果，以此脱离了机械、呆板、块状的版面形式.总结1、虚实与留白具有承载版面信息功能性，具有装饰版面的审美性。2、留白能够协调版面虚实对比，营造版面秩序，增强版面艺术感染力。3、丰富形式美、深化审美内涵、提升审美价值，具有良好的促进作用。版式设计第三章版面构成的形式原理

第七节、虚实与留白思考题：留白作为具象图形的表现方式，出现在书籍和期刊的版面中屡见不鲜，大多是根据图形的特点，以文字依附于图形的表现形式出现，结合自己的认识谈谈你会从哪些方面考虑留白的方式？版式设计第三章版面构成的形式原理

第七节、虚实与留白第四章版面构成的造型要素版式设计版式设计01教学内容与时间分配第四章

版面构成的造型要素（共计5学时）第一节点在版面上的构成（1学时）第二节线在版面上的构成（1学时）第三节面在版面上的构成（1学时）第四节版面黑、白、灰的空间构成（2学时）03重点、难点重点：版面黑、白、灰的空间构成难点：版面黑、白、灰的空间构成02教学目的让学生了解版面构成的要素AWESOME

版式设计第一节点在版面上的构成

点的感觉是相对的。它是由形状，方向，大小，位置等形式构成的。这种聚散的排列与组合，带给人们不同的心理感应。

版式设计第四章版面构成的造型要素第一节点在版面上的构成1.当版面中有一个点时，它能吸引人的视线，成为视线的集中处。版式设计第四章版面构成的造型要素第一节点在版面上的构成2.同时出现两个或两个以上相同大小的点时，在点与点之间就会形成视觉上的线的连接。版式设计第四章版面构成的造型要素第一节点在版面上的构成3.点的水平排列，具有平稳，安详的感觉。版式设计第四章版面构成的造型要素第一节点在版面上的构成文字作为点的等距离编排，构成一定的面积，形的感觉就非常强烈。版式设计第四章版面构成的造型要素第一节点在版面上的构成4.把大小不等的点有规律的垂直排列，产生一种线的动势和前后空间的层次。版式设计第四章版面构成的造型要素第一节点在版面上的构成5.点沿着斜线方向渐变排列，可形成一种远近变化。版式设计第四章版面构成的造型要素第一节点在版面上的构成6.大小各异,作高低不同或相同的组合，会出现跳跃、动荡、欢快的感受，并构成有空间立体的版面效果。版式设计第四章版面构成的造型要素第一节点在版面上的构成7.点的重叠，能体现出一种图形化的美感，形式感极强。版式设计第四章版面构成的造型要素第一节点在版面上的构成8.点的等间距且有变化的构成，产生出动感和节奏感。版式设计第四章版面构成的造型要素第一节点在版面上的构成9.点沿一定的方向做自由构成，具有流动、抒情、愉快的感觉。AWESOME

版式设计第二节线在版面上的构成

线游离于点与形之间，具有位置、长度、宽度、方向、形状与性格。直线和曲线是决定版面形象的基本要素，每一种线都有它独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得各种不同的效果。所以说，设计者能善于运用它，就等于拥有了一个得力的工具。

版式设计第四章版面构成的造型要素第二节线在版面上的构成一、线的情感因素

由于线具有不同的特征，便赋予线在视觉上的多样性。因此，我们在版面构成之前，应先对线的运用有一定的了解，知道怎样的线和形式比较适合于哪一类版面，这是极为重要的条件，也才能产生你所需要表达的意念。直线的感情要素小结：直线的给人以单纯、明确、庄严的感觉2.水平方向的线，令人产生开阔、平静、安定、永无止境的感觉3.垂直方向的线令人产生蓬勃向上,崇高的情绪4.斜线具有动力，动荡和不安的感觉，富于现代意识和速度感版式设计第四章版面构成的造型要素第二节线在版面上的构成版式设计第四章版面构成的造型要素第二节线在版面上的构成直线的给人以单纯、明确、庄严的感觉垂直方向的线令人产生蓬勃向上,崇高的情绪版式设计第四章版面构成的造型要素第二节线在版面上的构成水平方向的线，令人产生开阔、平静、安定、永无止境的感觉版式设计第四章版面构成的造型要素第二节线在版面上的构成斜线具有动力，动荡和不安的感觉，富于现代意识和速度感版式设计第四章版面构成的造型要素第二节线在版面上的构成版式设计第四章版面构成的造型要素第二节线在版面上的构成版式设计第四章版面构成的造型要素第二节线在版面上的构成曲线的感情要素小结1.曲线给人以丰富、柔软、流畅的感觉、非常具有女性特征。2.自由曲线最能体现出情感的抒怀。3.几何曲线则具有明确、规整、带规范性，使版面构成后富有逻辑性。4.折线刺激神经质，非常吸引人的注意力。版式设计第四章版面构成的造型要素第二节线在版面上的构成版式设计第四章版面构成的造型要素第二节线在版面上的构成版式设计第四章版面构成的造型要素第二节线在版面上的构成版式设计第四章版面构成的造型要素第二节线在版面上的构成版式设计第四章版面构成的造型要素第二节线在版面上的构成版式设计第四章版面构成的造型要素第二节线在版面上的构成二、线的空间构成要素线不但具有情感上的因素，且具有方向性，流动性，延续性及它给版面带来的空间感。1.线的粗细与空间构成——产生远近感觉2.线的渐变空间构成——有规律的渐变产生立体感3.线的虚实空间构成——产生节奏与韵律4.线的放射空间构成——有注意力版式设计第四章版面构成的造型要素第二节线在版面上的构成线的粗细与空间构成版面上长线与短线的比例，除了扩大与缩小之外，还令人产生远近之感版式设计第四章版面构成的造型要素第二节线在版面上的构成线的粗细与空间构成同样两条长的线，粗的给人较近的感觉，而细的则有后退的感觉。版式设计第四章版面构成的造型要素第二节线在版面上的构成线的渐变空间构成线的有规律渐变，很容易产生出立体感。版式设计第四章版面构成的造型要素第二节线在版面上的构成线的渐变空间构成线的有规律渐变，很容易产生出立体感。版式设计第四章版面构成的造型要素第二节线在版面上的构成线的渐变空间构成版式设计第四章版面构成的造型要素第二节线在版面上的构成线的虚实空间构成线的色块反衬产生一种节奏与韵律版式设计第四章版面构成的造型要素第二节线在版面上的构成线的放射空间构成运用同心放射原理构成的版式版式设计第四章版面构成的造型要素第二节线在版面上的构成线的放射空间构成离心式是由中心向四周放射，就好象太阳光芒的照射，能起到扩充版面视线的作用。版式设计第四章版面构成的造型要素第二节线在版面上的构成线的放射空间构成版式设计第四章版面构成的造型要素第二节线在版面上的构成三、线的自由分割构成

线的自由分割性，在版面设计中具有独特的造型功能。线的自由分割完全可按设计师的个人感觉来画分，灵活性大，对版式的标新立异大有益处。版式设计第四章版面构成的造型要素第二节线在版面上的构成蒙特里安利用造型中最单纯的垂直线与水平线，在版面做各种各样的分割，形成了无穷的变化形式。版式设计第四章版面构成的造型要素第二节线在版面上的构成把整个版面用斜直线分割，具有热情向上、勇往直前的速度感。版式设计第四章版面构成的造型要素第二节线在版面上的构成作业二：书籍封面设计2套封面设计的成败取决定于设计定位。即要做好前期的客户沟通，具体内容包括:封面设计的风格定位；企业文化及产品特点分析；行业特点定位；客户的观点等都可能影响封面设计的风格所以说，好的封面设计一半来自于前期的沟通，才能体现客户的消费需要，为客户带来更大的销售业绩。AWESOME

版式设计第三节面在版面上的构成

面在空间上占有的面积最多，因此在视觉上比点、线来得强烈，具有鲜明个性特征，面可分为几何形和自由行两类，但要注意整体和谐。版式设计第四章版面构成的造型要素第三节面在版面上的构成正三角形给人坚实、稳定，恰似金字塔的稳定版式设计第四章版面构成的造型要素第三节面在版面上的构成倒三角形给人活泼、新奇的感觉版式设计第四章版面构成的造型要素第三节面在版面上的构成方型使人感觉稳重、厚实、坚强而深沉，具有男性的特征版式设计第四章版面构成的造型要素第三节面在版面上的构成圆形在版面构成上给人充实、柔和、圆满的感觉，恰似女性的温柔AWESOME

版式设计第四节版面黑、白、灰的空间构成

黑、白、灰在版面构成中也是一种点、线、面因素的构成，无论是有色的或是无色的版面，都可归纳为黑、白、灰的空间构成。黑、白、灰是对世界异彩纷呈的抽象概括。在版面构成中，一般感觉最敏锐的是白色，最迟钝的是灰色，介于两者间的是黑色。白色是版面的近景，黑色是中景，灰色是远景。黑、白、灰对比编排，单纯醒目，最能保存远距离的视觉冲击。版式设计第四章版面构成的造型要素第四节版面黑、白、灰的空间构成黑、白、灰在版面中运用得当版式设计第四章版面构成的造型要素第四节版面黑、白、灰的空间构成在版面中，白色为近景，黑色为中景，而灰色为远景，使人感觉层次分明而有节奏感。版式设计第四章版面构成的造型要素第四节版面黑、白、灰的空间构成白色为近景，黑色为中景，灰色为远景，依次而下，具有视觉空间的层次感觉。THANKS版式设计第五章版面构成的编排形式01教学内容第一节、文字的编排第二节、图形的编排第三节、图形与文字的编排03重点、难点重点：掌握版面构成的编排的一般形式。难点：图形与文字的编排02教学目的让学生了解掌握版面构成的编排形式及应用。第一节、文字的编排一、字号、字体、字距与行距1）字号计算字体面积的大小有号数制、级数制和点数制(也称磅)，点数制是世界流行的计算字体的标准制度(每点等于0.35毫米)，标题用字一般大约14点以上；正文用字一般为8点-10点。文字多的版面，字号可以减到6点-7点。版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距。

版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距2）字体文字根据内容来选择字体，通过字体充分表达内容所想传递的信息。传统字体：楷体、行书、隶书、舒同体、魏碑、过渡字体：宋体（标宋、中宋、大宋、超宋）现代字体：黑体及等线体（超黑、中黑、中等线、细等线）版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距（强烈）（细致）（活泼）（稳重）（俏皮）版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距有时为了符合主题，需要自己选择一些更适合主题的字体，更多的时候还需自己创造适合的字体。

在一个版面中，选用三到四种的字体为版面最佳视觉效果。多则杂乱，缺乏整感觉。要达到版面视觉上的丰富与变化，只需要将有限的字体加粗，或变换体颜色，调整整行行距的宽窄，或变化字号大小。实质上，字体使用越多，整体效果越差。版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距3）字距、行距字距就是字与字之间的距离。字距大致可分为正常、紧凑、疏松三种类型。版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距标准字距紧凑字距疏松字距版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距行距就是行与行之间的距离。行距大致也可分为正常、紧凑、疏松三种类型。

紧凑行距（一般行距小于1）

标准行距（行距1——1.5间）

疏松行距（行距大于1.5）行距过窄，上下文字相互干扰，目光难以沿着铅字行扫视行距过宽，太多的空白使字行不能有较好的延续性。两种极端的排列法，都会使阅读长篇文字者感到疲劳。行距在常规下比例：用字10点，行距则12点，即10:12版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距二、文字的编排形式版式设计第五章版面构成的编排形式文字的排列方式决定阅读的效果，根据设计的需要安排文字规整程度。文字的排列可以说是自由的，然而在自由编排的同时必须按照人体的阅读习惯来进行合理编排。文字的排列可分为一下几种。（1）左右均齐文字从右端到左端的长度统一，文字组合形成统一长度的直线，使字群显得端正、严谨、美观。在编排的过程中应注意两端对齐连字符号的处理。左右均齐的版面可分为横向排列与纵向排列两种。第一节、字体、字号、字距与行距版式设计第五章版面构成的编排形式1）横向排列，横向左右均齐的字

体排列方式在书籍、报刊、杂

志中最为常见。（见图1）2）纵向排列，在大多传统书籍中，

左右均齐的文字编排形式运用十

分广泛，在纵向版面编排中，文

字给人“上下均齐”的视觉效果。

（见图2）图1左右均齐图2左右均齐第一节、字体、字号、字距与行距版式设计第五章版面构成的编排形式（2）齐中图3齐中图4齐中以中心线为轴心，两边的文字字距相等。主要特点是使视线更集中，整体性加强，更能突出中心点。文字齐中排列不太适合编排正文，但十分适合编排标题。齐中对齐使整个版面简洁、大方，给人高格调的视觉感受。如图4与图5是两张招贴设计版面，文字采用齐中的编排形式，在版面中具有简洁、视觉效果强烈的特征。图5齐中第一节、字体、字号、字距与行距版式设计第五章版面构成的编排形式（3）齐右或齐左图6齐右图7齐左齐左是我们阅读中最常见的排列方式，符合人们阅读时的视觉习惯；齐右在版面中不常见，一般情况下人们阅读的视线都是采用从左到右的顺序，突然采用从右到左进行阅读，使版面具有新颖的视觉效果，打破常规版面。（图6～图7）（4）倾斜倾斜就是将文字整体或者局部排列成倾斜状，构成非对称的画面平衡的一种形式，具有强烈的视觉效果，使版面具有动感、方向感与节奏感。一般用于招贴设计版面。（见图28）图8文字倾斜第一节、字体、字号、字距与行距版式设计第五章版面构成的编排形式（5）沿形图9沿形沿形就是将文字围绕着图形有序的排列，实现随着图形的轮廓起伏，时而紧张时而平缓，具有明确的节奏感与画面的美感。沿形的排列方式表达了新颖的视觉效果，使阅读更别致。（见图9）（6）重复相同的文字在版面中反复的出现，形成有规律的节奏，主要表现为强化印象便于记忆，在版面中运用重复的编排方式，可以增添版面的趣味性。（见图10）图30重复第一节、字体、字号、字距与行距版式设计第五章版面构成的编排形式第一节、字体、字号、字距与行距（7）渐变图11渐变文字在编排过程中由大到小、由远到近、由暗到明、由冷到暖的这一个有节奏、有规律的过程就叫渐变。渐变的快慢程度按照主题的要求进行调整，具有强烈的空间感。（见图11）（8）突变在一组整体有规律的文字群中，个别单词出现异常变化，但是不破坏整体效果的一种表现。这种打破规律的局部突变，给版面增添了动感，突变的文字也具有了新的内涵，并达到吸引人们注意的视觉效果，具有强烈的视觉冲击力。（见图12）图12突变第二节、图形的编排版式设计第五章版面构成的编排形式第二节、图形的编排一、图形的特征1、图形的简洁性2、图形的夸张性3、图形的具象性4、图形的抽象性5、图形的符号性6、图形的文字性版式设计第五章版面构成的编排形式第二节、图形的编排二、图形的编排形式1、具象图形编排2、抽象图形编排3、摄影图片编排4、标志编排5、规则图形编排和不规则图形编排版式设计第五章版面构成的编排形式第二节、图形的编排三、图形的大小与数量1、图形的大小2、图形的数量版式设计第五章版面构成的编排形式第二节、图形的编排四、图形的位置与组合编排1、图形在版面中的位置2、图形在版面中的组合编排

第三节、标题与正文的编排

第三节、标题与正文的编排

第三节、图形与文字的编排一、理性的图形与文字的编排方法1、上下分区编排2、左右分区编排3、中轴对称编排4、骨骼单元编排5、重复构成编排版式设计第五章版面构成的编排形式第三节、图形与文字的编排版式设计第五章版面构成的编排形式第三节、图形与文字的编排版式设计第五章版面构成的编排形式1.家居时尚杂志版式设计教学实例——图片与文字的编排关系的不同，产生的不同的版面视觉效果。图片与文字是版式设计中的主要构成元素，根据版面中图片与文字的编排方式的不同，给人不一样的视觉效果与心理感受。

如图中，版面采用了出血图的编排方式进行版面编排。文字编排在图片的右边空白处，具有强烈的视觉效果，达到了信息传达的目的。该版面是一张杂志的展开图，从版面的左右页面可以看出，打破常规的左右页面对称的比例关系，使整个版面形成强烈的比例关系，具有强烈的视觉效果。第三节、图形与文字的编排版式设计第五章版面构成的编排形式2.商业DM版面在商务企业杂志版面中，对于文字与图形的编排具有明确的版面要求，一般不会采用较花哨的版面编排形式。在图中，版面利用出血图的编排方式进行视觉传达，使版面具有强烈的视觉效果。从版面的文字来看，文字采用过于轻浮的字体，使整个版面给人不协调的视觉效果。是经过修改后的版面，选用与效果相匹配的字体，从而呈现坚硬的版面效果。将文字的红色部分也协调到读者会注意的“20”这个数字位置上。根据版面信息内容对公司名字进行放大，从而达到吸引人们注意的版面效果。

第三节、图形与文字的编排版式设计第五章版面构成的编排形式设计点评通过对前面字体与图形的版面构成的学习，了解了字体与图形在版面构成中的主要表现形式，以及对整个版面构成的影响。下面我们来看版式设计中，字体与图形排列对整个版式产生什么样的影响。图点评：右图为杂志版面的一个跨页，整个版面采用上下图片与空白的对比关系，带给画面足够的空间层次。文字间的大小对比，突出主题。左边文字采用右对齐与左右均齐的排列方式，使得整个文字排列很规则，版面整洁，给人信赖的感觉，符合该广告版式主题的要求。第三节、图形与文字的编排版式设计第五章版面构成的编排形式图点评：左图为两张招贴设计。根据文字排列的不同，在版式上给人视觉上的感觉也有所不同。图1，文字采用倾斜的排列方式，使画面形成一种非对称的平衡效果，具有强烈的视觉冲击力，整个版面具有动感、方向感、节奏感。图2，文字采用了齐中的排列形式，使版面主题规则的排列在图片上，突出主题。给人简洁大方、高格调的视觉感受。第三节、图形与文字的编排版式设计第五章版面构成的编排形式图点评：该图为一副杂志版面设计。从版面上看，整个版面采用图片与文字的组合，文字编排上运用了左对齐、右对齐与左右均齐的三种编排形式，使文字表现丰富。由于左页面的文字信息比较少，采用这样的编排显得整个版面较空洞，与右页面饱满的版面相比，使得整个杂志版面左轻右重，失去了版面的平衡感，使整个版面看上去不协调。图点评：该图为一张招贴设计，其中文字采用了两种形式出现在版面上，一种是可识别性文字，另一种是非识别性文字。文字的图形化主要以点、线、面的形式增添画面的层次感与活跃感。图中主要文字为可阅读性文字