版式设计教案内容

学习好资料 欢迎下载

课程名称： 第一章 版式设计的概述 教学目的： （1）了解版式设计的目的

（2）理解版式设计的相关原则 （3）掌握版式设计的视觉流程

教学要求：理解黑、白、灰整体分区概念；点、线、面在版式设计中的运用；各种设

计原则及表现；把握具体设计内容与形式表现之间的内在关系，熟练掌握文字与文字、文字与图形、整体与局部之间的构成关系。

教学重点：版式设计的视觉流程 教学难点：字体、行距、字距。

教学方法：理论讲授、图片分析并使学生展开对版式设计目的的讨论。 教学用具：幻灯片，黑板 教学课时: 4课时

参考书目：1、《版式设计原理》佐佐木刚土 著，武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学过程：

一、首先介绍课程的性质，通过看一些设计图片来引申出版式设计的目的与概念。

二、深入教学

设计的目的是什么。

三．在对版式设计的概念有一定了解的情况下，思考并总结版式设计的原则。

版式设计的认识，并思版式

课程作业：上网搜索2个优秀的和2个不好的版式设计，并给予解释 教学内容：

学习好资料 欢迎下载

第一节 版式设计的目的

版式设计是一门特殊而关键的课程，更大程度上它又是一门专业基础课，它为以后的招贴设计、包装设计、书籍装帧设计以及一切需要通过平面来表达的设计课程打下基础。这就决定了这门课程主要是关于版式设计的基本原理、设计法则和审美把握，它是一门认识课程而不是技法课程。通过这门课程的学习，一是要理解版式设计的基本原则，掌握版式的设计法则；二是要培养和提高学生的审美能力，完善学生的审美结构；三是要训练学生和思维能力，开拓学生的思维意识，培养学生的创新思维；四是要养成学生的动手习惯，培养学生的实用技能。这就是版式设计的教学目标。

版式设计随着时代的进步，它能体现出文化传统、审美观念和时代精神风貌等，被广泛地应用于广告、书刊、包装、装潢、展机、机构视觉形象和网页等传播领域。

1、有效提高版面的注意值

当纷繁复杂的视觉信息展现在眼前的时候，哪些信息更能让我们愉快地去接受呢？哪些版式更能吸引人们的注意呢？很显然，那些美感突出，对比强烈的画面更引人注目。现代版式设计早已不是单纯的技术编排，而是技术与艺术的高度统一。人们的视觉习惯不断改变，设计师的观念也不断更新，新的版式效果不断呈现。那些形式独特、美轮美奂、现达完善的画面让人们过目不忘，注意值当然得到大大的提高。

2、有利于信息的有效传递

版式设计本身并不是设计师的最终目的，它只是为了更好地传递信息的手段。凡是成功的版面，首先必须明确表达目的和主题思想，还要有上佳的创意策划和表现手法，做到主题鲜明、形象突出、美感强烈。在若干复杂纷乱的信息，无法让我理解，如果通过版式的精心设计，把各种元素根据特定内容进行组合排列，既可以使画面形式更加服从内容，提高信息的传达效果和效率，使版面更加风趣，富有内涵。

3、强化传达效果的持续留存

当今视觉传达设计大多都带有商业色彩，主要宣传的是企业及品牌形象。因此

如何让企业形象得到很好的传播和留存是许多设计师强调的重点。因此说优秀的版式设计，能够激发人们的兴趣，使画面生动、有趣、幽默，这样能够深度刺激大脑皮层，保持信息的持续留存。

学习好资料 欢迎下载

第二节 版式设计组版的原则

1、主题鲜明突出

按照主从关系的顺序，使放大形象成为视觉中心，以此来表达主题思想。将文

案中的信息作整体编排设计，有助于主体形象的建立。在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。

2、形式与内容统一

只讲求完美的形式而脱离内容，或者只求内容而缺乏艺术的表现，版式设计都会变得空洞和刻板。

3、强化整体布局

即将版面各种编排要素在编排结构及色彩上作整体设计。把图片、文字整体编排，将文字中多种信息组合成块状，使版面具有条理性。

第三节 版式设计图文编排原理

任何版面都是由点、线、面这几个基本元素构成的，设计时应把握好相互间复杂的关系。

1、版面设计的基本要素

版式设计实际就是如何编排好点线面。一行文字可以看作一条线，一个字母可以看作点，几行文字可以看作面。

（1）点在版面构成上的作用。版面中的点是由形状、方向、大小、位置等形式构成。

（2）线的构成。线是点的移动轨迹，有实线，有虚线，也有流动线，将各种不同的线运用到版面中，就会获得不同的效果，在各种场合都能表现独特的个性和情感。能否善于运用线是判断设计师设计能力的强弱基本标准之一。方向性、流动性、延续性及远近感，使画面产生空间深度和广度，线的情感构成，线的力场和等量分割

（3）面的构成，主要研究空间层次感。

学习好资料 欢迎下载

2、文字的编排构成

（1）字体。字体的选用和设计是版式设计中文字编排的基础。在设计时，同一版面选择两到三种字体可组成最佳视觉效果，字体多了，会觉得零乱而缺乏整体感，

（2）字号。字号表示字体的大小，计算机的字体通常采用号数制，点数制和级数制。点数制是国际流行的标准制，也称磅。建议同学们，把电脑字号按照由大到小编排好打印出来，作为设计排版的参考。尽量不要用5点以下的字，这对印刷的质量要求很高，而且不利于阅读。

（3）字距与行距。一般行距的常规比例为8：10，即字号大小为8点，行距则应达到10点的疏密度。但字距与行距不是绝对的，应根据实际情况而定。有些独特的设计，就是采用变换字距和行距得到的。

（4）文字编排的四种基本形式。A左右均齐B、齐中C、齐左或齐右D、文字绕图排列

（5）标题与文字的编排。 （6）行首的处理。 （7）引文的强调。

（8）图形与文字的组群排列。

第四节 版式设计的视觉流程

1、单向视觉流程：使版面的流动线更为简明，直接地诉求主题内容，具有简洁而强烈的视觉效果。

竖向视觉流程：给人坚定，直观之感 横向视觉流程：给人稳定，恬静之感 斜向视觉流程：给人运动，活泼之感

2、曲线视觉流程：随弧线或回旋线而运动变化。更具韵味，节奏感。主要可以

学习好资料 欢迎下载

概括为C型和S型。S型中两个相反的弧度可产生矛盾回旋，在平面中增加深度和动感。

3、重心视觉流程：重心以其强烈的形象或文字独踞版面某个部位，是视觉心理

的重心，位置因具体画面而定。

4、反复视觉流程：指相同或相似的视觉要素做规律性、秩序性、节奏性的逐次

运动。其运动流程不如单向、曲线和重心流程运动强烈，但更有韵律美和秩序美。

5、导向视觉流程：通过诱导元素，主动引导读者视线向一定方向顺序运动，由

主及次，把画面各构成要素依序串连起来，形成一个有机整体，使重点突出，条理清楚，发挥最大的信息传达功能。编排中的导线有实有虚，表现多样。如文字，、手势、形象、视线均可为导向。

6、散点视觉流程：指版式中图形与文字呈自由分散状态编排，强调感性，随机性，偶然性，强调空间感和动感，追求刺激，是一种较为随意的编排，这种编排方式在国外非常流行。

7、最佳视域：版式设计时，设计师应该考虑将重要信息或视觉流程的停留点安排在注目价值高的位置，这便是优选最佳视域。上部给人积极高昂、轻快、飘浮之感；下部给人压抑、沉重、消沉、限制、低矮和稳定的印象。左侧，感觉轻便、自由、舒展，富于活力；右侧：感觉紧促、局限却又庄重。

以上几种视觉流程均为理性的流程。在编排方向性视觉流程关系时，要注意各信息要素间隙大小的节奏感。而第六项散点视觉流程似乎与前五项相互矛盾，其实不然，它是前五项的一种突破与创新，体现了现低设计的气息和独特魅力。