详解超级全面的字体基础知识教程(3)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:styletin

关键词

清朝的代表字体应该说是楷书,随着雕版印刷技术的提升,印刷字体相比宋体有了更多表现笔画的特征。清朝字体的一个特征是中宫普遍较紧凑,不过和其他楷体来说没有决定性差别,所以“清朝体”的称呼在国内并不多见,反而在日本比较常见。

清朝体有代表性的字体有仿照扬州诗局刊行的《全唐詩》而作的全唐诗字体,还有清朝官刻体,另外还有前些年在平面设计领域用到烂的康熙字典体,不过康熙字典体的流行和清朝体关系不大,主要是因为其扫描古籍录入的斑驳字迹。

常用字体:康熙字典体、汉仪全唐诗、弘道軒清朝体、 欣喜堂清朝官刻体、 DF古籍木蘭A

黑体:

详解超级全面的字体基础知识教程

二十世纪中期以来的代表字体。

黑体即是无衬线的中文字体,没有装饰用的衬线,简化笔画特征,笔画粗细差别极小。也被称为等线体、哥特体(日本叫法)。最早是日本依据西文无衬线体而作的中文无衬线体,后传入中国(吴竹体),最早只是作为粗大的标题字体,所以被称之为黑体。

黑体是目前屏幕显示的首选字体。

常用字体:思源黑体、中易黑体、方正兰亭黑、冬青黑体、方正等线、方正幼线、 方正纤黑、汉仪旗黑、小塚ゴシック、游ゴシック 、信黑體、微軟正黑體 (蒙纳)、微软雅黑体(方正)、方正悠黑简、メイリオ、苹方

风格字体分类

上面是中文字体的主要划分方式,有些字体在其基础上又独特的风格,自成一体。

综艺体:

详解超级全面的字体基础知识教程

综艺体是黑体的变种,通常用在广告、标题上。字面极大、追求尽量将空间充满。

常用字体:創挙蘭、方正综艺、汉仪综艺、造字工房力黑、造字工房版黑

圆体:

详解超级全面的字体基础知识教程

圆体也是黑体的变种,最早在秀英舎的『活版見本帳』(1914年)中出现,早期流行的圆体是石井丸ゴシック体(1956)。

圆体的特征在于笔划的末端与转角呈圆弧状。因此圆体不但具有黑体清晰易读的优点,而且也予人较柔和的感觉。国内更加常见的幼圆体是圆体的一种,是笔画更加细的圆体。

常用字体:蒙纳幼圆、DF丸ゴシック体(華康圆体)、あいこフォント、方正圆体、造字工房悦圆

宋黑体:

详解超级全面的字体基础知识教程

宋黑体是介于宋体和黑体之间,带类似宋体的衬线和黑体笔画特征的字体,和普通的的粗笔画宋体的差别是:粗宋体会有明显的“横细竖粗”的笔画粗细对比,而宋黑体没有。

常用字体:方正宋黑、锐字云字库宋黑体

圆宋:

详解超级全面的字体基础知识教程

圆宋是基于宋体的变体,相当于圆体之于黑体。在日本被称为“丸明朝体”。相对于圆体,其有宋体的特征:笔画有“横细竖粗”的粗细对比、带有衬线。而相对于宋体其衬线圆滑,虽有宋体的笔画特征但把棱角都做了圆化,字体结构方正,但细节圆润,有马克笔书写的感觉。

常用字体:丸明オールド、汉仪润圆、方正秉楠圆宋

姚体:

详解超级全面的字体基础知识教程

姚体通常认为是原中华书局聚珍部主任姚竹天于民国时期设计,上海解放日报社高级技工姚志良在二十世纪 50 年代改刻的字体。也有说法是姚体跟姚竹天的关系是误传。姚体兴盛于中国大陆的 60、70 年代,被用作报纸标题、宣称标语和招牌的字体。至今仍能在很多城市的车站中见到姚体的站名。

姚体是结合了宋体和黑体特征的字体,一般归类为黑体的变种。其特征是像宋体一样的直线笔画和“横细竖粗”的粗细对比,但没有宋体的衬线,但有明显的喇叭口和笔画出头作为装饰,最明显的莫过于竖长的字形和纵向的笔画走向。

常用字体:方正姚体、蒙纳小姚

金文体:

详解超级全面的字体基础知识教程

这个金文体并不是指中国古代的金文,而是一个在日本流行的字体,实际上类似于篆书体,其特点是垂直延伸的字形,并且字的下半部分看起被拉长,有类似篆书的笔画曲线。这种字体看起来既有有古典气息,又有现代、神秘的感觉,非常多的用在日本科幻、魔法风格的小说、漫画、动画产品产品的标题和海报中。

常用字体:华康金文体(DFP金文体)、DFP金文体うめ

其他字体

绘文字 emoji

绘文字(emoji)最早是在 1998 年左右出现在日本 NTT DoCoMo 公司的 i-mode 手机中的功能。

详解超级全面的字体基础知识教程

△ 最早的 au 絵文字

详解超级全面的字体基础知识教程

△ 把文字和图形穿插日本自古就有:日本江户时代的判じ絵(画迷)

绘文字(emoji)是以一个字符表示一个图形的方式表达信息,每个绘文字(emoji)其本质是一个特殊字符,2010年10月发布的 Unicode 6.0 中首次把绘文字(emoji)编入其中,往后每次 Unicode 更新几乎都会增加新的绘文字(emoji)。每个绘文字(emoji)字符虽然都有指定的意义,但是实际外观取决于使用的字体,而各个平台使用的字体并不相同:

详解超级全面的字体基础知识教程

各个平台对 的支持情况可以参考:Can I Emoji,各个平台上绘文字(emoji)实际外观可以查看: emojipedia。

要注意的是绘文字(emoji)和顔文字(かおもじ、Emoticon、表情符号)是指定不同的东西,顔文字是指如: 🙂 _(:3 」∠)_ ^_^ 这样用普通字符组成特定外形来表达表情或动作的文本。其使用的是普通字符,而不是特殊的字符,所以顔文字有更好的通用性,是 ASCII 艺术的一种形式。

Dingbat 字体与 Icon-font

虽然现在流行的绘文字(emoji)形式的图形字符起源于日本的手机,不过把图形用在字符中,早在数字时代之的印刷业就有了,活字时代就有用来装饰文本的 fleuron(花边) ,后来也出现了 Dingbats (装饰符号、杂锦字体),其中最有名和使用最广的是 1971 年的 Zapf Dingbats ,在 Zapf Dingbats 中主要还是用在传统印刷品中的标志或装饰性符号,不过小圆脸表情☻已经出现了。而 1990 年随 Windows 3.1 发布的 Wingdings 和后来发布的其 web 版本 Webdings (网页核心字体之一)有了更多现代的图形比如心型和眼睛 。

详解超级全面的字体基础知识教程

△ Zapf Dingbats (部分)

△ Wingdings

Dingbats 字体也被称为 Pi 字体,一般名字中带 Pi 的就是 Dingbats 字体。

而当今流行的 icon-font 技术就是他们的继承者,例如网页中常用的 Font Awesome、iconfont.cn 都是一种 Dingbats ,这种技术可以方便的在网页或者文本构成的用户界面中加入图形标志,而且由于是字体,所以这是当前(支持 Svg 等矢量图形显示技术的地方还不多)最方便的显示矢量图形的方式。

详解超级全面的字体基础知识教程

△ icon font

文本编码与 Unicode

对于了解字体来说文本编码标准是不得不认识的,尤其是对要制作或者修改字体的人来说。字体的一个字符对应一个编码(码点:codepoint),而编码对应字符集(Character Set)里的一个“字”,字体的字符通过字符集与“字”相连。

详解超级全面的字体基础知识教程

△ 文本编码的流程

字符集与编码方式

像通常说的 Unicode、GBK、BIG5、Shift_JIS 这些都是字符集,其主要作用是为字符集中的每一个“字”分配一个编码(码点:codepoint),要注意的有两点:

 收藏