板式设计教案完整版

教学目标 重点 难点 教具 教学环节 组织教学 (1) 引 课 {2} 新 授 理解分区概念中黑白灰关系、等重复的的优秀作品 基础知识的理解与掌握 所学知识的灵活运用 课 型 新授 教 法 教 师 活 动 师生问好，师强调学生安全问题 指导自学、讲解法 学生活动 教师导课 教师详细讲解知识 学生看书 教师总结 [同类合并原则如何指导设计案例分析一] 翻阅一些精美的期刊杂志，我们常常感叹于优秀设计中标题字的穿插、重叠技巧，通常这些技巧的应用是建立在同类合并原则的基础上，也就是找出标题中的信息等级与中心内容。 我们分析一下这一组英语标题字，in the 属付词，可以用小写体表现；girl,city是名词，也是句子中的主要信息内容，其中girl又是最重要的中心词，因此用黑色表现，city与girl字体大小相同，用白色表现，重点突出而又使主次拉开距离。这种主次关系看似是以一种不经意的方式表现，而这个中理由只有通过分析才可以明了；New是定语，所以放在被修饰词girl的前面，穿插关系就这样建立起来（见图）。 [理解分区概念中黑白灰关系优秀作品案例分析二] 通常编排元素在白纸上进行布局时，我们都将白底作为黑白灰中的白，用其它元素来构成版式中的黑或不同明度的灰，黑白灰的整体关系易于理解。 这是一页纯文本的编排（见图），这张作品中，增加了一个深色色底，那么如何理解黑白灰的概念呢？ 事实上，平面构成中黑白灰关系是相对的。在这张版式中，底色为中明度的灰，标题字为黑，说明文、引文、正文构成不同明度的灰。那么白的概念如何表现呢？在这里，它是由版式左边大面积的空白空间构成的。 这就是为什么在版式设计中空白空间显得尤为重要的原因。 [理解分区概念优秀作品案例分析三] 这是一页以图片为主的版式设计（见图）。 大型时装杂志的时装摄影是由专业时装摄影师完成，图片本身的光线和动态都经过摄影师的精心安排，在编排设计中属不变因素，也是时装杂志所要表现的中心内容。版式中的黑白灰关系，主要依图片的明度来进

行布局和调整。 左图中，为突出图片，文字区的编排在明度上的考虑就必须是减弱而不是加强，以中灰度为宜，同时，也与墙面的灰色层次相近，使文字与墙面融为一体。右图中，中灰度的文字区与条纹衬衣的明度层次相近，形成一个整体的色彩分区，画面的黑色区域在头部或裤子上，底为白色；在文字区内，标题字与正文在字体、色彩上都是一致的，仅大小有所区别，这种考虑是基于整体概念。想想看，如果这时要把文字区放在页面上方，应选择什么明度的色彩来处理文字？二种方案：深色和高明度浅色。并且浅色字是首选方案，因为浅色字的编排不影响腿部的曲线，使模特的动态保持完整。如果是深色字，与裤子的颜色融为一体，无形中就破坏了腿部的优美曲线。 ［理解版式中的对比优秀作品案例分析四］ 本设计是一张广告。左图中由于狗的图形太怪异，一旦看见，你就无法停止地看着它，甚至可能引导你忽视广告文字的阅读。因此，有必要对版式中的编排元素进行调整，以便将其它信息内容通畅的传递。右图中，将布局的焦点进行扩大，看看能达到什么程度，大幅的黑狗照片与白色背景形成鲜明对比，成为吸引受众眼睛的视觉磁场。说明文放在狗背上不影响外轮廓形，如果再为狗的抽象外形配上意想不到的颜色，就能将令人称绝的视觉效果再提高一个层次。 对比方法主要是通过使用大胆的图形、令人惊奇的照片和引人注目的插图来捕获受众的注意力。 什么导致了作品的视觉冲击力： ①超大尺寸、大胆而简单的图形。 ②强烈的对比——大量的黑白区域和小块色彩的运用。 ③非常有趣的标题字体。 ［理解版式中的线优秀作品案例分析五］ 左图为上下分区，以分区线为视觉引导线，向右图延伸引导出跑步的选手，并顺头部方向直指标题，右图中主要信息都定位在这根引导线上，其它文字信息，以视觉引导线为中心向上下编排。

通过分析，视觉引导线的作用就清晰的显现出来，当你对右图标题定位把握不准时，视觉引导线可以轻松决定。 课 题 字授课时间 月 日 总第 课时 体 [理解重复原则优秀作品案例分析六] 本设计是一张广告设计，版式为上下分区：上为文字区，下为图片区。图片区中，最大的一张图片，其外形为细长矩形，构成这页版式中的基本形；小图片密集的排列在一起，形成的整体外形与基本形保持一致；同时，多数小图片之间进行形与形的重复构成；上下分区中，标题字的外形与图片基本形相同，从而构成图片与标题字之间的重复。我们从分析图中可以清晰看见重复原则在版式设计中的运用。 [理解分区概念中黑白灰关系优秀作品案例分析二] 板 [理解分区概念优秀作品案例分析三] 书 理解版式中的线优秀作品案例分析五］ 设 [理解重复原则优秀作品案例分析六] 计 课后 回顾

教学目标 重点 难点 教具 教学环节 组织教学 (1) 引 课 {2} 新 授 1．要求学生掌握版式设计原理字体中的线概念。 2．培养学生认识版式设计原理分栏字体的方法 基础知识的理解与掌握 所学知识的灵活运用 课 型 新授 教 法 教 师 活 动 师生问好，师强调学生安全问题 指导自学、讲解法 学生活动 教师导课 教师详细讲解知识 学生看书 教师总结 字体 对文字的设计，首先应了解字体的个性。 汉字的基本字体是宋体与黑体；外文的基本字体是文艺复兴字体、古典主义字体和现代自由体，在版式设计中使用最多也最为广泛。 1、宋体 起源于北宋刻印时期（北宋公元960～1127年），到明代被广泛采用，故亦称为明朝体，又叫老宋体。宋体的特征是字形正方，横细竖粗，横划和横、竖划转折处吸收了楷书用笔的特点都有顿角，点、撇、捺、挑、勾与竖划的粗细基本相等，其尖锋短而有力。因此有“横细竖粗，撇如刀，点如瓜子，捺如扫”的口诀（见图）。 宋体字的形状，一般有三种：长方形、扁方形和正方形。长方形或扁方形要注意它的高和宽的适当比例，不能拉得太长或压得太扁，一般较适宜的比例是3:2，3:4，3:5等。 需要强调的是，在扁方形格内，宋体字的书写应注意：竖笔画一般占格内的六分之一或小于六分之一，横笔画一般占竖笔画的四分之一或五分之一，如果竖的笔画超过了六分之一，字就显得粗笨。 2、黑体 横竖笔划粗细一致，方黑一块，笔形两端略呈方形，因此得名。黑体的点、撇、捺、挑、勾也是方头，所以又叫做方体。 黑体在风格上虽不及宋体生动活泼，却因为它庄重有力，朴素大方而引人注目，常用于标题、广告等醒目的位置上，有强烈的视觉效果。 黑体一般是正方形，横笔画和竖笔画一样粗，竖笔画占正方形书写格的八分之一。书写时不能将笔画写得过粗，过粗黑体字显得粗笨，笔画之间也模糊不清；相反，也不能将笔画写得太细，太细的黑体字会显得瘦弱无力。 3、文艺复兴字体（老罗马体） 文艺复兴字体形成于十五世纪欧洲文艺复兴时期，它是拉丁字母的古体字，又称老罗马体。其特征是以圆形的轴线左右倾斜，粗细线条对比不大，字脚线和笔画线之间夹角成圆弧形。最优秀的字体是与法国人加拉蒙同名的字体，它纤细的字脚和头发似的细线构成了明快畅亮的调子，优雅而亲切，柔软而美观，具有强烈的装饰效果和易读性，适用于古典作品以及有悠久历史的商品装饰，今天许多国家仍把它作为最常

用的字体。 4、古典主义字体 十八世纪法国大革命和启蒙运动以后，新兴资产阶级提倡希腊古典艺术和文艺复兴艺术，产生了古典主义的艺术风格。最具代表性的是在意大利享有“印刷者之王”声誉的波多尼体（Bodoni），它的特征是对老罗马体进行简化，增多直线，减少弧线，粗细线条对比强烈，字脚画成直线形。在易读性与和谐和上达到了更高的造诣，也是今天最受欢迎和最常使用的字体。 5、现代自由体 十九世纪初在英国产生了第一批广告字体格洛退斯克和埃及体。它们的特征是都有同样粗细的线条，前者完全抛弃了字脚，只剩下字母的骨骼，也叫无字脚体；后者是在无字脚体上加添短棒形的字脚，颇有粗犷的风格，因此又叫加强字脚体，相当于黑体字，具有强烈的广告效果，常常用于广告设计中。现代自由体发展到今天，又有了从斜体和民间手写体的基础上发展起来的数量众多的书写体，书写出体活泼自由，运动感强，也是常用的广告字体。 6、拉丁字母基本字形比例 拉丁字母是由圆弧线和直线组成的几何形结构，可归纳为方、圆、三角三种形状，并可分为单结构和双结构；在书写时，字形不能都取相等，因为这三种形状的字母排列在一起时，在视觉上是不同的，方形最大，圆形其次，三角形最小，因此，在宽窄比例上有4∶4、4∶3、4∶2之分，目的是在组成词、句时，使字面保持一定均匀的黑度，文字显得舒畅美观（见图）；有时，在个别情况下，还需略增字高，以期具有相同大小感觉。同时，字母与字母之间的间隔也有其自身的规律。 7、字体选择原则 版式设计中，包含标题字、副标题字、引文、说明文、正文等文字的总体选择原则。 ①清晰易读是文字编排的重点所在，因为文字的最终目的就是为了阅读。 可读性：指文字吸引和抓住读者兴趣的品质，它依赖于设计师通过对文字的研究来创造轻松的阅读环境。 ②阅读中，如果读者意识到了字体的形状，字体的选择就需要再作推敲，因为它使读者从信息自然平稳的过渡中分心。 切记：那些挑战我们早已形成阅读习惯的文字，对文字的易读性影响最大。 ③文字编排质量取决于文字部分与非文字部分之间的关系，忽略了文字编排外的空白空间是专业上不成熟的一个标志。 ④当文字与图片进行重叠组合时，尽量选择与图片意境相符的字体。 如一张充满激情和力量的照片需要黑体类的粗体与之相匹配；相反，柔和的图片则需要纤细、精致的字体予以强化。同时，还得考虑把文字放置在何处？仔细分析图片，找寻每一个元素中放置文字区域的任何可能启示。 ⑤字体的选择影响情感反应。