内容简介

《众妙之门——网页排版设计制胜秘诀》是Smashing Magazine网站的精选文章合辑，旨在帮助读者提升网页版式设计水平。《众妙之门——网页排版设计制胜秘诀》囊括了字体抗锯齿技术，网页排版的原则，网页字体的设置技巧，CSS字体堆栈指南，CSS3的新特性，网页字体服务推荐以及排版工具介绍，等等。

还在为网页排版苦恼吗？想设计出别具一格无与伦比的网页吗？想了解基本的网页编程知识吗？想成为设计与开发的双面手吗？《众妙之门——网页排版设计制胜秘诀》将是你的最佳选择。

作品目录

第1章　字体抗锯齿技术　1

1.1　技术　3

1.2　输入　6

1.3　输出　12

1.4　总结　17

第2章　提高网页版式可读性的10项原则　19

2.1　专业术语及其内涵　20

2.2　影响版式可读性的10项原则　23

2.3　赋予版式风格的各种效果　28

第3章　设置网页字体的5项原则和方法　31

3.1　系统地进行网页版式设计　32

3.2　利用信息层级　34

3.3　为流畅地浏览而设计　36

3.4　展现品牌视觉的同时保持网页的可读性　37

3.5　将文字看作用户界面　40

3.6　网页版式高级教程　41

3.7　总结　44

第4章　源自瑞士风格平面设计的经验教训　45

4.1　如何将瑞士风格应用到网页设计上　47

4.2　留白：让文字呼吸　49

4.3　网格系统　49

4.4　网格的内涵　50

4.5　输入自定义列表　53

4.6　关于元素　53

4.7　关于衬线　55

4.8　关于字号　57

4.9　关于照片　58

第5章　提升版式设计的8个简单技巧　61

5.1　行宽　62

5.2　行高　63

5.3　引号的悬挂式排版　64

5.4　垂直的韵律　65

5.5　结句和起承句　66

5.6　强调　67

5.7　比例　68

5.8　对齐字行　69

第6章　版式设计样式探究　71

6.1　常见的排版问题　72

6.2　总结　84

第7章　版式设计秘诀：选择和使用字体的原则　87

7.1　适合才是最重要的　88

7.2　为字体编组　89

7.3　对比的使用原则：大胆而奔放　95

7.4　少即是多　97

7.5　没有规则即是规则　102

7.6　总结　102

第8章　学习字体搭配的最佳实践方法　103

8.1　无衬线字体搭配衬线字体　104

8.2　避免使用同类字体　105

8.3　划分字体的角色　106

8.4　对比字体粗细　107

8.5　为版式创建丰富的色彩　108

8.6　选择合适的字体进行搭配　108

8.7　独特与中性的对比　110

8.8　避免将差异太大的字体进行搭配　111

8.9　字体搭配的“简”原则——字族两种就够　112

8.10　使用不同的字号　113

8.11　总结　114

第9章　CSS字体堆栈设计指南：技巧和资源　115

9.1　创建自己的字体堆栈　116

9.2　常见字体堆栈　117

9.3　工具　120

第10章　CSS3的版式设计潜能　123

10.1　关于基础知识　124

10.2　字体属性　124

10.3　其他字体属性　125

10.4　关于留白、换行符和文本绕排　125

10.5　单词间距和字母间距　127

10.6　缩进和标点悬挂　128

10.7　网页字体和字体装饰　129

10.8　新文本装饰属性　132

10.9　溢出控制　133

10.10　对齐和断字/字符连接　134

10.11　统一码范围和语言　135

10.12　总结　136

第11章　经典@Font-Face规则回顾　137

11.1　@font-face——源自20世纪90年代　138

11.2　多亏次像素渲染，字体嵌入再次回归　139

11.3　字体制造商的关注点　140

第12章　现有的网页字体格式　143

12.1　True Type　144

12.2　OpenType　144

12.3　EOT　145

12.4　WOFF　146

12.5　SVG　147

第13章　回顾流行的网页字体嵌入服务　149

13.1　十一种流行的网页字体服务对比　150

13.2　Font-Face　168

13.3　如何选择服务　169

13.4　总结　170

第14章　如何在网页中嵌入字体　171

14.1　字体的取舍　172

14.2　嵌入免费和开源的字体　172

14.3　使用@font-face Kit Generator　173

第15章　网页排版变通技巧　179

15.1　文字排版　181

15.2　OpenType排版功能　181

第16章　10种有用的字体排版工具　183

16.1　TypeChart——预览和对比网页字体　184

16.2　Web Font Specimen——展示字体的网页显示效果　184

16.3　Typografix——修复字体　185

16.4　TYPEIT——轻松营造独特版式　186

16.5　Font Finder——轻松检测网站元素中的字体　187

16.6　TypeSet——文字自动换行算法　188

16.7　Perfect Typography——网上首个行高计算器　189

16.8　EMCHART——一眼找到正确的比例　190

16.9　Em Calculator——使CSS设计更具扩展性，更易实现　191

第17章　术语表　193