眾妙之門：網(wǎng)頁排版設計制勝秘訣

目　錄

第1章　字體抗鋸齒技術　1
1.1　技術　3
1.2　輸入　6
1.3　輸出　12
1.4　總結　17

第2章　提高網(wǎng)頁版式可讀性的10項原則　19
2.1　專業(yè)術語及其內(nèi)涵　20
2.2　影響版式可讀性的10項原則　23
2.3　賦予版式風格的各種效果　28

第3章　設置網(wǎng)頁字體的5項原則和方法　31
3.1　系統(tǒng)地進行網(wǎng)頁版式設計　32
3.2　利用信息層級　34
3.3　為流暢地瀏覽而設計　36
3.4　展現(xiàn)品牌視覺的同時保持網(wǎng)頁的可讀性　37
3.5　將文字看作用戶界面　40
3.6　網(wǎng)頁版式高級教程　41
3.7　總結　44

第4章　源自瑞士風格平面設計的經(jīng)驗教訓　45
4.1　如何將瑞士風格應用到網(wǎng)頁設計上　47
4.2　留白：讓文字呼吸　49
4.3　網(wǎng)格系統(tǒng)　49
4.4　網(wǎng)格的內(nèi)涵　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　強調(diào)　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　沒有規(guī)則即是規(guī)則　102
7.6　總結　102

第8章　學習字體搭配的最佳實踐方法　103
8.1　無襯線字體搭配襯線字體　104
8.2　避免使用同類字體　105
8.3　劃分字體的角色　106
8.4　對比字體粗細　107
8.5　為版式創(chuàng)建豐富的色彩　108
8.6　選擇合適的字體進行搭配　108
8.7　獨特與中性的對比　110
8.8　避免將差異太大的字體進行搭配　111
8.9　字體搭配的“簡”原則——字族兩種就夠　112
8.10　使用不同的字號　113
8.11　總結　114

第9章　CSS字體堆棧設計指南：技巧和資源　115
9.1　創(chuàng)建自己的字體堆棧　116
9.2　常見字體堆?！?17
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　網(wǎng)頁字體和字體裝飾　129
10.8　新文本裝飾屬性　132
10.9　溢出控制　133
10.10　對齊和斷字/字符連接　134
10.11　統(tǒng)一碼范圍和語言　135
10.12　總結　136

第11章　經(jīng)典@Font-Face規(guī)則回顧　137
11.1　@font-face——源自20世紀90年代　138
11.2　多虧次像素渲染，字體嵌入再次回歸　139
11.3　字體制造商的關注點　140

第12章　現(xiàn)有的網(wǎng)頁字體格式　143
12.1　True Type　144
12.2　OpenType　144
12.3　EOT　145
12.4　WOFF　146
12.5　SVG　147

第13章　回顧流行的網(wǎng)頁字體嵌入服務　149
13.1　十一種流行的網(wǎng)頁字體服務對比　150
13.2　Font-Face　168
13.3　如何選擇服務　169
13.4　總結　170

第14章　如何在網(wǎng)頁中嵌入字體　171
14.1　字體的取舍　172
14.2　嵌入免費和開源的字體　172
14.3　使用@font-face Kit Generator　173

第15章　網(wǎng)頁排版變通技巧　179
15.1　文字排版　181
15.2　OpenType排版功能　181

第16章　10種有用的字體排版工具　183
16.1　TypeChart——預覽和對比網(wǎng)頁字體　184
16.2　Web Font Specimen——展示字體的網(wǎng)頁顯示效果　184
16.3　Typografix——修復字體　185
16.4　TYPEIT——輕松營造獨特版式　186
16.5　Font Finder——輕松檢測網(wǎng)站元素中的字體　187
16.6　TypeSet——文字自動換行算法　188
16.7　Perfect Typography——網(wǎng)上首個行高計算器　189
16.8　EMCHART——一眼找到正確的比例　190
16.9　Em Calculator——使CSS設計更具擴展性，更易實現(xiàn)　191

第17章　術語表　193