目錄
第1章 現代網絡應用中的用戶界麵設計 1
1.1 什麼是用戶界麵(UI) 2
1.2 可視界麵設計的工具箱 4
1.3 製作有效用戶界麵的實用技巧 6
1.4 結論 16
第2章 CSS布局的藝術和科學 19
2.1 固定寬度布局 20
2.2 自適應布局 25
2.3 動態網格布局 30
2.4 自適應的流式布局 32
2.5 彈性布局 37
2.6 混閤布局 42
2.7 哪種布局最適閤您的網站？ 44
第3章 排版：原則、方針和常見錯誤 47
3.1 傳統排版和網站排版 50
3.2 基本的排版術語 54
3.3 相對和絕對的字體尺寸單位 56
3.4 空白是最好的空間 58
3.5 排版和網格 60
3.6 垂直節奏 63
3.7 分級(Hierarchy)和分度(scale) 65
3.8 段落樣式 67
3.9 通過字體設定版式 69
3.10 CSS字體庫(CSS Font Stacks) 70
3.11 文本替換技術 74
3.12 @font-face屬性 76
3.13 選擇正確的字體 78
3.14 不要穿舞鞋登山 79
3.15 尺寸很重要 80
3.16 OpenType、TrueType還是PostScript Type 80
3.17 注意細節 85
3.18 對齊和連字符 86
3.19 總結 96
第4章 現代網站的可用性原則 97
4.1 用戶如何思考？ 98
4.2 使用整潔連貫的視覺設計 100
4.3 固定元素屬於固定位置 100
4.4 搜索是簡單的 101
4.5 鏈接要像鏈接 103
4.6 僅在必要的時候使用下拉菜單 103
4.7 使注冊錶單盡量簡潔 106
4.8 考慮添加“返迴頁首”鏈接 107
4.9 盡可能地避免使用Splash頁麵 107
4.10 鏈接應該在同一窗口打開 108
4.11 你需要注意以下可用性檢查點 110
4.12 傳達你的網站的組織結構 112
4.13 使用標記來構建上下文 113
4.14 建立良好的導航 113
4.15 重要的易用性法則和原則 116
4.16 給用戶一個5萬英尺的視角來看你的程序 118
4.17 心理模式和象徵物 119
4.18 組織網站的內容 119
4.19 提供站點地圖 120
4.20 使用幫助 121
4.21 建立信任 121
4.22 不要讓用戶毀掉自己的用戶體驗 122
4.23 及早測試、經常測試 123
4.24 總結 125
第5章 網站設計、可用性和用戶體驗中超炫色彩終極使用指南 127
5.1 色彩學理論 131
5.2 色彩和易用性 144
5.3 色彩與注意力集中 146
5.4 色彩與體驗 149
5.5 靈感 151
第6章 網站優化 155
6.1 你將會用到的工具 156
6.2 在IMG標簽中錶明正確的圖片尺寸 157
6.3 減小圖像的尺寸 158
6.4 服務器和內容分發網絡 159
6.5 閤並CSS和JavaScript 159
6.6 CSS放在頂部，而JavaScript放在底部 160
6.7 壓縮CSS和JavaScript 160
6.8 使用外部CSS和JavaScript文件 161
6.9 選擇一個文檔類型 161
6.10 驗證頁麵 162
6.11 不要使用CSS錶達式 162
6.12 服務器部分 163
6.13 Apache：如何設置過期時間 163
6.14 YSlow中可以查看缺少expires header的報警 165
6.15 Lighttpd：如何設置過期頭 166
6.16 Apache：如何配置ETags 166
6.17 Lighttpd：如何配置ETags 167
6.18 為PHP安裝eAccelerator 168
6.19 MySQL Tuning Primer 171
6.20 啓用透明壓縮 171
6.21 盡可能避免重定嚮 175
6.22 如何探測長時間跳轉鏈？ 175
6.25 完整的鏈接 176
6.24 避免死鏈接 177
第7章 為銷售而設計——提高訪客轉化率 179
7.1 如何銷售？ 180
7.2 AIDA(注意力、興趣、期望、行動） 181
7.3 展示産品 183
7.4 使用視頻展示産品 184
7.5 可以瀏覽的功能列錶 184
7.6 饋贈讓客戶想迴報 185
7.7 從眾心理 186
7.8 隱性的建議 187
7.9 永遠提供下一步操作 187
7.10 使用稀缺性來促進需求 188
7.11 退款保障，消除客戶的後顧之憂 190
7.12 鼓勵用戶試用 190
7.13 彆讓郵寄費用嚇跑瞭顧客 191
7.14 消除選擇麻痹 192
7.15 古騰堡法則 193
7.16 腳注 195
7.17 簡化注冊 195
7.18 總結 196
第8章 把網站變成非凡的品牌 199
8.1 建立獨一無二的設計 200
8.2 瞭不起的視覺設計 201
8.3 成為社區的一部分 208
8.4 進入人們的頭腦中 211
第9章 嚮專傢學習——名傢訪談與真知灼見 215
認識一下我們的專傢組成員 216
9.1 設計和開發 218
9.2 設計過程 223
9.3 自我提高和技巧積纍 234
9.4 發展事業和做自由職業者 240
第10章 幕後故事 245
10.1 一切是如何開始的 246
10.2 我們是如何走到今天的 248
10.3 我們成功故事的關鍵因素 255
10.4 幕後在發生著什麼？ 258
10.5 感謝你，設計社區 260
· · · · · · (
收起)
《眾妙之門——網站UI設計之道(修訂版)》是知名設計網站Smashing Magazine上綫以來的精華總結，來自全球的知名設計師無私地分享瞭他們多年積纍的寶貴經驗。全書共分10章，前8章討論瞭和網站UI設計相關的八個不同的領域，覆蓋麵非常廣，具有很強的操作性和專業性，全書邏輯嚴密、言簡意賅，設計人員可以快速地找到自己想要的東西。第9章以訪談的形式介紹瞭多位專傢對一係列重要問題的看法，入木三分，極富啓發性。第10章以講故事的方式，把Smashing Magazine的創辦和發展過程娓娓道來，同時毫不保留地分享瞭兩位創始人的成功秘訣和價值觀，讓人受益匪淺。其最大的價值在於它在傳授具體經驗的同時，也對設計思想和設計理念進行瞭深入的探討，在“授人以魚”的同時，不忘“授人以漁”。
