版式设计 教案(35页).doc

《版式设计 教案(35页).doc》由会员分享，可在线阅读，更多相关《版式设计 教案(35页).doc（35页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、-版式设计 教案-第 35 页教 案 首 页课 程版式设计章节题目班级教学目的通过本课程的学习，掌握版式设计及相关软件的操作与使用方法，安排了相应的设计示例。带领学生边学边练，打下坚实的平面设计基础。使其将来能够在专业创作、平面广告、包装印刷等领域发挥作用。教学内容第一章版式设计基本概念第二章版式设计的形式法则第三章版式设计的基本类型第四章版式设计的空间构成第五章文字的版式设计第六章图形和图片的版式设计教学重点版式设计的元素及构成版式设计的形式法则教学难点版式设计的视觉传达导向版式设计的图形、字体和色块教学方法讲授与实践相结合，讲授、实训和实践学时64学时作业名片、折页、杂志的排版第一章 版式

2、设计的概况一、本章首页 课 程版式设计章节题目第一章 版式设计的概况班级教学目的了解版式设计的用途，在设计中的重要性。教学内容第一节纸平面空间的关系、纸色彩感觉的关系第二节版式设计的概念和功能第三节版面构成的发展趋势 第四节版面构成的造型要素教学重点概念 原则 发展趋势教学难点基本类型 形式原理教学方法讲授、多媒体学时10学时作业名片设计制作教学过程：导入：根据前期安排的专业基础课程的学习，我们了解了点线面的疏密、构成中的构成形式、色构中的色彩应用、字体设计的设计方法等一系列知识，接下来要进一步学习版式设计相关的知识和实践方法。我们要认识版式设计首先要了解版式设计的概念及所涉及范围。教学步骤：

3、本次课教学内容：第一课 版式设计的概念教学内容及学时分配：教学内容及过程：版式设计的概念：（讲授 约30分钟）所谓版式设计，即在版面上将有限的视觉元素进行有机的排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色地视觉传达方式。它在传达信息的同时，也产生感观上的美感。1、版式设计的范围可涉及到报纸、杂志、书籍、画册、产品样本、挂历、招贴、唱片封套等平面设计的各个领域，它的设计原理和理论贯穿于每一个平面设计的始终。版面设计理论的形成，源自20世纪的欧洲。英国人威廉.莫里斯最先倡导了一场工艺美术运动，并随之在欧美得以广泛响应。在平面设计中，他尤其讲究版面编排，强调版面的装饰性，通常采

4、取对称结构，形成了严谨、朴素、庄重的风格。莫里斯的古典主义设计风格，开创了版式设计的先导。直到今天，人们仍能感受到这场工艺美术运动的深远影响。2、“版面结构”版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，一种将不同介质上的不同元素巧妙的排列方式。观察，什么是好的，什么是坏的。为了增强观察的效果，将想表达的元素和环境构成一张图。3、色感 很多时候，一个好的版面被错误选择的配色方案所破坏。其实，配色方案是升华一个版面结构的有力武器。如果你仔细地使用颜色，很可能得到意想不到的结果。颜色的选择取决于“视觉感受”。女性相关主题的颜色通常使用粉色、淡紫色、亮兰色或桃红色。儿童相关主题的

5、颜色通常使用暖黄色，天蓝色，橙黄色、红色、嫩绿色或亮紫色。医学相关主题的颜色为海水绿、翠绿色、暗色和灰色阴影。“色签书”4、字体 字体被分为两类：Serif字体和Sans-Serif字体。Serif字体通常被用作标题和头条，Sans-Serif字体通常被用作正文或重复性信息。在一套结构中只应最多出现3种字体。一种用作标题，一种用作按钮和小标，另外一种用作正文。 字体可以传达很多信息，比如如果你想表达“重量级冠军”就使用看起来就很“重”的字体。如果想表达“羽毛的摩擦”，那么就使用很轻的字体来表达羽毛的效果。 结构规划中最主要，也是最重要的部分就是“对齐”和“平衡”。清楚文字、颜色和图片的分量，使

6、版面结构完成后会看起来平衡。某些情况下版面可以由比较多的图形和少量文字组成。这个情况下，可以混合这些图片，使用抽象拼接，而生硬的地方可以用文字来填充。决定要突出什么，文字还是图案？如果你决定着重于图案，那么主要部分就应该用图案填充而文字就会占据相对小的版面。如果你想突出文字，那么就使用大的字体作为题目，然后填入适当的辅助图案来完成你的设计使它看起来平衡。教学步骤：本次课教学内容：第二课 版式设计的原则教学内容及学时分配：教学内容及过程：版式设计的原则：（讲授 约20分钟）版式设计的原则就是让观看者在享受美感的同时，接受作者想要传达的信息。最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突

7、出主题，达到最佳诉求效果。一、主题鲜明突出（思想性与单一性）排版设计本身并不是目的，设计是为了更好地传播客户信息的手段。版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果。按照主从关系的顺序，使放大的主体形成视觉中心，以此表达主题思想。一个成功的排版设计，首先必须明确客户的目的，并深入了解、观察、研究与设计有关的方方面面，简要的咨询。版面离不开内容，更要体现内容的主题思想，用以增强读者的注目力与理解力。只有做到主题鲜明突出，一目了然，才能达到版面构成的最终目标。二、形式与内容统一版式设计的前提-版式所追求的完美形式必须符合主题的思想内容。排版设计是传播信

8、息的桥梁，所追求的完美形式必须符合主题的思想内容，这是排版设计的根基。只讲表现形式而忽略内容，或只求内容而缺乏艺术表现，版面都是不成功的。只有把形式与内容合理地统一，强化整体布局，才能取得版面构成中独特的社会和艺术价值，才能解决设计应说什么、对谁说和怎样说的问题。三、强化整体布局将各种编排要素在编排结构及色彩上作整体设计。强化结构以及色彩的关联性。通过版面的文、图间的整体组合与协调性的编排，使版面具有秩序美、条理美，从而获得更好的视觉效果。加强整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构、曲线结构。加强文案的集合性。将文案中的多种信息合成块状，使版面具有条理性。加强展开页的整体

9、性。 四、艺术性与装饰性 为了使排版设计更好地为版面内容服务，寻求合乎情理的版面视觉语言则显得非常重要，也是达到最佳诉求的体现。确定构思立意后，版面构图布局和表现形式等则成为版面设计艺术的核心，也是一个艰难的创作过程。怎样才能达到意新、形美、变化而又统一，并具有审美情趣，这就要取决于设计者文化的涵养。所以说，排版设计是对设计者的思想境界、艺术修养、技术知识的全面检验。 版面的装饰因素是由文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面，又提高了传达信息的功能。装饰是运用审美特征构造出来的。不同类型的版面的信息，具有不同方式的装饰形式，

10、它不仅起着排除其他、突出版面信息的作用，而且又能使读者从中获得美的享受。五、趣味性与独创性 主要是指形式的情趣，一种活泼性的版面视觉语言。如果版面本无多少精彩的内容，就要靠制造趣味取胜，这也是在构思中调动了艺术手段所起的作用。版面充满趣味性，使传媒信息如虎添翼，起到了画龙点睛的传神功力,从而更吸引人，打动人。趣味性可采用寓意、幽默和抒情等表现手法来获得。 独创性原则实质上是突出个性化特征的原则。鲜明的个性，是排版设计的创意灵魂。版面多是单一化与概念化的大同小异，人云亦云，可想而知，它的记忆度有多少，更谈不上出奇制胜。因此，要敢于思考，敢于别出心裁，敢于独树一帜，在排版设计中多一点个性而少一些共

11、性，多一点独创性而少一点一般性，才能羸得消费者的青睐。 教学步骤：本次课教学内容：第三课 排版的形式与原理教学内容及学时分配：教学内容及过程：排版的形式与原理：（讲授 约40分钟）美的形式原理是规范形式美感的基本法则。它是通过形式美构成法则来规划版面，把抽象美的观点及内涵诉诸读者，并从中获得美的教育和感受，它们之间是相辅相成、互为因果的，既对立又统一地共存于一个版面之中。一、重复与交错 在排版设计中，不断重复使用的基本形或线，它们的形状、大小、方向都是相同的。重复使设计产生安定、整齐、规律的统一。但重复构成的视觉感受有时容易显的呆板、平淡、缺乏趣味性的变化，故此，可安排一些交错与重叠，打破版面

12、呆板、平淡的格局。二、节奏与韵律 来自于音乐概念，正如歌德所言：“美丽属于韵律。”韵律被现代排版设计所吸收。节奏是按照一定的条理、秩序、重复连续地排列，形成一种律动形式。它有等距离的连续，也有渐变、大小、长短，明暗、形状、高低等的排列构成。在节奏中注入美的因素和情感-个性化，就有了韵律，韵律就好比是音乐中的旋律，不但有节奏更有情调，它能增强版面的感染力，开阔艺术的表现力。三、对称与均衡两个同一形的并列与均齐，实际上就是最简单的对称形式。对称是同等同量的平衡。形式有左右对称上下对称和放射对称；其特点是稳定、庄严、整齐、秩序、安宁、沉静。 四、对比与调和 对比是差异性的强调，对比的因素存在于相同或

13、相异的性质之间。也就是把相对的两要素互相比较之下，产生大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、轻重的对比，对比的最基本要素是显示主从关系和统一变化的效果。 调和是指适合、舒适、安定、统一，是近似性的强调，使两者或两者以上的要素相互具有共性。对比与调和是相辅相成的。在版面构成中，一般事例版面宜调和，局部版面宜对比。五、比例与适度 比例是形的整体与部分以及部分与部分之间数量的一种比率。比例又是一种用几何语言和数比词汇表现现代生活和现代科学技术的抽象艺术形式。成功的排版设计，首先取决于良好的比例：等差数列、等比数列、黄金比等。黄金比能求得最大限度的和谐，使版面被

14、分割的不同部分产生相互联系。适度是版面的整体与局部与人的生理或习性的某些特定标准之间的大小关系，也就是排版要从视觉上适合读者的视觉心理。比例与适度，通常具有秩序、明朗的特性 ，予人一种清新、自然的新感觉。六、变异与秩序 变异是规律的突破，是一种在整体效果中的局部突变。这一突变之异，往往就是整个版面最具动感、最引人关注的焦点，也是其含义延伸或转折的始端，变异的形式有规律的转移、规律的变异，可依据大小、方向、形状的不同来构成特异效果。 秩序美是排版设计的灵魂：它是一种组织美的编排，能体现版面的科学性和条理性。由于版面是由文字、图形、线条等组成，尤其要求版面具有清晰明了的视觉秩序美。构成秩序美的原理

15、有对称、均衡、比例、韵律、多样统一等。在秩序美中溶入变异之构成，可使版面获得一种活动的效果。七、虚实与留白 中国传统美学上有“计白守黑”这一说法。就是指编排的内容是“黑”，也就是实体，斤斤计较的却是虚实的“白”，也可为细弱的文字、图形或色彩，这要根据内容而定。 留白则是版中未放置任何图文的空间,它是“虚”的特殊表现手法。其形式、大小、比例、决定着版面的质量。留白的感觉是一种轻松，最大的作用是引人注意。在排版设计中，巧妙地留白，讲究空白之美，是为了更好地衬托主题，集中视线和造成版面的空间层次。八、变化与统一 变化与统一是形式美的总法则，是对立统一规律在版面构成上的应用。两者完美结合，是版面构成最

16、根本的要求，也是艺术表现力的因素之一。变化是一种智慧、想象的表现，是强调种种因素中的差异性方面，造成视觉上的跳跃。统一是强调物质和形式中种种因素的一致性方面，最能使版面达到统一的方法是保持版面的构成要素要少一些，而组合的形式却要丰富些。统一的手法可借助均衡、调和、秩序等形式法则。教学步骤：本次课教学内容：第四课 版式设计的发展趋势教学内容及学时分配：教学内容及过程：版式设计的发展趋势：（讲授 约20分钟）世界高新科技的发展和信息社会的到来，催生出了各媒体间的发展与更新。电子媒体传递的多样化，已成为当今最具吸引力的版面构成因素。作为现代设计艺术的排版设计已成为世界性的视觉传达的公共语言。这种采用

17、简单明晰的字体、图形和符号，用以打破民族间语言隔阂的设计，加快了信息的传达，以期相互融洽 、相互交流、相互推动，共同构筑版面的新格局、新概念一、强调创意 创意为两种，一是针对主题思想的创意；二是版面编排设计的创意。于打破前人的设计传统，不重复以往习惯性的条条和框框，并在司空见惯的事物中发掘出新意来，树立大胆想象、勇于开拓的观念，已掀起了一场设计思维与设计理念的全新革命。二、突出个性 有意制造某种神秘、无规则的空间，或者以追求幽默、风趣的表现形式来吸引读者，引起共鸣。乃是当今设计界在艺术风格上的流行趋势。在编排中，除图片本身具有趣味外，再进行巧妙的编排和配置，在很多情况下，图片平淡无奇，但经过巧

18、妙组织后，即产生神奇美妙的视觉效果。每种设计潮流的发展和共识，都离不开对新字体风格的无止境的追求。在排版设计中，文字的编排从来没有像今天这样吸引设计者对它偏好与瞩目。这种通过文字与图形化的编排所制造的幽默、风趣、神秘等独特形式，已发展成为当今设计界艺术风格上的流行趋势。三、注重情感 “以情动人”是艺术创作中奉行的原则。在版面编排中，文字编排表述最富于情感的表现。如文字在“轻重缓急”的位置关系上，就体现了感情的因素，即“轻快、凝重、舒缓、激昂”。在空间结构上，水平、对称，并置的结构表现严谨与理性；曲线与散点的结构表现自由、轻快、热情与浪漫。出血版使感情舒展，框版是感情内蕴，留白富于抒情，黑白富于

19、庄重、理性等等。合理运用编排的原理来准确传达情感，或清新淡雅，或热情奔放，或轻快活泼，或严谨凝重，这正是版式设计更高层次的艺术表现。 从当今世界上各大媒体正在朝着艺术性、娱乐性、亲和性的方向发展。对过去那种千篇一律的、硬性说教的、重视合理性的版面形式，取而代之深化为一种新文化、新艺术、新感受、新情趣，更加具有魅力。这种极具人情味的观赏性与趣味性，能迅速吸引观众的注意力，激发他们的兴趣，从而达到以情动人的目的。 教学步骤：本次课教学内容：第五课 版式的基本类型教学内容及学时分配：教学内容及过程：版式的基本类型：（讲授 约40分钟） 骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、

20、对称型、重心型、三角型、并置型、自由型和四角型等13种。 一、骨格型 规范的、理性常见的骨格有-通栏、双栏、三栏和四栏等。一般以竖向分栏为多。 图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。 骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。 二、满版型图像充满整版，视觉传达直观而强烈。文字配置压置在上下、边部和中心。 满版型，给人大方、舒展的感觉。是商品广告常用的形式。 三、上下分割型 版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字。 图片部分感性而有活力，而文字则理性而静止。 四、左右分割型整个版面分割为左右两部

21、分，分别配置文字和图片。 左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然。 如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。 五、中轴型将图形作水平方向或垂直方向排列，文字配置在上下或左右。 水平排列的版面，给人稳定、安静、平和与含蓄之感。 垂直排列的版面，给人强烈的动感。 六、曲线型图片和文字，排列成曲线，产生韵律与节奏的感觉。 七、倾斜型版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。八、对称型稳定、理性 分为-绝对对称和相对对称。一般多采用相对对称手法，以避免过于严谨。一般

22、以左右对称居多。 九、重心型重心型版式产生视觉焦点，使其更加突出。 有三种类型 直接以独立而轮廓分明的形象占据版面中心。 向心视觉元素向版面中心聚拢的运动。 离心犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。 十、三角型在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素。 十一、并置型将相同或不同的图片作大小相同而位置不同的重复排列。 并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。 十二、自由型无规律的、随意的编排构成。有活泼、轻快的感觉。 十三、四角型版面四角以及连接四角的对角线结构上编排图形。给人严谨、规范的感觉。教学步骤：

23、本次课教学内容：第六课 排版的设计程序教学内容及学时分配：教学内容及过程：排版的设计程序：（讲授 约20分钟）排版设计除了必须合理地编排各个信息要素外，还应特别注重整体设计风格的一致性和连贯性。“一致性”在这里指某个单行本如一本书、一本杂志、一本简介或一本说明书等的整体装帧设计。如统一的书眉设计、统一页码设计、统一的标识设计等。“连贯性”在这里指成套的系列丛书、定期出版的杂志以及稳定发行的报刊等具有一本接一本、一期接一期特征的总体版式设计，如统一的封面设计、统一的标题设计、统一的色彩设计等。版式设计的方法还由于媒体的不同而有差异，如路牌与招贴的版式设计有差异，书籍与杂志的版式设计有差异，杂志与

24、报纸的版式设计有差异，严肃性读物与消遣性读物的版式设计有差异，成人读物与儿童读物的版式设计有差异等等。排版设计的方法多种多样，但具体操作时，不外乎下述几个程序：一、勾小草图 接到项目并掌握了相关的一切素材资料后，勾小草图就是最先要做的事情。勾小草图的过程实际就是设计者思索的过程，这当中不能排除不同媒体版式的特性对设计者思维的制约，也不能排除不同文字字形、不同图片对设计者编排的影响，要学会接受限制、掌握限制，更要学会利用限制。 二、设计稿小草图阶段是十分凌乱潦草的。在凌乱的若干小草图中选择出比较好一些的设计方案，把它放大出来继续深入完善。称为设计方案阶段。设计稿中，排版形式的选择范围应比小草图时

25、明显收缩，但也未见得一两幅就能了事。根据设计方案的需要画出几张效果图（可能是单色的，也可能的彩色的）进行比较，差异不一定要大。这个阶段要在编排格式上认真琢磨，仔细推敲，不断挖掘，以保证下一步正稿的质量。三、正稿彩稿或墨稿。正稿的标题、文字、图形等与成品是一致的，必须严肃认真对待。色彩有时可能有误差，印刷物如招贴、封面的正稿要记住在边界处留出三毫米切口，以免印制出成品后边缘留下白边。使用电脑进行版式设计的人员常常是将图形、照片等素材扫描到计算机中去制作、编辑和处理，熟练者甚至不需要勾画草图。电脑设计的最大方便是可以不用画墨稿。四、清样 从印刷版上打下来的校样，通常简称清样或打样。清样和最终的成品

26、应当完全一样。之所以要交给设计者校样是出于大量印制前的慎重考虑。如会不会出现文字疏漏或文字错误，会不会与设计者最终的意图产生悖逆等等。这是最后的弥补不足和修改错误的机会，是减少设计遗憾、减少经济损失的一个行之有效的程序。课件展示：教学小结： 通过本章的学习，学生对板式有了一个总体的了解，掌握了版式设计的基本类型和板式设计原理，但审美意识得提高不是一时半会的事情，他需要我们平时的积累，所以，在日常生活中我们要时刻注意身边的事物，不断发现美的存在。第二章 版式设计的形式法则一、本章首页课 程版式设计章节题目第二章版式设计的形式法则班级教学目的对版式进行空间编排，使之更立体，更有美感。教学内容1、善

27、用对比，强调和谐2、注意比例，构图均衡3、单纯简洁，强化秩序4、创造节奏，韵律优美5、神形兼备，和谐统一6、主题突出，层次分明7、注重留白，虚实相生8、视觉流程，合理有序9、文案设计，视读性高教学重点点线面的元素应用教学难点点线面的元素应用教学方法讲授、多媒体学时20学时作业宣传单页设计二、教学过程：导入：点、线、面是构成视觉的空间的基本元素，也是排版设计上的主要语言。排版设计实际上就是如何经营好点、线、面。不管版面的内容与形式如何复杂，但最终可以简化到点、线、面上来。在平面设计家眼里，世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；

28、数行文字与一片空白，则可理解为面。它们相互依存，相互作用，组合出各种各样的形态，构建成一个个千变万化的全新版面。教学步骤：本次课教学内容：第一课点与空间的编排构成教学内容及学时分配：教学内容及过程：点与空间的编排构成：（讲授 约25分钟）点的感觉是相对的点可以形成画面的中心，也可以和其他形态组合，起着平衡画面轻重，填补一定的空间，点缀和活跃画面气氛的作用；还可以组合起来，成为一种肌理或其他要素，衬托画面主体。 在版面中的点，由于大小、形态、位置的不同，所产生的视觉效果和心理作用也不同。 点的缩小起着强调和引起注意的作用，画龙点睛之“点”。而点的放大有面之感。它们注重形象的强调和表现给人情感上和

29、心理上的量感。 将行首放大起着引导、强调、活泼版面和成为视觉焦点的作用。 点在版面上的位置： 一、当点居于几何中心时，上下左右空间对称视觉张力均等，即庄重、又呆板。二、当居于视觉中心时，有视觉心理的平衡与舒适感。三、当点偏左或偏右，产生向心移动趋势，但过于边置也产生离心之动感。四、点做上、下边置，有上升、下沉的心理感受。 在设计中，将视点导入视觉中心的设计，如今已屡见不鲜。为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。另外，准确运用视点的设计来完美的表述情感即内涵，使设计作品更加精彩动人，这正是版式设计追求的更高境界。 教学步骤：本次课教学内容：

30、第二课线与空间的编排构成教学内容及学时分配：教学内容及过程：线与空间的编排构成：（讲授 约25分钟）线游离于点与形之间，具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得各种不同的效果。所以说，设计者能善于运用它，就等于拥有一个最得力的工具。 线从理论上讲，是点的发展和延伸。线的性质在编排设计中是多样性的。在许多应用性的设计中，文字构成的线，往往占据着画面的主要位置，成为设计者处理的主要对象。线也可以构成各种装饰要素，以及各种形态的外轮廓，它们起着界定、分隔画面各种形象的作用。 作为设

31、计要素，线在设计中的影响力大于点。线要求在视觉上占有更大的空间，它们的延伸带来了一种动势。线可以串联各种视觉要素，可以分割画面和图像文字，可以使画面充满动感，也可以在最大程度上稳定画面。一、线 点移动的轨迹为线。有形态明确的实线、虚线、也有空间的视觉流动线。空间的视觉流动线: 在阅读一幅画的过程中，视线是随各元素的运动流程而移动的即虚又实的“线”，即 “视觉流程”。这条空间的视觉流动线，对于设计来讲，具有相当重要的意义。二、线的空间分割 在进行版面分割时，即要考虑各元素彼此间支配的形状，又要注意空间所具有的内在联系。保证良好的视觉秩序感，这就要求被划分的空间有相应的主次关系、呼应关系和形式关系

32、，以此来获得整体和谐的视觉空间。 *空间等量的分割。将多个相同或相似的形态进行空间等量分割，以获得秩序与美。 *图文在直线的空间分割下，求得清晰、条理的秩序，同时求得统一和谐的因素。 *通过不同比例的空间分割，版面产生各空间的对比与节奏感。 *在骨骼分栏中插入直线进行分割使栏目更清晰，更具条理，且有弹性，增强了文章的可视性。 三、线的空间“力场” “力场”是一种虚空间，是对一定范围的空间的知觉或感应，所以，也成为“心理空间”。在版面中所产生的“力场”，首先是在空间被分割和限定的情况下，才能产生“立场”的感应。具体的说，在文字和图形中插入直线或以线框进行分割和限定，被分割和限定的文字和或图形的范

33、围即产生紧张感并引起视觉注意，这正是力场的空间感应。这种手法，增强了版面各空间相互依存的关系而使之成为一个整体，并使版面获得清晰、明快、条理富于弹性的空间关系。至于力场的大小，则与线的粗细、虚实有关。线粗、实，力场感应则强；线细、虚，力场感应则弱。另外，在栏与栏之间用空白分割限定是静的表现；用线分割限定为动的、积极的表现。 四、线框的空间约束的功能。在强调情感或动感的出血图中，若以线框配置，动感与情感则获得相应的稳定规范。另外，线框细，版面则轻快而有弹性，但场的感应弱；当线框加粗，图象有被强调的感觉，同时诱导视觉注意；但线框过粗，版面则变得稳定、呆板、空间封闭，其场的感应明显增强。 教学步骤：

34、本次课教学内容：第三课面与空间的编排构成 教学内容及学时分配：教学内容及过程：面与空间的编排构成 ：（讲授 约25分钟） 面在版面中的概念，可理解为点的放大，点的密集或线的重复。另外，线的分割产生各种比例的空间，同时也形成各种比例关系的面。面在版面中有平衡、丰富空间层次、烘托及深化主题的作用。 面在空间上占有的面积最多，因而在视觉上要比点、线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。在排版设计时要把握相互间整体的和谐，才能产生具有美感的视觉形式。在现实的排版设计中，面的表现也包容了各种色彩、肌理等方面的变化，同时面的形状和边缘对面的性质也有着很大的影响，在不同的情况下会

35、使面的形象产生极多的变化。在整个基本视觉要素中，面的视觉影响力最大，它们在画面上往往是举足轻重的。教学步骤：本次课教学内容：第四课三维空间的编排构成教学内容及学时分配：教学内容及过程：三维空间的编排构成 ：（讲授 约25分钟） 生活中的三维空间是立体空间，看得见、摸得着、能深入，如当我们走进教室的感觉，而在平面编排中的三维空间，是在二维空间的平面上建立近、中、远立体的空间关系。看得见而摸不着，是假象空间。这种假象，是通过借助多方面的空间关系来表现的即；比例、动静、图象肌理等空间因素。 一、比例关系的空间层次 面积大小的比例，即近大远小产生近、中、远的空间层次。在编排中，可将主体形象或标题文字放

36、大，次要形象缩小，来建立良好的主次、强弱的空间关系，以增强版面的节奏感和明快度。 二、位置关系的空间层次 前后叠压的位置关系所构成的空间层次。将图象或文字作前后叠压排列，产生强节奏的三度层次空间。版面上、左、右、下、中位置所产生的空间层次。版面的最佳视域为视觉中心位置，并产生视觉焦点；再依次为上部、左侧、右侧、下部的视觉位置顺序。编排时，依从主次顺序，将重要的信息或视觉流程的信息安排在注目价值高的部位，其他信息则与主体成相应上左或右下的配置关系这样所构成的，不如前后叠置手法效果强烈，但视觉注目程度高。 疏密的位置关系产生的空间层次。在前后叠压关系或版面上、下、左、右位置关系中，做疏密、轻重、缓

37、急的位置编排，所产生的空间层次富于弹性，同时也产生紧张或舒缓的心理感受。 三、黑、白、灰的空间层次 无论是有色还是无色的版面，均为黑白灰的三色空间层次。黑白为对比极色，最单纯、强烈、醒目，最能保持远距离视觉传达效果；灰色能概括一切中间色，且柔和而协调。三色的近中远空间位置，依版面具体的明暗调关系而定。版式设计强调色彩的调性。色调应非常明确，或高调、低调、灰调；或对比强烈；或对比柔和。反之、则混乱，模糊不清。应加强形与空间大小面积的对比关系、文字的整体关系，以及用集中近似的面积等来达到色调统一。 四、动静关系、图象肌理关系产生的空间层次 动使版面充满活力，获得更高的注目度；静使版面冷静、含蓄，具

38、有稳定的因素。两者在版面的组织上，以动为前，静为后，彼此以动静的对比关系来建立空间感。 以细小的文字或图象组织的版面，从整体看具有肌理感，其空间关系建立在肌理组织的大小及色彩的强弱关系上。课件展示：教学小结： 重新回顾了三大构成知识，阐述点线面三要素的重要性和在版式设计中的运用，万变不离其宗，这是一个恒古不变的道理，只要把基本功学扎实了，就都不怕了 。第三章 版式设计的基本类型一、本章首页课 程版式设计章节题目第三章 版式设计的基本类型班级教学目的熟悉常用字号 字体，掌握文字的排版教学内容1.满版式2.散点式3.上置式4.下置式5.左置式6.右置式7.纵轴式8.横轴式9.斜置式10.图形式11

39、.并置式12.对称式13.图文穿插式14.四角式15.重心式16.曲线式17.骨骼式教学重点字体 字号教学难点字的形式教学方法讲授、多媒体学时20学时作业三折页设计二、教学过程：导入：以文字为主的排版样式。文字在排版设计中，不仅仅局限于信息传达意义上的概念，而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、引领人们的审美时尚的新视角。文字是任何版面的核心，也是视觉传达最直接的方式，运用经过精心处理的文字材料，完全可以制作出效果很好的版面，而不需要任何图形。 教学步骤：本次课教学内容：第一课版式设计的基本类型教学内容及学时分配：教学内容及过程：版式设计的基本类型 ：（讲授 约25分钟）一

40、、 字体、字号 字体的设计、选用是排版设计的基础。中文常用的字体主要有宋体、仿宋体、黑体、楷书四种。标题为了达到醒目的效果，有粗黑体、综艺体、琥珀体、粗圆体、细圆体以及手绘创意美术字等，在排版设计中，选择两到三种字体为最佳视觉结果。否则，会产生零乱而缺乏整体效果。可考虑加粗、变细、拉长、压扁或调整行距来变化字体大小，同样能产生丰富多彩的视觉效果。 字号是表示字体大小的术语。计算机字体的大小，通常采用号数制、点数制和级数的计算。点数制是世界流行计算字体的标准制度。“点”：也称磅(P)。电脑排版系统，就是用点数制来计算字号大小的，每一点等于0.35毫米。 二、字距与行距字距与行距的把握是对版面的心

41、理感受，也是设计品味的直接体现。一般的行距在常规的比例应为：用字8点行距则为10点，即8：10。但对于一些特殊的版面来说，字距与行距的加宽或缩紧，更能体现主题的内涵。字距与行距不是绝对的，应根据实际情况而定。三、 编排形式文字的编排形式多种多样，我们大致可以理解为以下几种：左右齐整，横排也可竖排；左齐、右齐或聚中编排文图穿插自由编排四、文字编排的特殊表现形象字体，根据文字的意思或内容进行艺术创造的字体。意象字体，将特定的文字个性化，直接地展示文字的内容。图文叠印，将文字印在图片或图形的背景上。群组编排，将文字编排在一个具体的形状中，使其图片化。（一）文字前后关系的处理，具有醒目的视觉流程。 （

42、二）中文文字排版设计的一个典型探索，传统与现代的直接对话。 传统与现代、虚与实的表现十分恰当。 （三）字的大小与颜色的处理，清新自然。图文关系简单清楚。 （四）用版面的刻意留白来表现虚实关系，具有凝聚视线的作用。 （五）文字的编排严谨中有自由，形式多样，使内容变得充实。 （六）整个图片充满版面，再配以文字的疏张排列，视觉冲击力十分强烈。 （七）主题文字形式活波，极具吸引力和视觉冲击力。 （八）自由字体的排版设计，非常有张力。以图为主体，将文字容入其中，文图相衬，意味深长。 课件展示：教学小结： 字体、字号和图形的设计是板式的中心内容，通过本章的学习，使学生认识到了什么样的字体用在哪种场合，对字

43、体运用更加得心应手。第四章 版式设计的空间构成一、本章首页课 程版式设计章节题目第四章 版式设计的空间构成 班级教学目的通过实例的讲解，让学生让学生学会图形在版式中的应用教学内容第一节点构成在版式设计中的应用第二节线构成在版式设计中的应用第三节面构成在版式设计中的应用教学重点文字排版教学难点图片排版 教学方法讲授、多媒体学时10学时作业杂志的设计（20页）二、教学过程：导入：以图片为主的排版样式。图片在排版设计中，占有很大的比重，视觉冲击力比文字强85%；也有这样一说，一幅图版胜于千字。这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。因为图片能

44、具体而直接地把我们的意念高素质、高境界地表现出来，使本来物变成强而有力的诉求性画面，充满了更强烈的创造性。图片在排版设计要素中，形成了独特的性格以及吸引视觉的重要素材，视觉效果和导读效果。教学步骤：第一节 图片的排版一、图片的位置图片放置的位置，直接关系到版面的构图布局。版面中的左/右/上/下及对角线的四角都是视线的焦点。在这焦点上恰到好处地安排图片，版面的视觉冲击力就会明显地表露出来。编排中有效地控制住这些点，可使版面变得清晰、简洁而富于条理性。 二、图片的面积图版面积的大小安排，直接关系到版面的视觉传达。一般情况下，把那些重要的、吸引读者注意力的图片放大，从属的图片缩小，形成主次分明的格局

45、，这是排版设计的基本原则。 三、图片的数量图片的数量多寡，可影响到读者的阅读兴趣。如果版面只采用一张图片时，那么，其质量就决定着人们对它的印象。往往这是显示出格调高雅的视觉效果之根本保证。增加一张图片，就变为较为活跃的版面了，同时也就出现了对比的格局。图片增加到三张以上，就能营造出很热闹的版面氛围了，非常适合于普及的、热闹的和新闻性强的读物。有了多张照片，就有了浏览的余地。数量的多少，并不是设计者的随心所欲，而最重要的是根据版面的内容来精心安排。四、图片的形式 图片的形式主要有: 方形图式 出血图式 即图片充满整个版面而不露出边框。 退底图式 是设计者根据版面内容所需，将图片中精选部分沿边缘裁剪。 化网图式 是利用电脑技术用以减少图片的层次。 特殊图式