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

目　錄

第1章　字體抗鋸齒技術(shù)　1
1.1　技術(shù)　3
1.2　輸入　6
1.3　輸出　12
1.4　總結(jié)　17

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

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

第4章　源自瑞士風(fēng)格平面設(shè)計(jì)的經(jīng)驗(yàn)教訓(xùn)　45
4.1　如何將瑞士風(fēng)格應(yīng)用到網(wǎng)頁設(shè)計(jì)上　47
4.2　留白：讓文字呼吸　49
4.3　網(wǎng)格系統(tǒng)　49
4.4　網(wǎng)格的內(nèi)涵　50
4.5　輸入自定義列表　53
4.6　關(guān)于元素　53
4.7　關(guān)于襯線　55
4.8　關(guān)于字號(hào)　57
4.9　關(guān)于照片　58

第5章　提升版式設(shè)計(jì)的8個(gè)簡單技巧　61
5.1　行寬　62
5.2　行高　63
5.3　引號(hào)的懸掛式排版　64
5.4　垂直的韻律　65
5.5　結(jié)句和起承句　66
5.6　強(qiáng)調(diào)　67
5.7　比例　68
5.8　對(duì)齊字行　69

第6章　版式設(shè)計(jì)樣式探究　71
6.1　常見的排版問題　72
6.2　總結(jié)　84

第7章　版式設(shè)計(jì)秘訣：選擇和使用字體的原則　87
7.1　適合才是最重要的　88
7.2　為字體編組　89
7.3　對(duì)比的使用原則：大膽而奔放　95
7.4　少即是多　97
7.5　沒有規(guī)則即是規(guī)則　102
7.6　總結(jié)　102

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

第9章　CSS字體堆棧設(shè)計(jì)指南：技巧和資源　115
9.1　創(chuàng)建自己的字體堆棧　116
9.2　常見字體堆棧　117
9.3　工具　120

第10章　CSS3的版式設(shè)計(jì)潛能　123
10.1　關(guān)于基礎(chǔ)知識(shí)　124
10.2　字體屬性　124
10.3　其他字體屬性　125
10.4　關(guān)于留白、換行符和文本繞排　125
10.5　單詞間距和字母間距　127
10.6　縮進(jìn)和標(biāo)點(diǎn)懸掛　128
10.7　網(wǎng)頁字體和字體裝飾　129
10.8　新文本裝飾屬性　132
10.9　溢出控制　133
10.10　對(duì)齊和斷字/字符連接　134
10.11　統(tǒng)一碼范圍和語言　135
10.12　總結(jié)　136

第11章　經(jīng)典@Font-Face規(guī)則回顧　137
11.1　@font-face——源自20世紀(jì)90年代　138
11.2　多虧次像素渲染，字體嵌入再次回歸　139
11.3　字體制造商的關(guān)注點(diǎn)　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)頁字體嵌入服務(wù)　149
13.1　十一種流行的網(wǎng)頁字體服務(wù)對(duì)比　150
13.2　Font-Face　168
13.3　如何選擇服務(wù)　169
13.4　總結(jié)　170

第14章　如何在網(wǎng)頁中嵌入字體　171
14.1　字體的取舍　172
14.2　嵌入免費(fèi)和開源的字體　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——預(yù)覽和對(duì)比網(wǎng)頁字體　184
16.2　Web Font Specimen——展示字體的網(wǎng)頁顯示效果　184
16.3　Typografix——修復(fù)字體　185
16.4　TYPEIT——輕松營造獨(dú)特版式　186
16.5　Font Finder——輕松檢測(cè)網(wǎng)站元素中的字體　187
16.6　TypeSet——文字自動(dòng)換行算法　188
16.7　Perfect Typography——網(wǎng)上首個(gè)行高計(jì)算器　189
16.8　EMCHART——一眼找到正確的比例　190
16.9　Em Calculator——使CSS設(shè)計(jì)更具擴(kuò)展性，更易實(shí)現(xiàn)　191

第17章　術(shù)語表　193