汉字的骨架:字身框、字面、重心和中宫
适合谁看:想动手设计汉字,需要先掌握汉字字形基本概念的人。
字身框和字面
- 字身框:每个汉字占据的正方形空间。概念来自铅字印刷,指铅字字身的外轮廓;在数字字体里就是 1 个 em 的方格;
- 字面:W3C《中文排版需求》的定义是「文字的字身框中,字图实际分布的空间」。设计前一般先定一个字面框作为参考,所有字都尽量撑到差不多的范围;
- 字面率:字面占字身框的比例。字面大,字显得大、排版显得紧;字面小,字显得小、字间留白多。
两个字的字身框紧贴排在一起时,字面之间的空白就形成了视觉上的字间距。所以中文字体的「间距」主要靠字面大小来控制,这一点和西文字体每个字母单独设字宽很不一样。
重心
重心是字的视觉平衡点。设计时一般靠目测判断偏上还是偏下:
- 同一套字的重心高度要一致,否则一行字看起来会上下跳;
- 不同风格的重心位置不同,设计前要先定下来。
中宫和字白
- 中宫:源自书法的九宫格,指最中间一格;后来指重心周围的区域,用来衡量笔画的疏密。中宫收紧,字显得紧凑、传统;中宫放开,字显得舒展、现代;
- 字白:笔画之间和外围的空白。中宫大小可以通过字中间被包围的空白来判断。
举例:用于高速公路标识的字体通常中宫很大、细节简化,为的是在极短时间内认出来;书籍正文字体更看重长时间阅读的舒适。
笔画和部件
- 汉字由点、横、竖、撇、捺、折等笔画组成,每种笔画在不同位置形态会变化(例如作为偏旁时的横往往变短、变斜);
- 合体字由部件组成,部件在不同位置大小比例不同(「木」单独成字和作为「林」的左边形态不同);
- 设计中常复用部件提高效率,但复用后仍要逐字调整,见《写对字:笔形、笔顺和字形规范》。
练习建议
- 先挑十几个结构不同的字(独体、左右、上下、包围)做样字,观察字面和重心是否一致;
- 把样字排成一段文字,缩小看整体效果,见《灰度和视觉校正》。
参考资料
- W3C clreq 术语表(字面、字距等):https://www.w3.org/TR/clreq/#glossary
- 优设网:学习字体设计前,先补上这份超全面的字体基础知识:https://www.uisdc.com/font-design-basics
- 光明网:审美与规范:字体设计的坚守——访方正字库设计总监汪文:https://news.gmw.cn/2022-04/17/content_35664868.htm