为什么排版是设计师最先犯错的地方
大多数人以为排版就是选字体。其实不是。排版关乎间距、节奏和层级——这套看不见的结构，会在读者有意识地决定看哪里之前就引导他们的视线。一款漂亮的字体，如果行距糟糕、字间距不当或缺乏层级，传达的效果还不如正确使用的Times New Roman。这8个概念就能解释原因。
8个基本概念
字间距（Tracking）
整体应用于一个单词或一段文字的字母间距。大写标签应加大，展示型大标题则应收紧。
全大写文字需要+10–20%的字间距才能舒展。小写正文几乎从不需要。
字偶间距（Kerning）
两个特定字符对之间的间距。“AV”“To”“WA”默认间隔过大——好的字偶间距调整就是修复这些看不见的空隙。
自动字偶间距能处理好大多数情况。在演示中把它关掉，就能切身感受它在修正什么。
行距（Leading）
文字行与行之间的垂直空间。太紧，文字让人窒息；太松，视线会在行与行之间失去线索。
正文的最佳范围：字号的1.4–1.6倍。展示型标题可以更紧，约1.0–1.2倍。
字重（Font Weight）
笔画的粗细——从极细（100）到极粗（900）。字重在读者有意识地读出任何一个词之前，就已经创造了层级。
每个设计限用2种字重：一种用于正文，一种用于标题。超过2种就会混乱。
衬线体与无衬线体
衬线体的字形末端带有细小的收笔装饰，无衬线体则没有。衬线体有利于纸面上的长篇阅读；在屏幕上小字号时无衬线体更胜一筹。
对于18px以下的网页正文，无衬线体在易读性上几乎总是胜出。
文本对齐
文字行在容器中的摆放方式——左对齐、居中、右对齐、两端对齐。几乎所有正文都应该左对齐。
网页正文千万不要两端对齐。它会产生不均匀的词间空隙（称为“河流”），破坏阅读流畅度。
字号比例（Type Scale）
各级标题之间的字号比率。一致的倍数（1.25×、1.414×、1.618×）能在整个页面中营造视觉节奏与和谐。
选定一个比例并始终一致地使用。随意设定标题字号，是业余设计中视觉混乱最大的单一来源。
对比（Contrast）
元素之间的视觉差异——大小、字重、颜色、样式。没有对比就没有层级，没有层级就没有人会读。
如果两个元素看起来有点相似，要么让它们完全一致，要么把对比做得鲜明。中间状态看起来像是失误。
别只是读——来感受一下
上面的每个概念，在我们的学习页面上都有实时交互演示。拖动字间距和行距的滑块，切换衬线体与无衬线体，实时调整字重。排版要动手去调才能领悟——而不是读出来的。
Aa打开交互式课程 →需要一位把这些原则应用到你网站上的设计师吗？
聊一聊 →About
Patrick Chen——Sublimearts.io背后的独立开发者兼网页设计师。我做了排版基础这门课，是因为每门设计课都用2小时讲色彩理论，却只用10分钟讲字体。这感觉本末倒置。