《眾妙之門——網頁排版設計制勝秘訣》是Smashing Magazine網站的精選文章合輯，旨在幫助讀者提升網頁版式設計水平。《眾妙之門——網頁排版設計制勝秘訣》囊括了字型抗鋸齒技術，網頁排版的原則，網頁字型的設定技巧，CSS字型堆疊指南，CSS3的新特性，網頁字型服務推薦以及排版工具介紹，等等。 還在為網頁排版苦惱嗎？想設計出別具一格無與倫比的網頁嗎？想了解基本的網頁編程知識嗎？想成為設計與開發的雙面手嗎？《眾妙之門——網頁排版設計制勝秘訣》將是你的最佳選擇。
基本介紹
- 書名：眾妙之門:網頁排版設計制勝秘訣
- 作者：德國Smashing雜誌
- 類型：計算機與網際網路
- 出版日期：2013年10月1日
- 語種：簡體中文
- ISBN：9787115328298
- 外文名：Getting The Hang of Web Typography
- 譯者：侯景艷
- 出版社：人民郵電出版社
- 頁數：199頁
- 開本：32
- 品牌：人民郵電出版社
基本介紹,內容簡介,作者簡介,圖書目錄,
基本介紹
內容簡介
SMASHING MAGAZINE網站的精選文章合輯，旨在幫助讀者提升網頁版式設計水平。內容囊括了字型抗鋸齒技術，網頁排版的原則，網頁字型的設定技巧，CSS字型堆疊指南，CSS3的新特性，網頁字型服務推薦以及排版工具介紹等等。還在為網頁排版苦惱嗎？想設計出別具一格無以倫比的網頁嗎？想了解基本的網頁編程知識嗎？想成為設計與開發的雙面手嗎？本書將你是的最佳選擇。
作者簡介
Smashing 傳媒公司是一家專業面向網路開發及網站設計人員的企業，總部坐落在風景如畫的黑森林中的弗萊堡市。公司成立於2009年2月份，創始人是斯溫·雷納茲（Sven Lennartz）和維塔利·弗里德曼（Vitaly Friedman）。作為一家年輕的，充滿活力和不斷成長的公司，Smashing通過專業的文章，電子圖書，套用、軟體以及組織專業會議等方式為從事網路事業的人提供網頁開發設計領域最新的發展趨勢和套用技術，促進網路設計行業創造力及專業水平的發展。
公司目前有23名員工以及部分合作編輯和超過900名的專業作者群，入口網站月訪問次數超過五百六十萬次，月點擊瀏覽量達到八百七十八萬次。網站新聞固定訂閱用戶將近15萬，還擁有70萬推特（Twitter）及十三萬臉書（Facebook）關注者以及6萬多名網站註冊用戶。在網站註冊用戶中，目前已知的中國用戶有152名。2012年，Smashing的營業額達到一百三十七萬歐。公司旗下最大的刊物Smashing雜誌創刊於2007年9月，自雜誌成立以來，已經在專業領域獲得良好的信譽，是Web行業享有高度知名度和影響力的刊物，Smashing雜誌每年刊發文章約400篇。
公司目前有23名員工以及部分合作編輯和超過900名的專業作者群，入口網站月訪問次數超過五百六十萬次，月點擊瀏覽量達到八百七十八萬次。網站新聞固定訂閱用戶將近15萬，還擁有70萬推特（Twitter）及十三萬臉書（Facebook）關注者以及6萬多名網站註冊用戶。在網站註冊用戶中，目前已知的中國用戶有152名。2012年，Smashing的營業額達到一百三十七萬歐。公司旗下最大的刊物Smashing雜誌創刊於2007年9月，自雜誌成立以來，已經在專業領域獲得良好的信譽，是Web行業享有高度知名度和影響力的刊物，Smashing雜誌每年刊發文章約400篇。
圖書目錄
第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 TrueType 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—faceKitGenerator 173
第15章 網頁排版變通技巧 179
15.1 文字排版 181
15.2 OpenType排版功能 181
第16章 10種有用的字型排版工具 183
16.1 TypeChart——預覽和對比網頁字型 184
16.2 WebFontSpecimen——展示字型的網頁顯示效果 184
16.3 Typografix——修復字型 185
16.4 TYPEIT——輕鬆營造獨特版式 186
16.5 FontFinder——輕鬆檢測網站元素中的字型 187
16.6 TypeSet——文字自動換行算法 188
16.7 PerfectTypography——網上首個行高計算器 189
16.8 EMCHART——一眼找到正確的比例 190
16.9 EmCalculator——使CSS設計更具擴展性，更易實現 191
第17章 術語表 193
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 TrueType 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—faceKitGenerator 173
第15章 網頁排版變通技巧 179
15.1 文字排版 181
15.2 OpenType排版功能 181
第16章 10種有用的字型排版工具 183
16.1 TypeChart——預覽和對比網頁字型 184
16.2 WebFontSpecimen——展示字型的網頁顯示效果 184
16.3 Typografix——修復字型 185
16.4 TYPEIT——輕鬆營造獨特版式 186
16.5 FontFinder——輕鬆檢測網站元素中的字型 187
16.6 TypeSet——文字自動換行算法 188
16.7 PerfectTypography——網上首個行高計算器 189
16.8 EMCHART——一眼找到正確的比例 190
16.9 EmCalculator——使CSS設計更具擴展性，更易實現 191
第17章 術語表 193
