衬线体:有起收笔装饰角的字形
衬线体的核心特征是笔画末端有装饰角,横竖粗细对比明显。它的优势是长文阅读时的引导性强——那些装饰角像小钩子,把视线往下一字带。典型场景是书籍正文、传统品牌、需要体现权威感的物料。
做衬线体的难点在装饰角的统一。同一个「横」的起笔,在「三」里和在「言」里,角度和长度都得一致,否则整页字看起来会「毛」。建议先定 3 种基础装饰角(横起、横收、竖起),再套用到所有字上。
我见过太多人卡在同一个地方:屏幕上那两个字怎么看怎么别扭,却说不清到底哪儿不对;也见过作品被客户追着问「这字体能商用吗」,自己心里一点底都没有。这份指南就是把这两件事一起说清——结构怎么调、授权怎么查,都给你可执行的判断依据。
示例数字仅用于说明本站内容规模与更新节奏,不代表真实用户量或第三方背书。
※ 以上为流程示意文字,非真实程序输出。
很多人第一次接触字体设计,是从「我想做一个自己的字体」开始的。可真坐下来做,才发现问题根本不是「怎么把字写好看」,而是「为什么我写的这个字,放到别的字旁边就突然矮了一截」。这就是字体设计和手写最大的区别:手写只要这一笔好看,字体设计要求的是——这套规则在几千个字上都成立。
我习惯用一句话区分三件事。书法是个人表达,一笔一画带情绪,写一百遍一百个样;logo 字标是为某一个词定制,只服务那三五个字,可以极端到把笔画拉长三倍;字体设计则是造一套可复用的字形系统,它必须容忍「门」和「囊」这种笔画密度差了十几倍的字,同时在同一个字号下看起来一样重。做字标的人常犯的错,就是把字标那套「唯美主义」直接搬到字库上,结果做到第一百个字就崩溃了。
那字体设计到底要固定哪些规则?大致是这几项:字面率(一个字占字身框的比例)、重心线(视觉重心落在哪条水平线上)、笔画粗细与对比关系、笔形特征(起笔收笔有没有装饰角)、以及字距与字重体系。这五项定下来,你后面画两千个字才有依据;定不下来,你每画一个字都要重新做一次审美决策,效率会低到怀疑人生。
说句实在话:网上大量讲字体设计的内容,其实讲的是「字体欣赏」。它们告诉你某个字「很有力量感」「很有呼吸感」,但不会告诉你这个力量感来自哪里——是横竖比从 1:1 拉到 1:1.6 了,还是字面率从 88% 缩到 82% 了。这份指南想干的,就是把形容词翻译成参数。至于具体的字体厂商名单、获奖记录、销量数字,我这边没有可靠信源的一律不写,信息以官方公开资料为准,编造出来的精确数字比不写更伤人。
一句话直答:字形好不好看,八成取决于骨架是否正、重心是否齐、笔画是否统一,这三项都属于可测量的结构参数,跟审美天赋关系不大。
把字体设计里最容易被神化的部分拆开,其实就是三件事。第一件是骨架:先用等粗的单线把字的走势画出来,就像盖房子先立钢架。这个阶段你完全不用管好不好看,只管「这个字站不站得住」。第二件是重心:所有字的重心要落在同一条水平线上,否则排版时整行字会像波浪一样起伏。第三件是笔画:把单线扩成有粗细变化的轮廓,并保证同类笔画在所有字里的粗细一致。
新手最容易跳过的就是这一步,直接上手画带粗细的轮廓。结果就是「口」字横画粗了,「日」字竖画细了,两个字放一起怎么调都不对。用等粗单线的好处是,你能把注意力全部放在结构和比例上,不受笔形干扰。我通常建议这个阶段至少画 20 到 30 个字,画到闭着眼都知道「口」的左右两竖该往内收多少度。
骨架里有个具体参数叫字面率,也就是字实际占用的面积相对字身框的比例。常见范围在 82% 到 92% 之间,正文用字通常偏高(约 88%–92%),标题或装饰性字可以压到 82%–86% 换更强的个性。这个数字定下来之后,所有字都要往这个标准靠。
这是很多人做字做到一半才发现的坑。汉字的视觉重心通常比几何中心略高一点,一般高 2% 到 4% 左右比较舒服。为什么?因为人的视觉习惯会把上方看得更重,重心压太低会显得字「往下坠」。具体做法是在字身框上画一条重心参考线,所有字的最重笔画群都要落在这条线附近,允许 ±1% 的浮动。
拿「土」和「王」举例。这两个字结构几乎一样,但「王」多一横,如果两字都用几何居中,「王」会显得比「土」重。这时候就要把「王」的三横间距稍微压缩一点,让整体灰度回到同一水平。这类微调,就是字体设计里最耗时间也最见功力的部分。
横画和竖画如果做成绝对等粗,横画看起来一定会更粗。这是视错觉,不是你的错觉。所以绝大多数无衬线体里,横画会比竖画细一点,比例通常在 1:1 到 1:1.3 之间;衬线体的对比可以拉到 1:2 甚至更大。除此之外,斜画、交叉点、转折处都要单独做补偿——交叉的地方要减细,否则墨会「堆」在一起。
还有一类补偿跟字号有关。同样一条 1 像素的线条,在 12px 下和 72px 下的视觉重量完全不同。这就是为什么很多字体在屏幕小字下会显得糊,因为设计师只在放大状态下调好了形状,没做小字号的视觉补偿。
风格这件事,我的建议是先别问「我喜欢哪种」,先问「它要用在哪」。同一套字形结构,笔形一变,气质就完全不同;而笔形的选择,本质上是被使用场景倒推出来的。
衬线体的核心特征是笔画末端有装饰角,横竖粗细对比明显。它的优势是长文阅读时的引导性强——那些装饰角像小钩子,把视线往下一字带。典型场景是书籍正文、传统品牌、需要体现权威感的物料。
做衬线体的难点在装饰角的统一。同一个「横」的起笔,在「三」里和在「言」里,角度和长度都得一致,否则整页字看起来会「毛」。建议先定 3 种基础装饰角(横起、横收、竖起),再套用到所有字上。
无衬线体去掉装饰角,笔画末端多是平切或微圆。它在低分辨率屏幕上表现更稳,这也是它成为 UI 和网页主力的原因。设计上最大的自由度在「端点处理」——直角、圆角、斜切,三种选择就能拉开完全不同的性格。
圆角端点偏亲和,适合消费类产品;直角端点偏冷静,适合工具和金融;斜切端点带一点动感,适合运动或潮流品牌。选完端点,再定横竖比,风格基本就立住了。
手写体的麻烦在于,手写的魅力恰恰来自不一致,但字体设计要求一致。解决方案是「保留随机感的规则化」——比如约定 5 种连笔写法,在整个字库里循环使用,既看起来自然,又不会每字一个新样。
手写体通常只适合短文案:标题、包装、海报。用它排正文会非常累,因为连笔和倾斜会显著降低识别速度。
像素风的约束最强——所有笔画必须落在网格上,最小单位就是 1 像素。约束强反而好做,因为不需要做太多审美决策。常见做法是先定 12×12 或 16×16 的网格,然后在这个网格里安排笔画。
几何风则是用圆、方、三角这些基本形拼字,特征是直线和正圆特别多。它的问题是复杂的汉字(比如「赢」「藏」)很难塞进几何规则里,所以几何风通常只做标题字或有限字符集。
选风格还有个现实考量:你打算做多少个字。只做 20 个字,任何风格都可以试;要做 3500 字的完整字库,就得优先考虑「这个风格我能不能重复画 3500 次而不崩溃」。手写体、几何风这类高个性方向,做小字符集是加分,做大字库是灾难。
一句话直答:难在数量与密度的双重挤压——常用汉字 3500 字起步,笔画从 1 画到 30 画以上,同一套规则要同时hold住「一」和「囊」。
西文字母常用字符大约 200 个,含大小写、数字、标点。中文呢?国标基本集 3500 字起步,GB2312 常用汉字 6763 个,做一套「够用」的中文字库,工作量通常是西文字体的十几倍。这不是勤奋能解决的问题,是结构性的。
最直观的麻烦是笔画数。一个「一」只有一笔,一个「囊」有二十多笔。如果所有字都用同样的笔画粗细,密集字会糊成一团黑,简单字会显得空。所以中文字体设计必须做「分级补偿」:把字按笔画密度分成若干档,密集档适当减细笔画,稀疏档适当加粗,让整页字的视觉灰度趋于一致。
实际操作中,常见的做法是划出 3 到 5 个密度档。比如 1–6 画为一档,7–12 画为一档,13 画以上再分档。每档的笔画粗细差通常在 3% 到 8% 之间,具体多少要靠打印出来看整体灰度来定。
做中文字库不可能一个字一个字从零画。效率的关键是「部件复用」:把所有字拆成偏旁和部件,比如「氵」「讠」「艹」这些高频部件只画一次,再组合到不同的字里。一套 3500 字的字库,如果把部件整理好,实际需要从零设计的部件可能只有 400 到 600 个。
但复用也有风险。同一个「木」在「林」里和在「森」里,笔画粗细和间距可能需要微调,硬套会出现视觉不齐。所以部件复用之后,还要做一轮「组合检查」,把所有含该部件的字排在一起看一遍。
一个人做 3500 字的小型中文字库,从骨架到成字、字距与测试,通常需要 6 到 18 个月,取决于每天投入时长与字形复杂度。如果每天只能投入 2 小时,这个周期还会更长。这还没算上后续的测试、修字、导出、打包。
所以我的建议是:如果你的目标是品牌字标或活动标题,做 8 到 30 个字就够了,3 到 10 天可以出初稿;如果你的目标是发布一套完整字库,先想清楚能不能坚持一年以上,再动手。
中文项目里出现英文几乎是必然的:品牌名、型号、URL、专业术语。混排处理不好,整段文字会显得「两层皮」——中文一套重量,英文一套重量,眼睛看过去就是不平。
西文字母有一套自己的结构逻辑。小写字母的 x-height(x 高度,即小写字母主体的高度)是决定整体观感的关键参数之一;它越大,字看起来越「满」、越适合小字号;越小,越显得优雅、适合大标题。另外,字母的开口大小、字腔形状、以及 ascender(上伸部)与 descender(下伸部)的比例,都是需要统一控制的。
还有个常被忽略的点:西文的字距(kerning)是成对调整的。像「AV」「To」「Ya」这种组合,如果按默认间距排,中间会出现明显的空洞。专业字体会内置几百到上千对 kerning 数据,这也是为什么有些字体文件特别大。
第一是基线对齐。中文和西文的基线概念不完全一样,直接并排时英文常常看起来偏上或偏下。常见做法是让西文的基线略低于中文的视觉底边,具体幅度在字号的 2% 到 5% 之间。
第二是视觉重量匹配。中文用中黑体,英文搭一个 Regular 权重,结果英文明显偏细。这时候要么换英文的 Medium 权重,要么给英文加一点点字重补偿。判断方法很简单:眯眼看整段,如果某个语言「跳出来」,就是重量没配好。
第三是中西文之间的间距。汉字是全角,英文是半角,直接拼接时中西之间会显得特别挤。规范做法是在中西文交界处插入约 1/4 个汉字宽度的间隙,CSS 里可以用 text-spacing 或手动加薄空格来实现。
我的经验是「气质对齐、重量对齐、比例对齐」。气质对齐指的是衬线配衬线、无衬线配无衬线,或者刻意制造强对比(一个极简配一个极繁)。重量对齐就是上面说的视觉重量匹配。比例对齐指的是英文的 x-height 和中文的字面率要能对上,不要让英文明显显小或显大。
如果拿不准,最稳的搭配是同族字体——很多中文字库会附带配套的西文字形,它们本来就是按同一套比例设计的,混排时几乎不用调。
工具没有「最好」,只有「配不配你当前的任务」。我把常见的三类工具拆开讲,你可以按自己的阶段来选。
优势是上手快、节点编辑成熟、和设计稿衔接顺。适合做字标、少量字形、海报标题字。缺点是批量造字时效率低,字距调整和字体导出基本靠插件或另找工具。
适用阶段:0 到 30 个字的小项目。
这类工具的核心能力是「按字符编码管理字形」,能直接处理字距对、字重轴、以及导出标准字体文件。做完整字库基本绕不开它们。
适用阶段:30 个字以上,或需要导出字体文件的项目。
优势是零安装、协作方便、能快速试风格。适合做概念验证——先在线拼几版看方向,再回到本地做精细调整。缺点是精细控制有限,复杂字形还是得靠桌面工具。
适用阶段:方向探索与快速试错。
探索阶段用在线平台或矢量软件快速出几版方向,别一上来就开字库工具。定稿阶段切到矢量软件精修字形轮廓,这个阶段对节点的控制力要求最高。量产阶段用字库工具批量管理字形、设置字距、导出文件。
还有个细节:导出前一定要检查字符编码映射。很多新手做完字形才发现「这个字没挂到正确的 Unicode 码位」,导致字体装上去打字打不出来,白干。
下面这套流程是我自己反复用过的顺序,也是新手最不容易走弯路的顺序。每一步都标了大致耗时和难度,你可以按自己的节奏来。
字形画完只是半成品。真正决定这套字能不能用的,是它在成段排版时的表现。这一段专门讲微调。
一套完整的字重通常包含 3 到 9 档,常见的是「细、常规、中、粗」四档。关键不是档数多,而是相邻两档之间的视觉差距要均匀。如果从常规到粗只加了一点,用户根本看不出区别;如果加太多,中间就断层了。
实操上,相邻字重的笔画粗细差通常控制在 12% 到 20% 之间。低于 12% 区别不明显,高于 20% 会显得跳跃。判断方法是把所有字重排成一行,眯眼看是不是像「楼梯」一样均匀。
字距不是「让每个字之间距离相等」,而是「让每个字之间的空白面积看起来相等」。一个「一」和一个「囊」如果间距一样,视觉上「一」会显得周围太空。所以密集字要放宽,简单字要收紧,依据是笔画密度。
还有个更细的层面叫「字距对调整」,也就是针对特定组合单独调。比如「林」和「木」挨在一起,两个「木」的横画会形成视觉粘连,需要额外加一点间距。专业字体会内置几百到上千组这样的数据。
字距调好之后,还得看行距。中文正文的行距通常在字号的 1.6 到 1.9 倍之间;行距太小会挤,太大会散。如果字面率偏高(88% 以上),行距可以适当收一点;字面率偏低,行距要放宽,否则行与行之间会显得空。
段距一般是行距的 1.5 到 2 倍。另外,标题的字距通常要比正文紧一些,因为标题字号大,字与字之间的空白在视觉上会被放大。
拿一段 60 字的中文举例。第一版用默认字距,整段看起来「散」,字与字之间像有缝。第二版把简单字收紧 3%,密集字放宽 2%,整段灰度明显均匀了,但「口」这类小字还是显得孤立。第三版把「口」的外部空间再收 2%,同时给「囊」这类复杂字加了 1% 的外扩,整段终于「平」了。
这类调整没有公式,靠的是反复眯眼看整段的灰度。但有个自检标准:把文字缩小到 20% 看,如果整段像一块均匀的灰色块,说明字距调到位了;如果某些地方出现白斑或黑块,就还得改。
同一个「好看」,放在不同场景里的标准完全不一样。下面按四类最常见的用途说说各自的侧重。
品牌字标只服务那三五个字,所以可以极端。字面率可以压到 78%,笔画可以拉得特别长或特别粗,甚至可以故意破坏结构来做记忆点。判断标准是「能不能在 0.5 秒内被记住」。
但有个底线:不能改到认不出是什么字。见过太多为了个性把「茶」写成看不出是「茶」的案例,结果消费者记不住品牌名,白做。
UI 用字要在小字号下清晰,所以字面率偏高(约 88%–92%),笔画粗细均匀,端点处理干净。字重体系要完整,因为界面里同时存在标题、正文、按钮、标签,需要不同重量来区分层级。
还有一个硬要求:数字要等宽或者至少视觉等宽,否则按钮上的数字会跳动。这在做倒计时、价格、数据面板时特别重要。
海报标题字号大、观看距离远,所以可以做大对比:衬线体可以拉到 1:2 的横竖比,无衬线可以做极粗或极细。字距可以压得很紧,让整行字形成一个「块」。
注意透视和变形是海报常用的手法,但变形之后要重新检查重心,否则整行字会歪。
正文用字的目标是「让人忘记字的存在」。所以风格要克制,字面率稳定,笔画粗细适中,字距均匀。花哨的笔形在正文里只会干扰阅读。
正文用字还有一个隐性要求:字符集要全。缺字会导致排版时突然跳出一个系统默认字体,非常出戏。
下面这六个方向,是我按「新手投入产出比」排的。评分综合了上手难度、实用频率和进阶空间,满分 10 分。
投入产出比最高的方向,练好了后面所有风格都能套用。建议先练 20–30 个结构简单的字。
决定作品气质的关键,但前提是结构已经稳。风格选择要跟着使用场景走,不要跟着喜好走。
想做完整字库就必须啃这块。核心是部件复用和密度分级补偿,能省掉大量重复劳动。
中文项目几乎都会遇到混排,掌握基线对齐和视觉重量匹配,能立刻提升版面质感。
工具选对能省一半时间,但工具本身不产生设计能力。先有方法,再谈工具。
不产生直接美感,但决定作品能不能落地。越是商业项目,这一项的权重越高。
一句话直答:判断能否商用,看授权书里有没有明确写「商业使用」以及具体的使用范围,只写「个人使用」的一律不能用在商业项目上。
这块内容最枯燥,但出事的时候最疼。我见过设计公司因为主视觉用了未授权字体被索赔,也见过电商美工把「仅个人使用」的字体用在了商品主图上。下面把判断依据和自查方法讲清楚。
常见授权大致分四层。个人使用:只能用于非商业的个人练习,不能用于任何产生收益的场景。免费商用:可以用于商业项目,但通常有附加限制,比如不得单独售卖字体文件、不得用于商标注册、不得嵌入到软件产品里再分发。商业授权:按使用范围收费,比如按项目、按年限、按设备数、按发布渠道收。买断或独占:价格最高,通常用于品牌专属字体。
关键点在于:即便标注「免费商用」,也常常带条件。所以不能只看「免费商用」四个字,要看具体条款。
第一,商标注册。很多免费商用字体明确禁止用于商标,因为商标是独占性权利,和字体授权是两个体系。第二,嵌入与再分发。把字体嵌入 App、电子书、PDF 模板中分发,属于另一类授权,很多免费字体不允许。
第三,二次修改与再发布。改字形后发布衍生字体,几乎所有商业授权都禁止;部分开源协议(如 SIL OFL)允许修改,但要求改名并保留原协议。第四,商品包装与电商主图。这是最常被忽略的场景——设计稿看着没卖东西,但商品一旦上架销售,就构成商业使用。
第一步,记录你用的每一个字体的完整名称和版本号。第二步,找到官方的授权页面——注意是官方,不是第三方转载页,转载页常年不更新,条款可能早就变了。第三步,逐条对照你打算用的场景:是否商用、是否涉及商标、是否嵌入分发、是否二次修改。第四步,把授权页面截图存档,注明获取日期。
这套流程走下来大概 10 到 20 分钟,但能挡掉绝大多数风险。如果项目金额大,或者客户对合规要求高,建议直接找字体厂商确认,或者购买正式授权。
还有一点必须说清楚:本站不提供任何未授权字体的下载、破解或绕过授权的方法,也不会给出侵权传播的路径。写这块内容的目的只有一个——帮你在合法范围内把事做成。具体到某个字体的最新条款,一律以厂商官方公布为准,我这边不臆造、不猜测。
免费可商用字体是真实存在的,问题在于「去哪找」和「怎么确认」。下面讲几个靠谱的渠道类型和核对方法。
第一类是明确采用开源协议发布的字体,比如 SIL Open Font License(OFL)、CC0 这类。这类字体的授权条款是标准化文本,容易核对,也允许修改和再分发(OFL 要求衍生版本改名)。第二类是字体厂商自家的免费商用系列,通常是厂商用来引流的入门字重,条款由厂商自己定,需要到官网确认。
第三类是政府或公共机构发布的字体。这类字体一般明确允许免费商用,条款写在发布机构的官方公告里,可信度高。使用前建议把公告页面存档。
动作一:确认页面是官方域名,不是第三方下载站。动作二:找到「授权」或「许可」章节的完整文本,不是页面顶部的宣传语。动作三:搜索关键词「商用」「商标」「嵌入」「再分发」「修改」,看这些词出现在允许还是禁止的语境里。动作四:记录字体版本号,因为条款可能随版本更新。
这是我强烈建议每个设计师都做的事:建一个表格,记录字体名称、来源链接、授权类型、允许场景、获取日期、条款截图路径。项目多了之后,这个台账能帮你省掉大量重复核对的时间,也能在客户质疑时快速给出依据。
表格不用复杂,六列就够了。关键是养成「用之前先记一笔」的习惯。我自己的台账现在有几十条记录,每次新项目开工先翻一遍,比重新查快得多。
下面这份数据来自搜索引擎近 30 天的相关搜索印象量聚合,我把它按搜索意图归了四组。看这份表,比逐个平台去翻要省事得多,也能看出大家真正卡在哪一步。
洞察:平台入口类里「字体天下」一个词就占了绝对多数,说明用户找字体时品牌词倾向极强,平台认知度比品类词更集中。
洞察:免费获取类合计约 33,717,是四组里需求最集中的一大块,其中「免费商用」的细分需求虽小但意图最明确、转化价值最高。
洞察:品类词「字体」本身印象量最高,说明大量用户还在最宽泛的层面找资源,这类需求适合用「成体系的资源库」承接。
洞察:工具类需求稳定存在,尤其「在线生成」这一支,说明相当一部分用户不想学设计,只想快速拿到一个可用效果——这类人恰恰最需要搞清授权边界。
数据来源:搜索引擎相关搜索,近 30 天,仅供参考。热度条按各词印象量相对该组最大值归一化展示,非绝对比例。
下面这些坑,几乎每个自学的人都会踩一遍。提前知道能省下几个月。
误区一:一上来就做整套字库。这是最劝退的操作。正确顺序是先做 8 到 15 个单字,再做词组,最后才考虑字库。我见过太多人在第 50 个字时放弃,前面的功夫全白费。
误区二:只看单字好不好看。字体设计是「关系设计」,一个字好不好看不算数,一群字放在一起是否协调才算数。所以练习时永远要并排看,不能单独看。
误区三:忽略小字号表现。很多人在放大状态下调到完美,一到 12px 就糊成一片。解决办法是每完成一轮就缩小看一遍,把测试当成流程的一部分而不是最后一步。
误区四:只调形状不调间距。字距和字形一样重要。字形再好,字距不均整段就是散的。建议每画完一组字就排成一段文字看灰度。
误区五:不考虑授权就用参考字体。临摹是学习手段,但不能把临摹结果当原创发布,也不能把参考字体的字形直接用在商业项目里。学习阶段要清楚地区分「练」和「用」。
第一阶段(1–2 周):练结构简单的独体字,比如「口、日、十、王、山、人、大、中」。目标是练到能稳定控制字面率和重心。
第二阶段(2–4 周):练带偏旁的合体字,比如「明、林、江、地、好」。目标是掌握部件之间的比例和位置关系。
第三阶段(1–2 月):练一组完整的词组或短句,8 到 20 个字,走完从骨架到字距的全流程。这个阶段要开始注意整段的灰度。
第四阶段(3 月以上):尝试做一个小字符集的字体文件,比如 300 到 500 字,完整走一遍导出和测试流程。做完这一轮,你对字体设计的理解会有质的变化。
做完一套字,接下来就是「怎么让它产生价值」。路径大致分两条:品牌字标和字库发布。
品牌字标通常只做几个字,周期 3 到 10 天,适合接单变现。交付物一般包括:标准字形、横竖排版本、不同背景下的使用规范、以及最小使用尺寸说明。
报价方面,个人设计师和小型工作室的差异很大,从几千到几万都有,取决于品牌规模和授权范围。这里我不给具体数字,因为各地行情差异太大,给了反而误导。建议多看几个同行的公开案例,自己判断区间。
发布字库的路径通常是:确定字符集范围 → 完成设计 → 导出字体文件 → 选择发布平台 → 制定授权与定价 → 后续更新维护。整个过程可能要一年以上,而且发布之后还需要持续修字、补充字符、更新版本。
授权模式上,常见的有免费商用引流 + 付费进阶字重、按个人/企业分级授权、以及订阅制。选择哪种取决于你的目标用户和后续能投入的维护精力。
很多企业已有品牌字体,但需要补充特定字重或特定字符集。这类「定制字重」需求单价比整包字标低,但周期短、可复制性强,适合作为稳定收入来源。
接这类活的关键是问清楚三件事:需要哪些字符、用在什么场景、是否有排他要求。前两件决定工作量,第三件决定报价。
这份指南由字体设计实战编辑部维护,成员都做过实际的字标或字库项目。我们写内容的准则很简单:只写自己验证过的、能落到参数上的东西。
沈砚舟
主笔 · 字标与字库
十余年品牌字标与中文字库设计经验,负责本页结构类与流程类内容的撰写与校对。
林知白
排版与混排方向
长期处理中西混排与多语言版面,负责字重字距、混排协调相关章节的实测与修订。
周慕言
授权合规审校
负责商用授权与风险规避章节的条款梳理,所有涉及授权的表述均以官方公开条款为准。
以上为用于说明内容分工的虚拟角色,不代表真实履历或机构。涉及具体字体条款与厂商信息,一律以官方公开资料为准。
这份指南不是发完就放着。下面是近期在推进的专题,按时间倒序排列,你可以据此判断哪些内容是新补的。
拆解国标基本集与 GB2312 的差异,说明不同用途下字符集该怎么定,以及多做的字到底值不值。
把商标注册、嵌入分发、二次修改、商品包装四个场景做成可勾选的核对项。
用同一段中英混排文字做三种基线处理,对比阅读舒适度与整段灰度差异。
对比相邻字重差 12% 和 20% 时的视觉表现,给出四档字重的推荐配比。
说明为什么放大调好的字到小字号会崩,以及每轮该测哪些具体项目。
给出 20–30 字的练习量依据,以及「画到什么样算稳定」的判断标准。
把上面那套方法落到真实工作里,最常见的三种用法是这样。
情况:客户换了品牌定位,原有字标显得太旧。解决:按新定位重定字面率与笔形,做 3 版方向供选。结果:交付一套含横竖排与最小尺寸规范的字标,品牌视觉一致性明显提升。
情况:店铺主图字体五花八门,整体显得杂乱。解决:定一套 20 字以内的标题字,统一字重与字距。结果:所有主图用同一套字,店铺页面视觉统一度显著改善,顾客对品牌的识别度提升。
情况:界面里数字会跳动,中文小字显得糊。解决:用等宽数字方案,并对小字号做视觉补偿。结果:列表和按钮上的数字不再抖动,小字清晰度提升,阅读负担下降。
很多人写设计说明时会写「这个字很有力量感」。这句话对执行毫无帮助。改成可执行的写法是:「字面率压到 84%,横竖比拉到 1:1.35,端点用直角处理,重心上移 3%」。这样的说明,别人拿到就能复现,也方便后续调整。
再比如「字距有点问题」可以改成「简单字收紧约 2%,密集字放宽约 3%,重点检查『口』类小字的外部空间」。具体到百分比,沟通效率会完全不同。
这份指南里有很多章节的实操细节,来自读者的真实项目反馈。如果你也做过字标或字库,欢迎把你的案例和踩过的坑分享过来。
案例整理与排版协助、结构参数的专业校对、以及在你同意的前提下署名展示。不收任何费用,也不要求独家。
真实的项目过程:需求是什么、遇到什么结构问题、怎么调、最后结果如何。有没有好看的成品图不是重点,过程里有判断依据才是。
把案例说明和过程稿发到 hello@zi-ti-she-ji.cn,注明是否可以公开。我们会在 5 个工作日内回复是否采用。
第一,案例必须是你自己参与的,不能是转载或代投。第二,涉及第三方字体的部分,请说明授权情况,我们不会展示无法确认来源的素材。这两条看起来严格,但正是它们让内容站得住。
另外,涉及具体客户名称、报价、未公开项目的信息,投稿时请自行脱敏,我们不代为判断保密边界。
下面这些是读者在邮件和留言里反馈的实测经历,原样整理,未做美化。
提示:以上内容为通用方法说明,具体到某个字体的最新条款与厂商政策,请以官方公开资料为准。本站不提供任何未授权字体的下载、破解或绕过授权的方法。
别急着做整套字库。挑一个你最近卡住的字,按骨架、重心、笔画、字距的顺序走一遍,你会发现大部分「不好看」其实都能被拆成具体参数。需要随身查参数的话,App 里做了速查表。
支持 iOS 14+ / Android 8.0+ | 版本 3.2 | 免费下载,含结构参数速查与授权自查清单
照着文里说的方法把「口」和「日」先描出来对齐字面率,我之前总觉得字怪,原来是一直没管重心,改完立马顺眼。这招真的比瞎调快十倍。
商用授权那段真的救命。客户问「这个字体能不能用在包装上」,我以前都是含糊过去,现在知道要看授权书里写没写「商品包装」了。已经建了台账表格。
中文字库那段太真实了,一个字库常用字 3500 起步,我做到第 200 个字就想放弃。看完部件复用的思路,感觉可以再抢救一下。
有没有人跟我一样,西文用等宽、中文用黑体,混排出来基线总是对不上?求作者细讲一下混排的基线具体调多少像素。
以前以为字重就是加粗,看完才知道同一字重在不同字号下还要做视觉补偿。难怪我海报小字总是糊成一团,现在知道该测 12px 了。
像素风那节讲得挺细,但希望能再补一段不同分辨率下像素字号 12px/16px 的取舍,做小游戏 UI 很需要这块内容。
免费商用资源那几类区分得清楚。之前差点把只允许个人使用的字体用在了电商主图上,想想都后怕,现在用之前一定先查条款。
新手练习顺序那段建议收藏。从单字到词组到一整套,确实比一上来就做字库靠谱多了,我按这个顺序练了一个月,进步比之前半年都明显。