优化网页排版事项

排版的好坏决定了读者是否能够清晰的阅读内容，同样也在影响他们对你网站的看法。选择合适的字体，并且恰当的呈现出来是你能够清晰的传达信息的关键。

以下这些事项总结了一些要点，你可以在做网站的时候用来做参考。

你可以使用导航来快速跳转：

【排版】【字体和格式】【内容】【图形文本】

关于排版，你是否：

1. 将标题、段落、列表、侧边栏，以及缩进的文本还有引用的内容整合到一起？
2. 在宽屏中将网页拆分成两列或者更多，每列的宽度控制在 350-550 像素？
3. 增加行高以提高长文本的可读性，是否减轻了整页的“色调”？
4. 对需要强调的内容增加字间距？
5. 在段落间使用双倍间距，或者对手字母进行缩进，但是不要同时使用？
6. 避免对标题后的第一段文字进行缩进？
7. 在标题前面使用双倍行距，但在标题和内容之间使用单倍行距？

关于字体和格式，你是否：

1. 使用没有装饰，清晰易读并且对屏幕优化过的字体？
2. 对于长文本使用较为宽松的行间距，以此来减轻页面的密度？
3. 为强调语句使用更宽的字间距和字母间距？
4. 使用左对齐而不是右对齐？
5. 为强调的文本采用对比元素，比如不同的字体，不同的字号、粗细、颜色、形式、结构、粗体、斜体，反转字体和背景的颜色，所有的大写字母，质感，方向，韵律和间距以及点缀？
6. 有限的使用罗列出的所有元素？
7. 利用 CSS 来自动设置特殊的大写规则（全部大写，全部小写或者仅标题大写）？
8. 避免正文使用全大写？
9. 仅仅对链接才使用下划线？
10. 以灰度模式测试网站的背景和文字能够形成鲜明的对比？
11. 如果在深色的背景上使用浅色的文字，考虑让字体更粗或者使用一种本身就比较粗的字体？
12. 避免使用像这样的删除线，除非你想要显示编辑前的内容？
13. 考虑使用 CSS 样式来定义首字母或者首行的文本特效？

关于内容，你是否：

1. 检查了拼写，语法和句子结构？
2. 尽量避免使用感叹号？
3. 恰当的使用了连字符，包括短破折号、长破折号、真正的引号、椭圆以及大小写数字？

关于图形文本，你是否：

1. 为了避免过多的下载素材，只有在十分必要的情况下才使用图形文本？
2. 使用适当的修饰、抗锯齿以及字间距？
3. 对于字号较小的文本，使用了特定的字号并且关闭了抗锯齿？

看了这篇之后，别忘了有空去看看 “All In One Design Checklist”

**作者：**Mert TOL
**翻译：**Max Cheung
原文链接：Checklist for Better Web Typography