眾妙之門：網(wǎng)站UI設計之道（修訂版）

第1章　現(xiàn)代網(wǎng)絡應用中的用戶界面設計
1.1　什么是用戶界面(UI)
1.2　可視界面設計的工具箱
1.3　制作有效用戶界面的實用技巧
1.4　結論

第2章　CSS布局的藝術和科學
2.1　固定寬度布局
2.2　自適應布局
2.3　動態(tài)網(wǎng)格布局
2.4　自適應的流式布局
2.5　彈性布局
2.6　混合布局
2.7　哪種布局最適合您的網(wǎng)站？

第3章　排版：原則、方針和常見錯誤
3.1　傳統(tǒng)排版和網(wǎng)站排版
3.2　基本的排版術語
3.3　相對和絕對的字體尺寸單位
3.4　空白是最好的空間
3.5　排版和網(wǎng)格
3.6　垂直節(jié)奏
3.7　分級(Hierarchy)和分度(scale)
3.8　段落樣式
3.9　通過字體設定版式
3.10　CSS字體庫(CSS Font Stacks)
3.11　文本替換技術
3.12　@font-face屬性
3.13　選擇正確的字體
3.14　不要穿舞鞋登山
3.15　尺寸很重要
3.16　OpenType、TrueType還是PostScript Type
3.17　注意細節(jié)
3.18　對齊和連字符
3.19　總結

第4章　現(xiàn)代網(wǎng)站的可用性原則
4.1　用戶如何思考？
4.2　使用整潔連貫的視覺設計
4.3　固定元素屬于固定位置
4.4　搜索是簡單的
4.5　鏈接要像鏈接
4.6　僅在必要的時候使用下拉菜單
4.7　使注冊表單盡量簡潔
4.8　考慮添加"返回頁首"鏈接
4.9　盡可能地避免使用Splash頁面
4.10　鏈接應該在同一窗口打開
4.11　你需要注意以下可用性檢查點
4.12　傳達你的網(wǎng)站的組織結構
4.13　使用標記來構建上下文
4.14　建立良好的導航
4.15　重要的易用性法則和原則
4.16　給用戶一個5萬英尺的視角來看你的程序
4.17　心理模式和象征物
4.18　組織網(wǎng)站的內(nèi)容
4.19　提供站點地圖
4.20　使用幫助
4.21　建立信任
4.22　不要讓用戶毀掉自己的用戶體驗
4.23　及早測試、經(jīng)常測試
4.24　總結

第5章　網(wǎng)站設計、可用性和用戶體驗中超炫色彩終極使用指南
5.1　色彩學理論
5.2　色彩和易用性
5.3　色彩與注意力集中
5.4　色彩與體驗
5.5　靈感

第6章　網(wǎng)站優(yōu)化
6.1　你將會用到的工具
6.2　在IMG標簽中表明正確的圖片尺寸
6.3　減小圖像的尺寸
6.4　服務器和內(nèi)容分發(fā)網(wǎng)絡
6.5　合并CSS和JavaScript
6.6　CSS放在頂部，而JavaScript放在底部
6.7　壓縮CSS和JavaScript
6.8　使用外部CSS和JavaScript文件
6.9　選擇一個文檔類型
6.10　驗證頁面
6.11　不要使用CSS表達式
6.12　服務器部分
6.13　Apache：如何設置過期時間
6.14　YSlow中可以查看缺少expires header的報警
6.15　Lighttpd：如何設置過期頭
6.16　Apache：如何配置ETags
6.17　Lighttpd：如何配置ETags
6.18　為PHP安裝eAccelerator
6.19　MySQL Tuning Primer
6.20　啟用透明壓縮
6.21　盡可能避免重定向
6.22　如何探測長時間跳轉鏈？
6.25　完整的鏈接
6.24　避免死鏈接

第7章　為銷售而設計--提高訪客轉化率
7.1　如何銷售？
7.2　AIDA(注意力、興趣、期望、行動）
7.3　展示產(chǎn)品
7.4　使用視頻展示產(chǎn)品
7.5　可以瀏覽的功能列表
7.6　饋贈讓客戶想回報
7.7　從眾心理
7.8　隱性的建議
7.9　永遠提供下一步操作
7.10　使用稀缺性來促進需求
7.11　退款保障，消除客戶的后顧之憂
7.12　鼓勵用戶試用
7.13　別讓郵寄費用嚇跑了顧客
7.14　消除選擇麻痹
7.15　古騰堡法則
7.16　腳注
7.17　簡化注冊
7.18　總結

第8章　把網(wǎng)站變成非凡的品牌
8.1　建立獨一無二的設計
8.2　了不起的視覺設計
8.3　成為社區(qū)的一部分
8.4　進入人們的頭腦中

第9章　向?qū)＜覍W習--名家訪談與真知灼見
認識一下我們的專家組成員
9.1　設計和開發(fā)
9.2　設計過程
9.3　自我提高和技巧積累
9.4　發(fā)展事業(yè)和做自由職業(yè)者

第10章　幕后故事
10.1　一切是如何開始的
10.2　我們是如何走到今天的
10.3　我們成功故事的關鍵因素
10.4　幕后在發(fā)生著什么？
10.5　感謝你，設計社區(qū)