设计全套教案

课程：版式设计

系院：美术系

教师姓名：

授课班级：09级5班

时间：2010.11—2010.12

《版式设计Ⅰ》课程教学大纲

一、课程编码及课程名称

课程编码：301101612

课程名称：《版式设计Ⅰ》英文名称：Format designⅠ

二、学时、学分及适用专业

总学时数：64学时学分：3分适用专业：艺术设计专业（本科）

三、课程教学目标

版式设计Ⅰ课程是艺术设计专业的一门重要的课程，它的主要任务通过学习使学生掌握文字的韵律美感及书写规律；培养学生和训练学生快速设计和书写能力。使学生掌握设计的视觉要素、构成要素，版式设计表现内容与形式关系、设计要素及构成规律与方法，以及各种应用设计的形式特点，使学生能够进行具有感染力的版式设计，从而使作品的内容更清晰、更有条理的传达给读者。

四、课程的性质和任务：

本课程是艺术设计专业必修专业课。通过本课程的学习，使学生了解字体设计基本概念和字体的基本功能；了解字体的发展简史及字体的类型，掌握字体绘写的基本方法与要求及字体设计的方法与技巧。培养学生的专业素质，使学生充分认识字体设计在商业设计中的重要性，和字体设计未来发展的趋势。

五、课程教学的基本要求：

本课程应该结合实践知识，分阶段、针对性的进行版式设计的讲解，使学生从理论到实践，逐渐认识、掌握字体设计案例。因此在课程教学的方法上，授课教师应该多准备实例素材，通过幻灯、多媒体向学生展示讲解，并通过校外课堂示范教学，使学生更直观的学习版式设计步骤。从工艺与制作能力两个方面引导学生，从而真正达到提高学生应用能力的目的。

六、课程教学内容：

第一章文字的概述（共11学时）

（一）本章教学基本要求

充分了文字的发展概况

（二）教学内容：1.1 由图画到字体的演变

1.2 东方文字的发展历史

1.3 西方文字的发展历史

教学重点：文字的演变

教学难点：中西方文字的演变

（三）小结：

通过对本章的学习能了解字体发展概况。

第二章文字创意的基本方法（共13学时）

（一）本章教学基本要求

通过本章学习使学生了解汉字的基本造型结构，汉字书写的一般规律，掌握字体设计笔画结构变化的基本方法。

（二）教学内容：2.1 文字设计的目的和价值

2.2 文字创意设计的原则

2.3 中西文字的表征

2.4 文字创意设计的方法

教学重点：汉字的基本造型结构

教学难点：字体设计笔画结构变化

（三）小结：通过对本章的学习能基本掌握文字创意的基本方法。

第三章现代文字的创意设计（共20学时）

（一）本章教学基本要求

掌握现代文字创意构思方法与表现方法

（二）教学内容：3.1 现代文字创意构思方法

3.2 现代文字创意表现方法

重点：现代文字创意构思方法。

难点：现代文字创意表现方法。

（三）小结：通过对本章的学习能了解现代文字的创意设计的方法。

第四章文字的编排设计（共20学时）

（一）本章教学基本要求

把握字体的正确设计定位，把握字体在包装、招贴、书籍装帧、标志、广告、展位设计中的运用。

（二）教学内容：4.1 文字的编排基本知识

4.2 规范文字的编排

4.3 文字设计与自由编排

重点：文字编排。

难点：文字编排的运用。

（三）小结：通过对本章的学习和练习能够基本掌握文字的编排设计的规律。

七、本课程与其它课程的关系：

学习本课程前应先学计算机课，对电脑操作有一定的认识，学完本课程后对以后的其它设计专业课具有重要作用。

八、教学时数分配（见进度表）

九、教材参考书目

《版式设计》任焕斌主编陕西人民美术出版社2004年版

《文字与版式》[瑞士] 希望出版社2002年版

《形式与设计》[德国] 希望出版社2000年版

《中国文字与版式艺术》[德国] 希望出版社2004年版

十、主要教学方法

多媒体互动式教学

十一、推荐的教学网站和相关专业文献网站：

中国设计教学网

十二、考核方式及成绩评定方法

本课程的成绩评定由期末卷面考试成绩、平时成绩两部分组成，期末卷面考试成绩占80%，平时成绩占20%。学生期末卷面考试、平时成绩均合格才获得本课程的学分。

《版式设计》教学进度表

美术系艺术设计教研室版式设计课程教材版式设计班级艺设09级05班讲授教师董庆涛班周学时 8 本期授课时数 64

填表日期2010 年 9月 1日

《版式设计》

课程介绍

版式设计是现代艺术的重要组成部分，是视觉传达的重要手段。

所谓板式设计，即在版面上将有限的视觉元素进行有机的排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视觉传达方式。

它在传达信息的同时，也产生感官上的美感。

总学时数：64学时；学分：3分；适用专业：艺术设计专业（本科）

教学手段：

1、主要运用多媒体讲解教学。

2、课堂辅导，发现问题及时解决。

3、课堂示

范。对于学生难于理解的问题进行示范。4、实例操作，和同学们一起完成实例的操作。5、作业讲评。通过作业讲评、互评发现问题，总结并提出解决办法。

课程特点：

本课程课题结合课件与实际教材，让学生充分体会从理论的到实践操作的全过程。并通过课程组现有的优秀作品资源库中的资源，让学生从欣赏优秀的版式设计作品，得到启发，提高版式设计的水平。

课题一：版式设计概论和发展脉络

课题内容与要求：系统掌握版式设计的发展脉络，及其时代风格，在版式设计的发展中各种艺术流派对其影响。

课题重点：版面设计发展各个时代特点

教学时数：8课时

教学内容：

1平面设计历史发展：

二十世纪初，随着工业化的迅速发展，资本主义经济的形成，欧洲和美国的经济基础及产生关系得到根本的改变，也影响了20世纪全世界人民物质文明的“现代主义”设计观念。短短的几十年间，它影响了人们几个世纪以来在平面设计的思想意识、审美观念，以及艺术创造的目的都得到了根本的改变。

2二十世纪的艺术主要经历四个时期

2.1第一个时期：

主要以立体主义、未来主义、达达主义、超现实主义、装饰主义为代表。

2.2未来主义

未来主义运动起于20世纪初意大利在绘画、雕塑、和建筑的一场设计运动，主张对工业化极端膜拜和高度的无政府主义，反对任何传统艺术形式，蔑视社会文化的文明，极端地追求个性自由，探索在时间、空间与机械美学的表现。在版面编排上未来主义鲜明地提出反对严谨正规的排版的方式，提倡自由组合，即编排无重心无主次，杂乱无章，字体各异的散构甚至完全散乱的无政府主义的形式。

2.3达达主义

由于人们对战争的厌倦以及对战后社会前途的失望和迷茫，在欧洲和美国表现出来的高度无政府主义思想的艺术运动，在艺术观念上，强调自我，反理性,认为世界没有任何规律可遵循，所以表现出强烈的虚无主义特点：随机性和偶然性，荒诞与杂乱。达达与未来主义在编排设计上有相似之处，在于用照片和各种印刷品进行拼贴组合再设计，以及版面编排上的无规律化、自由化相互矛盾化的形式。

2.4超现实主义

一战后，人们普遍对社会的一种悲观和茫然而出现的虚无主义思想，超现实主义即在这样的背景下在欧洲出现的另一个重要的现代主义艺术运动。认为社会的表象是虚伪的，创作的目的是重新寻找和了解社会的实质，认为无计划的、无设计的下意识或潜在的思想动机更真实，如用写实的手法来描绘拼合荒诞的梦景或虚无的幻觉。超现实主义对于现代平面设计的影响是对人类意识形态和精神领域方面的探索，为日后现代主义在观念表现上有创造性的启迪作用。

3第二个时期：以一战后兴起的俄国构成主义、荷兰风格派、德国包豪斯三个重要的设计运动为代表。

3.1现代主义设计

二十世纪二、三十年代，在欧洲出现了重要的三个核心的运动，即俄国的“构成主义”、荷兰的“派风格”，德国的“包豪斯“，这三个运动成为了现代设计思想和形式的基础。俄国的“构成主义”在意识形态上提出设计为无阶级服务的运动，荷兰的“风格派”运动则是基于美学原则探索的单纯美学运动，而德国的“现代设计”运动发展到以包豪斯为代表的学院派风格。这三个运动，他们相互影响，特别是荷兰风格派的重要人物与俄国的构成主义艺术家和设计家参与包豪斯设计创作工作，也影响了欧洲各国各种艺术流派，形成和搭起了欧洲现代主义设计观念的结构。战后影响到世界各地，成为战后“国际主义的基础”。

3.2构成主义

俄国构成主义运动是俄国十月革命胜利后在俄国出现的一次前卫艺术运动和设计运动。构成主义设计将抽象的图形或文字作为视觉传达的元素和符号进行构成设计，版面编排常以几何的形式构成，同时也带有未来主义、达达主义自由拼合，无序的特点，但在整体上构成主义更讲究理性的规律，强调编排的结构、简略的风格以及空间的对比关系。俄国的构成主义为现代主义的设计奠定了基础。

3.3风格派

荷兰的“风格派”的思想和形式来源于蒙德里安的绘画探索，他以高度理性，数字化的逻辑思维来创造和谐的新次序，画面上简洁到只有纵横分割的几何形方块和鲜明的色块。”风格派“在平面设计上的特点是：1、高度的理性化，完全采用简单的纵横编排方式，除纵横的几何分割块外，没有其他装饰；2、字体完全采用无装饰线体；3、版面编排采用非对称方式，但追求非对称的视觉平衡；4、尝试在版面上进行直线的骨骼分割构成，形成了被称为“瑞士骨骼的编排法”。

3.4包豪斯

包豪斯的平面设计风格是在俄国的构成主义、荷兰的“风格派”和德国的现代主义设计的影响下，综合发展和逐步完善形成的。包豪斯学院应该是被称为世界上第一所完全为设计教育设立的学院，并也成为欧洲现代主义设计运动的交汇中心，它的设计思想理论和风格基础影响了半个世纪对现代设计的探索与研究，另外它对现代教育的影响也是巨大的，研究并形成了一套完整的、严格的设计基础教学的思想体系，并一直影响到今天的设计教育。

4.第三个时期:为二战后五十年代至七十年代的国际主义主导设计风格。

国际主义平面设计风格

二战后，从德国战前发展起来的国际主义设计成为西方国家设计的主要风格，后影响到世界各国。国际主义设计运动在二十世界50、60、70年代风行一时，影响到设计到建筑、平面设计、产品设计等方面，成为主导世界的设计风格。国际主义风格在平面上的贡献，研究出了骨骼排版法，即将版面进行标准化的分割，将字体、插图、照片等按照划分的骨骼编排在其中，取消编排的装饰，采用朴素的无线装饰字体，采用非对称的版面编排。

国际主义在形式上以“少则多”的减少主义的特征为宗旨，其特点是高度的功能化，标准化、系统化、反装饰的排版风格,简明扼要的视觉形式，有利于国际化的视觉传达功能，因此很快被世界各国采用。但这种风格过于严谨刻板，版面单调、冷漠而缺乏生气。这一时期，国际主义的设计家们对于无线字体进行了深入的研究，如笔画的粗细、字号的大小，以及字角的细节变化等都得到了新的创造，有的字体已被采用作电脑字体。

5第四个时期:为六十年代至今开始的后现代主义平面设计表现形式以及电脑、网络多元化媒体传达。

后现代主义的设计风格

如果说把二战前的社会称为“工业化社会”，而战后的，二十世纪60年代末则被称为“后现代社会”。后现代主义也是从建筑设计开始发展起来的，与现代主义的比较，依然是宗旨一致、风格接近。从意识形态上看后现代主义是对现代主义、国际主义设计的一种装饰发展。反对“少则多”的减少主义风格，主张以装饰的手法来传达视觉上的丰富，而不是单调的功能主义为中心。

二十世纪80年代到90年代，电脑技术、数码技术、信息媒体的迅猛发展，改变

了世界人们的生产方式和生活方式，在平面设计上，随着电脑技术的广泛普及运用，给平面设计工作提供了极大的方便和容易。数码革命使平面从排版编辑、图像处理、文件刻录、印刷、扫描到数码相机设备的配合都发生了巨大的变化，缩短了手工劳动的时间，提高了效率和质量，促进了信息时代的传播，使平面设计进入了前所未有的一个崭新阶段。网络媒体的出现，使平面设计从二维的静态发展到动态、互动的多元媒体的表达。

课题二：版式设计要素

课题内容要求：掌握点线面在版式中的应用，了解并熟悉版式设计的视觉流程。课题重点难点：版式中的视觉美感和视觉规律的掌握。

教学时数：8课时

教学内容：

点线面在版面上的构成

点、线、面是构成视觉的空间的基本元素，也是排版设计上的主要语言。排版设

计实际上就是如何经营好点、线、面。不管版面的内容与形式如何复杂，但最终可以简化到点、线、面上来。在平面设计家眼里，世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文字与一片空白，则可理解为面。它们相互依存，相互作用，组合出各种各样的形态，

构建成一个个千变万化的

全新版面。

1.点在版面上的构成

点的感觉是相对的，

它是由形状，方向、大小、

位置等形式构成的。这种

聚散的排列与组合，带给

人们不同的心理感应。点

可以成为画龙点睛之

“点”，和其他视觉设计要素相比，形成画面的中心，也可以和其他形态组合，起着平衡画面轻重，填补一定的空间，点缀和活跃画面气氛的作用；还可以组合起来，成为一种肌理或其他要素，衬托画面主体。

2.线在版面上的构成

线游离于

点与形之间，具

有位置、长度、

宽度、方向、形

状和性格。直线

和曲线是决定

版面形象的基

本要素。每一种

线都有它自己

独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得各种不同的效果。所以说，设计者能善于运用它，就等于拥有一个最得力的工具。

线从理论上讲，是点的发展和延伸。线的性质在编排设计中是多样性的。在许多应用性的设计中，文字构成的线，往往占据着画面的主要位置，成为设计者处理的主要对象。线也可以构成各种装饰要素，以及各种形态的外轮廓，它们起着界定、分隔画面各种形象的作用。作为设计要素，线在设计中的影响力大于点。线要求在视觉上占有更大的空间，它们的延伸带来了一种动势。线可以串联各种视觉要素，可以分割画面和图像文字，可以使画面充满动感，也可以在最大程度上稳定画面。

3.面在版面上的构成

面在空间上占有的面积最多，因而在视觉上要比点、线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。因此，在排版设计时要把握相互间整体的和谐，才能产生具有美感的视觉形式。在现实的排版设计中，面的表现也包容了各种色彩、肌理等方面的变化，同时面的形状和边缘对面的性质也有着很大的影响，在不同的情况下会使面的形象产生极多的变化。在整个基本视觉要素中，面的视觉影响力最大，它们在画面上往往是举足轻重的。

课题三：版式设计中的图片、文字排列规律

课题内容要求：掌握点线面在版式中的应用，了解并熟悉版式设计的视觉流程。掌握文字在版式中的应用，了解中文与英文之间的联系和区别。能做出好的文字设计版面。

课题重点：点线面的视觉美感形成和视觉规律的掌握。

教学时数：16课时

教学内容：

项目一：图片图形的排列规律

以图片为主的排版样式。图片在排版设计中，占有很大的比重，视觉冲击力比文字强85%；也有这样一说，一幅图版胜于千字。但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。因为图片能具体而直接地把我们的意念高素质、高境界地表现出来，使本来物变成强而有力的诉求性画面，充满

了更强烈的创造性。图片在排版设计要

素中，形成了独特的性格以及吸引视觉

的重要素材，视觉效果和导读效果。

1．图片的位置

图片放置的位置，直接关系到版面的构图布局、版面中的左右上下及对角线的四角都是视线的焦点。在这焦点上恰到好处地安排图片，版面的视觉冲击力就会明显地表露出来。编排中有效地控制住这些点，可使版面变得清晰、简洁而富于条理性。

2.图片的面积

图版面积的大小安排，直接关系到版

面的视觉传达。一般情况下，把那些重要

的、吸引读者注意力的图片放大，从属的

图片缩小，形成主次分明的格局，这是排

版设计的基本原则。

3.图片的数量

图片的数量多寡，可影响到读者的阅读兴趣。如果版面只采用一张图片时，那么，其质量就决定着人们对它的印象。往往这是显示出格调高雅的视觉效果之根本保证。增加一张图片，就变为较为活跃的版面了，同时也就出现了对比的格局。图片增加到三张以上，就能营造出很热闹的版面氛围了，非常适合于普及的、热闹的和新闻性强的读物。有了多张照片，就有了浏览的余地。数量的多少，并不是设计者的随心所欲，而最重要的是根据版面的内容来精心安排。

4.图片的形式

图片的形式主要有:

方形图式

出血图式即图片充满整个版面而不露出边框。

退底图式是设计者根据版面内容所需，将图片中精选部分沿边缘裁剪。化网图式是利用电脑技术用以减少图片的层次。

特殊图式是将图片按照一定的形状来限定。

5.图片的组合

图片组合，就是把数张图片安排在同一版面中。它包括块状组合与散点组合。

块状组合强调了图片与图片之间的直线。垂直线和水平线的分割，文字与图片相对独立，使组合后的图片整体大方，富于理智的秩序化条理。

6.图片的方向

图片方向的强弱，可造成版面的行之有效的视觉攻势。方向感强则动势强，产生的视觉感应就强。反之则会平淡无奇。图片的方向性可通过人物的运势、视线的方向等方面的变化来获得，也可借助近景、中景和远景来达到。

项目二：文字的排列规律

以文字为主的排版样式。文字在排版设计中，不仅仅局限于信息传达意义上的概念，而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、引领人们的审美时尚的新视角。文字是任何版面的核心，也是视觉传达最直接的方式，运用经过精心处理的文字材料，完全可以制作出效果很好的版面，而不需要任何图形。

1. 字体、字号

字体的设计、选用是排版设计的基础。中文常用的字体主要有宋体、仿宋体、黑体、楷书四种。在标题上为了达到醒目的效果，又出现了粗黑体、综艺体、琥珀体、粗圆体、细圆体以及手绘创意美术字等，在排版设计中，选择两到三种字体为最佳视觉结果。否则，会产生零乱而缺乏整体效果。在选用的这三种字体中，可考虑加粗、变细、拉长、压扁或调整行距来变化字体大小，同样能产生丰富多彩的视觉效果。

字号是表示字体大小的术语。计算机字体的大小，通常采用号数制、点数制和级数的计算。点数制是世界流行计算字体的标准制度。“点”：也称磅(P)。电脑排版系统，就是用点数制来计算字号大小的，每一点等于0.35毫米。

2.字距与行距

字距与行距的把握是设计师对版面的心理感受，也是设计师设计品味的直接

体现。一般的行距在常规的比例应为：用字8点行距则为10点，即8：10。但对于一些特殊的版面来说，字距与行距的加宽或缩紧，更能体现主题的内涵。现代国际上流行将文字分开排列的方式，感觉疏朗清新、现代感强。因此，字距与行距不是绝对的，应根据实际情况而定。

3. 编排形式

文字的编排形式多种多样，我们大致可以理解为以下几种：

左右齐整，横排也可竖排；左齐、右齐或聚中编排

文图穿插

突出字首

自由编排

4. 文字编排的特殊表现