《版式设计》教案 第6课 有条不紊——合理编排文字.docx

PAGE6

PAGE6

PAGE7

PAGE7

课题

有条不紊——合理编排文字

课时

2课时（90min）

教学目标

知识技能目标：

（1）了解文字的字体、字号、字距和行距等基础知识

（2）了解文字的组织原则和编排方式

（3）能够根据设计要求合理编排文字

素质目标：

（1）通过理论学习强化专业能力，培养设计思维和创新意识，提升审美能力和人文素养

（2）在任务实施的过程中，重视团队合作，积极同他人分享、交流

教学重难点

教学重点：文字的设置、文字的组织原则、文字的编排方式

教学难点：文字的设置

教学方法

情景模拟法、问答法、讨论法

教学用具

电脑、投影仪、多媒体课件、教材

教学过程

主要教学内容及步骤

考勤

【教师】使用APP进行签到

【学生】按照老师要求签到

任务导入

【教师】讲述“匠心匠手，修复岁月痕迹”案例（详见教材），并提出问题：

恰当的文字编排对于版式设计来说有哪些作用？

【学生】思考、举手回答

传授新知

【教师】通过学生的回答，引入新知，讲解文字的设置、文字的组织原则、文字的编排方式等知识

一、文字的设置

文字的设置会直接影响版面的可读性和视觉效果，合适的文字设置应该同时满足版式设计的要求和主题风格定位的要求。文字的设置主要包括字体的选择、字号的选择、字距与行距的设置三个方面。

（一）字体的选择

字体是指文字的外在形式特征，不同字体在笔画粗细、细节表达和表现风格上都有所不同，在版面中所起的作用也各有差异。选择字体时，要考虑其气质是否与版面风格相符。

1．常用的中文字体

版式设计中常用的中文字体主要包括宋体、黑体、楷体和圆体等。

宋体字的笔画横细竖粗，末端带有装饰，整体典雅大方，秀美古朴，是一种艺术价值高、适用性强的字体，深受设计者青睐。

【教师】利用多媒体展示“不同类型的宋体字”图片，并进行讲解

宋体字可以根据粗细不同分为若干种，如图所示。

【教师】利用多媒体展示“宋体字的运用”图片，并进行讲解

其中报宋、仿宋、宋体和书宋常被用于正文，大宋、粗宋和特粗宋常被用于标题，如图所示。

【教师】利用多媒体展示“不同类型的黑体字”图片，并进行讲解

黑体字笔画横平竖直，棱角分明，粗细一致，给人以简约干练的感觉。黑体字也有粗细之分，如图所示。

【教师】利用多媒体展示“黑体字的运用”图片，并进行讲解

其中细等线、等线和黑体适用于正文，大黑、粗黑和特粗黑适用于标题，如图所示。

【教师】利用多媒体展示“图1楷体字”、“图2楷体字的运用”图片，并进行讲解

楷体字源于中国书法艺术中的楷书书体，其笔画规整，形态端庄清秀，具有古典风韵，如图1所示，因此常被用于古典风格的版式设计，如图2所示。

【教师】利用多媒体展示“图1不同类型的圆体字”、“图2圆体字的运用”图片，并进行讲解

圆体字圆润柔和，笔画粗细均匀，末端为圆角，如图1所示，

适用于活泼可爱风格的版式设计，如图2所示。

【教师】利用多媒体展示“艺术字体的运用”图片，并进行讲解

除了以上较为标准、规范的常用中文字体之外，设计者还可以根据版式设计的风格需求采用一些更具设计感的艺术字体，以使版面丰富多彩，特色鲜明，如图所示。

2．常用的英文字体

版式设计中常用的英文字体主要包括TimesNewRoman、Arial等。

【教师】利用多媒体展示“图1TimesNewRoman”、“图2TimesNewRoman的运用”图片，并进行讲解

TimesNewRoman是一款经典的英文字体，中文名称为“新罗马体”，因其中规中矩、端正典雅的风格被选用为标准字体，应用极为广泛，如图1和图2所示。

【教师】利用多媒体展示“图1Arial”、“图2Arial的运用”图片，并进行讲解

Arial线条粗细均匀，极具现代感，常被用于网页界面设计，如图1和图2所示。

【教师】随机邀请学生回答以下问题：

衬线字体与无衬线字体分别是什么？

【学生】聆听、思考、回答

【教师】总结学生的回答

衬线是指字体笔画开头和末端的装饰部分，字体可根据有无衬线分为衬线字体（Serif）和无衬线字体(Sans-serif)两大类。

【教师】利用多媒体展示“图1衬线字体”、“图2无衬线字体”图片，并进行讲解

衬线字体的笔画在开头和末端都有额外的装饰，且粗细不一，其整体形态优雅，极具美感，代表性字体有宋体和TimesNewRoman等，如图1所示；无衬线字体的笔画首尾没有装饰，粗细一致，显得简洁有力，且更易辨认，代表性字体有黑体和Arial等，如图2所示。

3．字体的风格

每种字体都有其独特的风格，传达着不同的视觉信息。选择风格恰当的字体可以有效增强版面的吸引力和艺术表现力，让人产生共鸣。下面介绍几种具有代表性的字体风格类型。

（1）秀丽柔美型

【教师】利用多媒体展示“秀丽柔美型”图