版式字体的构造课件

1、新媒体与互联网制作：深圳第二高级技工学校设计系掌握文字的构造西方衬线体、无衬线体的基本构造。X高的含义。东方汉字的基本构造。举例说明衬线体、无衬线体、装饰体、宋体、黑体、手写体、POP等字体结构的区别如何使用X坐标对英文字体进行排版定位制作：深圳第二高级技工学校设计系一、西方衬线体、无衬线体的基本构造。二、X高的含义。制作：深圳第二高级技工学校设计系（一）西方字体中的起源 衬线体（serif）和无衬线体（sans-serif）。像Times、Times New Roman等都是属于衬线体，而Arial、helvetica则是属于无衬线体。衬线起源于古罗马的石刻拉丁字母。1968年Edward

2、Catich神甫在其著作衬线的起源中指出，在石刻时，先用画笔将字母轮廓标注在石头上，然后刻字人依照痕迹进行刻画形成了衬线。 衬线字体的衬线（红色部分）无衬线字体一、西方衬线体、无衬线体的基本构造。衬线体 无衬线体有衬线的字体，又称“有衬线体”（中文惯用名称“白体”），衬线指的是字形笔画末端的装饰细节部分。衬线体称为“罗马体”，但是这些词已经不是很常用了，只保留于字体名称中 没有衬线的称为“无衬线体”（中文惯用“黑体”）。无衬线字体在西文中习惯称sans-serif，其中sans为法语的“无”的意思；而另外一些人习惯把无衬线体称grotesque（德语作grotesk）或“哥特体”。特征是：强调

3、对角方向一个字母最细的部分不是在顶部或底部，而是在斜对角的部分；粗细线条之间微妙的区别笔画粗细的对比不强烈；出众的可读性。旧体是最接近手工铅字起源的字体。旧体:过渡体（或称“巴洛克体”）衬线体最早出现在18世纪中叶，这类字体中包括最著名的Times New Roman（1932年）和Baskerville体（1757年）。由于在风格上处于现代体和旧体之间，故名“过渡体”。和旧体比较，粗细线条的反差得以强调，但是没有现代体那么夸张。过渡体出现在18世纪末，强调了粗细笔画之间的强烈对比，加重了竖画，而把衬线作得细长。大部分现代衬线体的可读性不及旧体和过渡体衬线体。现代衬线体西文的衬线体旧体粗衬线体

4、过渡体现代体传统衬线体S最细部分，用红色斜虚线标出可以看出它的较细部分始终保持倾斜状态，笔画的粗细是有变化的，看起来比较传统，是一种基本字形。衬线体传统和现代形字体现代衬线体笔画粗细始终保重一致的状态，相对比较更加理性，机械，规范化的感觉。再来看底座的支架，传统支架它的笔画连接是弧线的，而现代的是平直几何形的，这可以理解为感性与理性的一种对立呈现方式。古典无衬线体 过渡无衬线体现代无衬线体 无衬线体，笔画上不会出现明显的弧度，用的形状比较几 何，力量感一点）过渡无衬线字体是介于古典和现代之间的字形，最大的特点就是既有现代感理性简练的感觉也不失感性略带笔触，纤细秀气的感觉。可以看到上图 第二个中

5、画红圈部分，它的转角，停顿处是一样的粗细分布。现代无衬线字体的特点是笔画之间粗细很均衡，是理性的象征。哥德体：哥德体早期的无衬线字体设计，如Grotesque或 Royal Gothic体。主要分类：古典体或称为人文主义体（Johnston、Frutiger、Gill Sans、Lucida、Myriad、Optima、Segoe UI、Tahoma、Trebuchet MS、Verdana）。这些字体是无衬线字体中最具书法特色的，有更强烈的笔画粗细变化和可读性。 人文主义体：几何体（Futura、）。顾名思义，几何无衬线体是基于几何形状的，透过鲜明的直线和圆弧的对比来表达几何图形美感的一种无

6、衬线字体。从大写字母的O的几何特征和小写字母a的简单构型就可以看出，几何体拥有最现代的外观和感触。几何体：现实生活中的应用：制作：深圳第二高级技工学校设计系图中的英文字体是现代衬线体中的一种，“发丝型衬线体”，它的特点是由细致线构成的，看起来非常平整，粗细线条对比清晰，明确，具有现代感。上图标题部分是传统无衬线体的一种字形，画面上体现的是一幅类似传统工业制作的画面，在字体的选用上为了迎合当时的氛围需要，并且能突出主题，选用了粗衬线体，粗旷有力而且很古典。上图标题用的是完全现代的无衬线体字形，版面是横向设计，字体上就选用了比较修长的无衬线体黑体，视觉中心点同样是在中心，和左边的画面有相呼应的细节

7、设计，和字腔较小相呼应的字腔较大字形，比较易读，但是视觉中心点也相对较散一些，人的视线落脚点会比较开阔。二、X高的含义。制作：深圳第二高级技工学校设计系X字高 二、在西文中，除了上文提到的字母以外，其他小写字母的字高都要比x字高要大，并分为两类，一种是含有降部的字母，字母的笔画向下超过了基线，比如字母y、g、q和p；另一类是含有升部的字母，字母笔画含有向上部分，如l、k、b和d。x字高和字母主字高（英语：body height）的比例是考察一个字体设计的重要因素。在西文的具体字体以及排版术语中，x字高通常被称为一个ex，这和把大写字母M的宽度称为一个em (en:Em (typography)

8、的习惯类似。东方汉字的基本结构制作：深圳第二高级技工学校设计系一、汉字的结构规律（一）形、音、义相结合，构成了汉字的统一体，这是汉字构成规律之一，而其中形义之间的联系，乃是汉字突出的构成特点。这一构成规律是汉字区别于拼音文字的主要特点。在拼音文字中，字形只表示读音，不表示字义，字形和字义没有联系。（二）汉字是以义为核心，形音义三者的有机结合体。汉字的结构可以分为独体、合体两大类。（一）独体字是由笔划直接组合而成，其结构单位有两个层次：笔划、整字。如：日、月、山、水汉字独体字一般都是象形字，数量少，约占汉字总数的5。（二）合体字是由两个或两个以上的汉字组成，其结构单位有三个层次：笔划、偏旁（部件

9、）、整字。如：休、息、森、问汉字不仅具有意象功能还有很强的自组功能，合体字的数量多，约占总数的95。汉字的构造： 汉字是依形、音、义三者的关联形成的一套文字系统。独体（山）、上下（意）、上中下、左右（情）、左中右、品字型、左上围（原）、左下围（建）、右下围、右上围、上围（闯）、左围（区）、下围（凶）、右围、上下围（衮）、左右围（辩）、全围（国）。汉字有16种基本结构独体（山）上下（意）左右（情)品字型左上围（原）左下围（建）笔划笔划是汉字最小的结构单位。笔划与笔划可以组成独体字，可以组成偏旁。笔划的种类汉字的基本笔划有八种：横（）、竖（）、撇（丿）、捺（）、点（丶）、折（乛）、提（ ）、钩（亅

10、）变体八种基本笔划又产生种种变体。如：钩除了竖钩外，又有横钩、弯钩、斜钩、卧钩等变体。组合式变体八种基本笔划及其变体还往往结合在一起，形成组合式变体。如：“风”字的第二笔（横折斜钩）是由横、折、斜钩三种笔划组合而成的变体笔划。汉字的基本笔划及其常见的变体笔划共有三十多种，形成了汉字的笔划系统。汉字的笔划系统常用的serif（衬线字体）字体为Time New Roman、Georgia、宋体衬线字体巴洛克体：无衬线体（Sans-serif）专指西文中没有衬线的字体，该类字体通常是机械的和统一线条的，它们往往拥有相同的曲率，笔直的线条，锐利的转角。无衬线体Grotesque或 Royal Goth

11、ic体早期的无衬线字体设计，如Grotesque或 Royal Gothic体Neo-groteque（Transitional or Realist）：新grotesque或称为过渡体目前所谓的标准无衬线字体，如（瑞士体）， Arial和Univers体等。Humanist： 古典体或称为人文主义体（Johnston、Frutiger、Gill Sans、Lucida、Myriad、Segoe UI、TahomaTrebuchet MS、Verdana）这些字体是无衬线字体中最具书法特色的，有更强烈的笔画粗细变化和可读性。Geometric： 几何体（Avant Garde、Century

12、Gothic、Futura、Gotham）。顾名思义，几何无衬线体是基于几何形状的，透过鲜明的直线和圆弧的对比来表达几何图形美感的一种无衬线字体。I尽管衬线体来自于碑刻字体，但是在手写字母的时候，人们却并不习惯于加上那些衬线。唯一的例外是大写的 I，加上了衬线以和小写的 L 区分，数字1和7在手写的时候之间也常用衬线加以强调和区别1l7装饰体是在中国宋朝发明的一种汉字印刷字体。笔画有粗细变化，而且一般是横细竖粗，末端有装饰部分（即“字脚”或“衬线”），点、撇、捺、钩等笔画有尖端，属于白体，常用于书籍、杂志、报纸印刷的正文排版。因从明朝传入日本，而又称为明体、明朝体。宋体又称方体或等线体，没有衬

13、线装饰，字形端庄，笔画横平竖直，笔迹全部一样粗细。汉字的黑体是在现代印刷术传入东方后依据西文无衬线体中的黑体所创造的。由于汉字笔划多，小字黑体清晰度较差，所以一开始主要用于文章标题。但随著制字技术的精进，已有许多适用于正文的黑体字型。而宋体就可以被称作衬线字体。 “黑体”在日文中被称为Goshikku-tai（直译即“哥特体”）。黑体概念：手写体是一种使用硬笔或者软笔纯手工写出的文字，手写体文字代表了中国汉字文化的精髓。这种手写体文字，大小不一、形态各异，在计算机字库中很难实现错落有致的效果。只能使用手工写字的方法传承下去。手写体方正静蕾简体 一、POP是英文point of purchase

14、的缩写，意为“卖点广告”其主要商业用途是刺激引导消费和活跃卖场气 POP字体：二、形式:户外招牌，展板，橱窗海报，店内台牌，价目表，吊旗，甚至是立体卡通模型等等。常用的POP为短期的促销使用，表现形式:夸张幽默，色彩强烈，能有效地吸引顾客的视点唤起购买欲，她作为一种低价高效的广告方式已被广泛应用。如何用X坐标对英文字体进行排版定位在欧洲和西亚排版和书法的，基线是线后最多的字母“坐”和下面的下沉延长。在例子中正确的字母“P”，有一个下降；其他字母坐在（红色）基线。大多数，但不是全部，字体是相似的在以下方面对基线：大写字母坐在基线。最常见的异常是J和Q。李宁的数字（见阿拉伯数字）坐在基线。以下文本

15、数据有下伸：3 4 5 7 9。以下小写字母有下伸：G J P Q Y.符号圆形的上下范围（0 3 6 8 C G J阿Q）浸略低于基线（“过冲”）创建的错觉，他们坐在基线，和超越的高度或资本高度创造的幻想，他们有相同的高度为平雕文（如H1 5 7）。彼得卡罗的数字字体表明，典型的超调量约为1.5%。在一段连续的线基准线的垂直距离，也被称为线高度或领先的，虽然后者也可指距离减去基线字体大小。北印度的脚本有一个特点挂基线对齐；字母的书写线的顶部，由上划线标记，以延长基线以上的变音符号。东亚脚本没有基线；每一个字形坐在一个方形的盒子，既不上升也不下沉。较低的基线脚本混合时，东亚字符应该这样字符底部基线和下降之间的高度。使用X坐标对英文字体进行排版定位文字中的X坐标是一个较为专业的词汇，指的是文字的基线和肩线之间的距离，基线是大部分字母所在的字体的下降部之上的直线，肩线是大部分字母所在字体的上升部之上的直线。因为输入文字不一，很难进行统一。此时，在排版中可以运用X坐标规范图片和文字的一致性。从下图中可以看出字母X顶部和底部是水平的，因此常用作排版定位点。在上面的图标中，两根红线分别表示肩线和基线，肩线和基线之间的距离即是X坐标。不同字体的X坐标会有一些变化，如由图中显示的是相同字号不同字体的X坐标。X坐标只是字体中的一个相对尺寸，X坐标和字体的选择是分不开的。在在