第一章 字体是什么?为什么它比你想象的更重要 / Chapter 1 What Is Typography? Why It Matters More Than You Think
刷朋友圈的时候你有没有过这种经历:同样一句“今天考了满分!”,用圆滚滚的汉仪乐喵体发出来,你第一反应是同桌那个总爱卖萌的女生发的;要是换成粗重笔画的微软雅黑加粗,你立刻会想到是班主任在群里发的通知;要是换成歪歪扭扭的像素手写体,你甚至能脑补出是游戏里刚加的好友发的求带飞的私信。哪怕文字内容一模一样,不同的字体就像给文字穿了不同的衣服,甚至直接给文字配上了不同的“语气”和“表情”。
你可能会说:“不就是字的样式嘛,有什么大不了的?”但如果你仔细回想过去一周的生活,会发现字体早就渗透进了你生活的每一个缝隙:早上醒来解锁手机,锁屏上的时间用的是系统默认无衬线字体;刷短视频时,博主标题用的醒目粗体字、评论区里的彩色艺术字,都在悄悄引导你的注意力;吃早餐时,包装袋上的品牌名、营养成分表的小字,用的都是经过专门设计的字体;上学路上看到的公交站牌、路边的奶茶店招牌、禁止烟火的警示牌,甚至是课本里印刷的课文、试卷上的题目,全都是不同设计师精心挑选或设计的字体。甚至你玩的《原神》里角色技能的名称、《间谍过家家》动漫OP的标题、你买的盲盒包装上的 slogan,字体的选择都直接决定了你能不能第一眼get到它想传递的情绪。
你有没有发现,有些游戏的界面字你看一眼就觉得“好酷”,而
你有没有发现,有些游戏的界面字你看一眼就觉得“好酷”,而有些游戏的界面字你看了半天都不知道技能是加攻还是加防?你有没有注意过,《咒术回战》OP里那个裂开的标题字体,一出来你就觉得“战斗要开始了”,而《间谍过家家》那个圆滚滚的标题字体一出来,你就知道“这集肯定是阿尼亚又闹笑话了”?这不是你的错觉,字体本身就是一种“视觉语言(Visual Language)”,它不用开口说话,就已经把情绪、场景、甚至身份都告诉你了。
一、字体的核心定义:别再搞混Typeface和Font了
要搞懂字体,首先得厘清两个最容易混的术语:字体(Typeface) 和 字型(Font)。你可以把Typeface理解成一个“字体家族”,比如大家熟悉的“思源黑体”“微软雅黑”“Times New Roman”都是独立的Typeface,每个家族里会根据笔画粗细、倾斜度分成不同的成员,比如“思源黑体”里有细体(Thin)、常规体(Regular)、粗体(Bold)、黑体(Heavy)等不同字重的成员,还有倾斜的斜体(Italic)。而Font则是这个家族里的“具体个体”,比如“思源黑体 Bold 14号字”就是一个具体的Font——它既有家族属性,又有具体的尺寸、字重属性。就像“哈士奇”是一个犬种(Typeface),而你家里那只拆家的二哈就是具体的个体(Font),这样记是不是就清楚多了?
很多人会把这两个词混用,但在专业的字体设计领域,两者的区分非常严格:我们平时说“这个logo用的什么字体”,其实问的是Typeface,而设计师说“我把这个标题的Font改成Bold 18号”,指的是具体的字重和尺寸的组合。
二、字体的四大基本构成要素:从砖块到房子
所有字体都是从四个基础要素搭建起来的,就像盖房子需要砖块、结构、装修、楼层一样,搞懂这四个要素,你就能看懂所有字体的设计逻辑。
1. 笔画(Stroke):字体的“砖块”
所有字体的最小单元都是笔画,就像盖房子的砖块。汉字的笔画以“永字八法”为基础,分为横、竖、撇、捺、点、提、折、钩8种基础类型;而英文的笔画则分为直线、曲线、弧线、衬线四种基础类型。笔画的设计直接决定了字体的“性格”:你看汉仪乐喵体的笔画末端都是圆角,像小猫的爪子一样软萌,所以适合用在卖萌的文案里;而微软雅黑的笔画末端是方角,粗细均匀,看起来干净利落,所以适合用在正式的公告里。英文里的圆体(Round Sans)笔画末端都是圆角,看起来友好亲切,所以常被用在儿童产品、奶茶店的logo里;而哥特体(Blackletter)的笔画尖锐,带有大量复杂的装饰,看起来古老又肃穆,所以常被用在啤酒品牌的logo、大学的校徽里,比如哈佛大学的校徽就是用的哥特体,瞬间就有百年名校的厚重感。
2. 结构(Structure):字体的“骨架”
笔画组合起来就是字的结构,这是汉字和英文字体设计逻辑差异最大的地方。 汉字是表意文字,每个字都是一个独立的图形,整体呈方块结构,所以设计的时候核心要保证“重心平稳、结构匀称”:你看“中”字的重心刚好在竖画的中点,看起来稳如泰山;“林”字两个“木”不能完全对齐,要稍微错开一点,不然会显得头重脚轻;哪怕是笔画最简单的“一”,也要稍微带点上凸的弧度,不然会显得太僵硬。汉字的结构讲究“穿插避让”,比如“
`#字体定义` `#笔画要素` `#结构要素` `#衬线无衬线` `#字重` `#中英字体差异` `#拓展知识` `#小练习`
“明”字左边的“日”要写得比右边的“月”窄一些,右边“月”的撇画要轻轻伸到左边“日”的下方空隙里,既不会挤在一起,又显得错落有致;“秋”字左边的“禾”原本的捺画要改成短点,主动给右边的“火”让出空间,不然两个字就会“打架”;哪怕是笔画最多的“赢”字,五个部分的重心也要对齐在中间的一条竖线上,看起来才稳,不会歪歪扭扭。这种“你让我让、整体协调”的逻辑,就是汉字结构设计的核心,也是为什么很多外国人觉得汉字像画画——每个字本身就是一个平衡的微型图案。
而英文作为表音文字,是字母按顺序线性排列的,所以结构设计的核心不是单个字母的平衡,而是整串文字的重心统一、节奏均匀。英文里有个专门的术语叫“x字高(x-height)”,就是字母“x”的高度,它决定了字体的整体视觉大小:x字高大的字体(比如Arial)看起来更饱满、更醒目,适合用在屏幕和海报上;x字高小的字体(比如Times New Roman)看起来更秀气、更精致,适合用在长文印刷里。另外英文还有“升部(Ascender)”和“降部(Descender)”的概念:像b、d、h这些字母上半部分会伸出x字高,叫升部;像g、y、p这些字母下半部分会垂到基线以下,叫降部。设计的时候,所有字母的升部高度要统一,降部高度也要统一,不然整行字串起来就会像高低错落的楼梯,看起来特别累。还有一个容易忽略的细节是字母间距(Kerning):比如字母“A”和“V”挨在一起的时候,V的尖会刚好插到A中间的空隙里,看起来像“AV”粘在了一起,设计师就要专门把这两个字母的距离拉开一点,而“L”和“T”挨在一起的时候,T的横可以稍微伸到L的空隙里,让间距看起来更紧凑。你玩英文游戏的时候,如果觉得界面上的英文标题“挤得慌”或者“散得慌”,基本都是字母间距没调好导致的。
3. 衬线/无衬线:字体的“妆容”
如果说笔画和结构是字体的骨架,那