 |
-- 會員 / 註冊 --
|
 |
|
|
|
Web 2.0界面設計模式 ( 簡體 字) |
| 作者：黃瑋,王沛,費伽 周翔 等 | 類別：1. -> 程式設計 -> 綜合 |
| 譯者： |
| 出版社：電子工業出版社 |  3dWoo書號： 36565
詢問書籍請說出此書號！【缺書】
【不接受訂購】 |
| 出版日：9/1/2013 |
| 頁數：256 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
【不接受訂購】 | | ISBN：9787121209130 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：Web 2.0技術及其設計理念歷經多年發展，已日趨成熟并深入人心，由其帶來的對傳統界面設計的創新和變革也無時不刻地影響著一大批迅速涌現的新一代互聯網應用。無論是經過全新換代的電子商務網站，還是聚集著大量活躍用戶群體的社交網站，或是融入最新時尚元素的廣告站點，乃至風靡全球的移動互聯網應用，無一不體現著Web 2.0界面設計的精髓所在。
如何以最優的方式做到以用戶為中心的設計理念、奪人眼球的視覺吸引力、合理有效的空間布局、及時精確的信息反饋、便捷貼心的操作方式、豐富絢麗的互動體驗及高度可定制的用戶界面等，這些都是人們正在積極尋找的互聯網應用中成功典范的秘訣。而是否很好地掌握Web 2.0界面設計理念并能快速動手實踐，也日漸成為互聯網領域非常重要的入門標準之一。
本書作者從實際經驗出發，旨在探索能整合Web 2.0界面技術的發展及特點、Web 2.0界面設計模式基本理論、模式應用實踐及代碼實現等諸多內容于一體的學習方法，使之具備較強的實用性。這些內容不是簡單地順序地堆砌，而是以Web 2.0界面設計模式的分析和應用為主線，并穿插各種與之相關的設計理念、用戶行為模式、用戶體驗及基于Dojo的實現方式等相關知識，努力做到將Web 2.0界面設計模式所需要的知識有機地融為一體。讀者不需要太多界面設計、交互設計和互聯網開發經驗，就能夠快速學習Web 2.0界面設計模式并上手開發Web 2.0界面。
全書語言生動，插圖形象，實例豐富，經過安排的知識鋪墊能幫助讀者循序漸進地了解Web 2.0界面設計模式，豐富的實例將設計原理、開發實現及應用構建成一個整體，適合Web設計和開發工程師使用，也適合作為互聯網領域入門的學習參考書。
由于本書作者經驗有限，書中難免有諸多不妥或錯誤之處，萬望讀者諒解并不吝指出。此外，由于寫作周期較長，本書實例部分未能使用最新的Dojo版本，在此向讀者深表歉意。
本書是集體創作的結晶，寫作占用了各位作者大量的業余時間。在此，對各位作者及其家人，所在部門領導及出版社編輯的大力支持，深表謝意！
本書所提供的建議或最佳實踐只作為一般的經驗分享，只在作者的特定環境下驗證通過，不保證在任何情況下都有效。 |
內容簡介：本書集Web 2.0的發展及特點、Web 2.0界面設計模式基本理論、實際模式實踐及代碼實現等諸多內容于一身，具有很強的實用性。這些內容不是簡單的順序堆砌，而是以Web 2.0界面設計模式和應用為主線，其中完美地穿插了各種與之相關的Web 2.0設計理念、用戶行為模式、用戶體驗及基于Dojo的實現方式等相關知識，真正做到將Web 2.0界面設計模式所需要的方方面面的知識有機地融為一個整體。實現不需要多少界面設計、交互設計和Web實現基礎就能夠深入學習Web 2.0界面設計模式并上手開發Web 2.0界面的目的。 |
目錄：第1章 導論 1
1.1 Web界面演化史 1
1.1.1 傳統Web界面的發展 1
1.1.2 Web 2.0所引導的用戶體驗革新 2
1.2 Web 2.0界面設計模式 3
1.2.1 Web 2.0界面設計模式的特征 3
1.2.2 Web 2.0界面設計模式的應用 5
1.3 優秀的Web 2.0站點 6
1.3.1 Quora 6
1.3.2 Vimeo 9
1.3.3 Evernote 12
1.4 小結 14
第2章 頁面布局設計模式 15
2.1 邊界布局 15
2.2 網格布局 21
2.3 浮動式布局 25
2.4 標簽頁布局 29
2.5 手風琴布局 33
2.6 伸縮式布局 37
2.7 混合布局 41
2.8 小結 44
第3章 內容導航的設計模式 45
3.1 按內容組織導航 45
3.1.1 菜單（主導航） 45
3.1.2 目錄導航 49
3.1.3 網站地圖 52
3.2 路徑導航 53
3.2.1 面包屑導航 53
3.2.2 分步導航 61
3.2.3 分頁導航 63
3.2.4 樹狀導航 68
3.2.5 滾動列表 73
3.3 預覽式導航（圖像導航） 75
3.3.1 圖標導航 75
3.3.2 滾動式菜單 78
3.3.3 內容預覽導航 81
3.3.4 自動翻頁 83
3.4 熱點內容導航 86
3.4.1 標簽云導航 86
3.4.2 標簽列導航 90
3.5 地圖導航 93
3.6 小結 95
第4章 數據呈現的設計模式 96
4.1 信息提示 96
4.1.1 信息更新提示 96
4.1.2 確認、警告及報錯對話框 98
4.1.3 烤面包機模式 99
4.2 表格數據呈現 101
4.2.1 普通表格 101
4.2.2 列鎖定表格 103
4.2.3 可編輯單元格 106
4.2.4 合并單元格 108
4.2.5 樹狀表格 111
4.3 按需加載和呈現 114
4.3.1 分頁加載 114
4.3.2 虛擬滾動加載 115
4.3.3 顯示滾動加載 118
4.4 數據可視化 119
4.4.1 折線圖 120
4.4.2 條形圖 123
4.4.3 燭柱圖 129
4.4.4 餅圖 133
4.4.5 雷達圖 137
4.5 小結 142
第5章 數據交互設計模式 143
5.1 實時檢測 143
5.1.1 輸入后檢測 144
5.1.2 輸入時檢測 147
5.2 數據選擇 149
5.2.1 日歷模式 149
5.2.2 時間選擇模式 151
5.2.3 表格的間接選擇模式 153
5.2.4 多層聯動選擇模式 154
5.2.5 導航式多級選擇模式 155
5.2.6 旋轉木馬模式 157
5.3 實時內容過濾 159
5.3.1 下拉框內容過濾 159
5.3.2 表格內容過濾 162
5.3.3 樹狀內容過濾 165
5.3.4 精確內容過濾 169
5.3.5 模糊內容過濾 173
5.4 輸入提示模式 176
5.4.1 輸入占位符 176
5.4.2 自動完成 178
5.4.3 示例輸入 180
5.5 輸入向導模式 180
5.6 自動保存模式 182
5.6.1 客戶端自動保存 182
5.6.2 服務器端自動保存 185
5.7 拖曳移動模式 188
5.7.1 自由移動模式 188
5.7.2 拖放模式 191
5.8 小結 193
第6章 Web 2.0動畫與特效 194
6.1 Web動畫與特效的使用場景 194
6.2 Web動畫與特效的演化 197
6.2.1 靜態HTML 197
6.2.2 Flash動畫 198
6.2.3 JavaScript與CSS動畫特效 198
6.2.4 HTML 5、CSS 3與Canvas特效 199
6.2.5 代碼示例 199
6.2.6 Web 2.0 站點特效 200
6.3 常見Web 2.0站點使用的動畫與特效 201
6.3.1 淡入與淡出 201
6.3.2 滑動 205
6.3.3 擦入/擦出效果 210
6.3.4 使用動畫增強高亮效果 211
6.3.5 魚眼特效 213
6.3.6 進度提示動畫 215
6.3.7 啟動畫面 217
6.4 小結 219
第7章 應用案例 220
7.1 需求分析 220
7.1.1 微博的發展史 220
7.1.2 微博的特點 221
7.2 設計實踐 222
7.2.1 了解目標用戶 222
7.2.2 原型設計與模式應用 224
7.3 原型實現 229
7.3.1 “按需出現/消失”模式 229
7.3.2 “面板展開收起”模式 231
7.3.3 標簽頁布局模式 233
7.3.4 菜單導航模式 234
7.3.5 表格數據模式 235
7.3.6 線狀圖表模式 237
7.3.7 柱狀圖表模式 239
7.3.8 實時檢測模式 240
7.3.9 淡入淡出動畫效果模式 242
7.3.10 擦入/擦出動畫效果模式 243
7.3.11 魚眼效果模式 243
7.4 小結 245 |
| 序： |
|
