Smashing雜志所著的《眾妙之門(網頁設計專業之道)》是知名Web設計網站Smashing Magazine上關於網頁設計專業知識及經驗的分享。這些文章都是來自於**知名設計師的精華總結。全書分兩部分，共18章。前9章的基礎部分介紹了網頁設計領域的*新知識和理論成果，結合實例、言簡意賅，設計人員可以從中找到一繫列現像背後的理論基礎，極富啟發性；後9章的實踐篇結合實例介紹了許多目前網頁設計的*佳實踐，對於網頁設計師有很好的實際參考價值。本書結合大量實例，詳細闡述了網頁設計領域中的專業知識和理論，幫助設計師用科學的知識武裝自己。相信廣大讀者讀完這本書之後，一定會有一種相識恨晚的感覺。

Smashing雜志所著的《眾妙之門(網頁設計專業 之道)》是知名設計網站Smashing Magazine上關於 網頁設計知識及經驗的分享。這些文章都是來自於全 球知名設計師的精華總結。全書分兩部分：基礎篇介 紹了網頁設計領域的最新知識和理論成果，結合實例 、言簡意賅，設計人員可以從中找到一繫列現像背後 的理論基礎，極富啟發性；實踐篇結合實例介紹了許 多目前網頁設計的最佳實踐，以及成功設計師的專業 建議，對於網頁設計師有很好的實際參考價值。 《眾妙之門(網頁設計專業之道)》最大的價值在 於其以結合大量實例的生動方式，詳細闡述了網頁設 計知識和理論，幫助設計師用科學的知識武裝自己。 相信廣大讀者讀完這本書之後，一定會有一種相識恨 晚的感覺。

基礎篇

第1章 網頁設計的現狀 1
1.1 為愉悅而設計 2
1.2 Keypress導航 6
1.3 傳統印刷設計的影響 12
1.4 如何與眾不同 13
1.5 平面主義 19
1.6 豐富強大的版式 23
1.7 現實生活中的隱喻和隱藏復雜性 28

第2章 網頁設計趨勢 39
2.1 微妙的互動 40
2.2 上下文**導航 46
2.3 快速適應CSS3 50
2.4 總結 62

第3章 響應式網站設計：概念及使用指南 63
3.1 響應式網站設計的概念 64
3.2 調整屏幕分辨率 65
3.3 彈性圖像 68
3.4 定義布局結構 71
3.5 媒體查詢 74
3.6 顯示或隱藏內容 79

第4章 響應式網頁設計解析 83

第5章 網站設計中的說服力 93
5.1 回饋 95
5.2 承諾 96
5.3 從眾效應 97
5.4 **效應 98
5.5 稀缺原則 100
5.6 組合對比 101
5.7 重點信息突出 101

第6章 為什麼要使用CSS3和HTML5 103
6.1 與時俱進 104
6.2 主要的限制因素 110
6.3 總結 115

第7章 用戶也是網頁設計師 117
7.1 傳統的角色 118
7.2 角色扮演 120
7.3 先天vs後天 121
7.4 成功的要素 122
7.5 換位 126

第8章 設計與可用性一樣有深度 127
8.1 漸變、投影、映像、噢，我的天啊 128
8.2 Dribbble 129
8.3 簡約的力量 130
8.4 是什麼讓設計具有可用性？ 132
8.5 可用性並不意味著丑陋 135

第9章 怎樣表達你的設計思想 137
9.1 題外話 138
9.2 信息傳達的重要性 139
9.3 設計並不是踫巧而已 140
9.4 多學詞彙 142
9.5 提供具有說服力的論據 143
9.6 展示設計案例 144
9.7 要點回顧 145

實踐篇

**0章 關於企業網站的嚴峻事實 147
10.1 你需要一個獨立的網站部門 148
10.2 管理網站是一項全職的工作 149
10.3 定期重新設計是不夠的 149
10.4 你的網站不可能滿足所有用戶的需求 150
10.5 不要在社交網絡上浪費金錢 150
10.6 你的網站並不代表你的全部 151
10.7 你沒有從網站團隊那裡獲得價值 152
10.8 七嘴八舌隻會讓設計*糟 153
10.9 “委員會”設計會導致糟糙的網站設計 153
10.10 CMS不是一勞永逸的解決方案 154
10.11 你的內容太多 155
10.12 總結 155

**1章 網站設計模式和*佳實踐 157
11.1 明與暗的設計 158
11.2 需要幾欄的布局？ 159
11.3 介紹信息位於** 160
11.4 布局對齊 160
11.5 導航的位置 161
11.6 搜索框設計 162
11.7 Flash元素 162
11.8 聯繫信息的位置 163
11.9 “關於我們”頁面 164
11.10 “客戶”頁面 164
11.11 “服務”頁面 165
11.12 “作品”頁面 165
11.13 “工作流程”頁面 166
11.14 “聯繫”頁面 166
11.15 其他特色有“分享”鏈接 167
11.16 其他發現 167
11.17 總結 167

**2章 創建一個成功的作品集網站 169
12.1 陷阱1:混亂 170
12.2 陷阱2: 過多的信息 170
12.3 陷阱3:過度裝飾 171
12.4 陷阱4:不尋常的導航 171
12.5 陷阱5:視覺混亂 171
12.6 行之有效的設計原則 172

**3章 商業網站應用程序的UI設計 181
13.1 網站與網絡應用程序 182
13.2 首先要了解用戶 183
13.3 設計過程 185
13.4 設計原則 187
13.5 網絡應用程序的重要組成部分 189
13.6 不要忘了用戶界面設計模板 191
13.7 案例分析：網上銀行應用程序 191
13.8 *後的思考 192

**4章 設計師的色彩理論 193
14.1 暖色 195
14.2 紅色(原色) 195
14.3 橙色(合成色) 199
14.4 黃色(原色) 202
14.5 冷色 205
14.6 綠色(合成色) 205
14.7 藍色(原色) 208
14.8 紫色(合成色) 211
14.9 中性色 214
14.10 黑色 214
14.11 白色 218
14.12 灰色 221
14.13 褐色 224
14.14 米黃色和茶色 227
14.15 奶油色和乳白色 230
14.16 簡要概述 233

**5章 怎樣應對強勢客戶，你會敗給他嗎？ 235
15.1 解釋為什麼你需要錢 236
15.2 用John能夠理解的語言解釋你的建議 236
15.3 讓John參與設計過程 237
15.4 給John講設計 237
15.5 定期與John溝通 238
15.6 網站的持續維護 239
15.7 故事的寓意 239

**6章 如何識別和應付不同類型的客戶 241
16.1 消極攻擊型客戶 242
16.2 親戚朋友 243
16.3 價值低估型客戶 244
16.4 吹毛求疵型客戶 245
16.5 輕蔑節儉型客戶 245
16.6 “我自己也能做”型的客戶 246
16.7 控制狂 247
16.8 理想客戶 248
16.9 總結 249

**7章 如何有效應對設計批評 251
17.1 正確的態度 253
17.2 了解目標 253
17.3 注意自己的**反應 254
17.4 去蕪存菁 255
17.5 從中學到東西 256
17.6 尋找新的想法 256
17.7 挖掘*深的信息 257
17.8 感謝批評者 258

**8章 給年輕設計師的專業建議 259
18.1 對於有志向投身於設計的學生而言，你建議他們學點什麼 261
18.2 學生如何確定設計是否適合他們，或者是否該追求另外一種職業 261
18.3 如何平衡學業和工作 263
18.4 如何在學業之外為事業做準備 263
18.5 學生和年輕設計師在學業之外應該側重什麼課程以推動其職業生涯發展 264
18.6 在開始職業生涯之前你*想知道的事情 265
18.7 對於應屆畢業生你有什麼求職建議嗎 266
18.8 創業還是打工，年輕設計師應該如何抉擇 267
18.9 學生和年輕設計師如何讓自身對潛在雇主*有價值 269
18.10 為了成功，創業初期應該做什麼 271
18.11 除了設計和開發，在運營業務方面，自由職業者應該把重點放在哪些方面 273
18.12 對於年輕設計師而言，尋找客戶的*佳方式是什麼 274
18.13 對於年輕設計師，你有什麼關於人際交往的提示 276