KNOWLEDGE NOTES

Knowledge Notes

Explore curated knowledge, course notes and methods, with their existing content and sources preserved.

These notes are in Chinese; English translations are not yet available.

287knowledge notes
Product Design & UX / 其他产品、设计与学习资料

排印与字体知识(Google Fonts Knowledge:字体分类解剖/选字配对/可读性无障碍/CJK多文字/术语表)

Google Fonts「Knowledge」栏目的中英排印深度参考,把字体从'凭感觉好看'拆成 PM 选字排版时能照做的判断力。八块主线:①字体解剖与垂直度量(基线/x-height/上下延伸/字符空间 em square·换字体会跳基线的原因)。②字体分类(genre:衬线/无衬线/平板衬线/等宽/手写/装饰·历史分类·中文七类宋楷黑·字体矩阵 Skeleton-Flesh-Skin 三层)。③选字方法论(4 大清单:合用途+设计完整+文件可靠+使用许可·情感考量·按项目规模/文本长度/字号挑·光学尺寸·字重样式·伪粗体伪斜体要避开)。④字体配对(为什么要第二种字体的 4 个理由·家人比喻兄弟/堂兄弟/远亲·衬线配无衬线最安全·区别要够但别太远)。⑤可读性与无障碍(legibility vs readability·相似字符 Il1/bdpq 镜像·开放字腔·WCAG 对比度 4.5:1/3:1/AAA 7:1·正文 ≥16px·色盲 8% 男性·Lexend/Atkinson Hyperlegible)。⑥排版实操经验法则全保留(行高 115-150%·行长 45-75 字符/中文 15-20·tracking 大字收紧小字放宽·kerning 几乎不用手动·孤行孤字·反白字重·打破规则技巧)。⑦CJK 与多文字(全角等宽·无基线靠重心·无真斜体·中文标点·日语三套文字+Tsume)。⑧30+ 术语速查表。读者=非技术 PM,术语行内解释,每块带 Why/何时用/反例。与 nngroup-visual-design-principles(视觉原理概览,字体只一节)和 refactoring-ui(给非设计师的 UI 规则,type scale/行长)分工:本篇是专门的排印深度参考,数值与字形特征描述更细。

字体排印可读性无障碍Chinese notes