作者周陟曾擔任中域網美術指導，有著豐富的互聯網産品設計開發經驗，曾參與策劃設計國內大型手機電子商務平颱中域網（www.zhongyu.com），同時作為中國設計聯盟（www.cndu.cn）的資深閤作夥伴，編寫瞭《數字圖形設計風雲:雙人構想》等暢銷書籍。

並多次在《數碼設計》、《數碼藝術雜誌》等國內專業設計雜誌上發錶作品和設計指導類文章。

作者參與的圖書與文章包含豐富的實操案例，對實際設計工作與項目開發有著極強的指導作用。

本書內容涵蓋交互設計與界麵設計的基本概念、設計規範和工作流程。由於這是一本以實際工作案例和工作經驗為主的書，一開始著力介紹目前最新發展的交互手段和使用場所，當然是以移動手持設備為主。作為設計師，一定要關心如何將這些創意産品化。接下來介紹如何正確地將一個設計想法變成産品。産品化的過程中，用戶體驗設計是相當重要的，由於UCD設計思想的廣泛使用，本書重點研究並分析用戶體驗設計的可行性和方法。視覺設計是普通大眾直接接觸産品設計核心的介質，本書將使用初級→高級→復閤型的綜閤設計案例介紹如何設計齣讓人喜愛的視覺作品。最後，還說明瞭一些産品的完整設計案例，展示一個移動手持設備交互和界麵設計的全過程。

本書不但有大量的文字內容，也有配套的DVD光盤，其中包含瞭作者錄製的設計視頻教學和本書操作實例素材及最終文件。

本書適閤移動UI設計師迅速進入職場角色，也可供平麵設計人員、交互設計人員和對UI設計感興趣的讀者閱讀和參考。

詳細http://lytous.ucdchina.com/?p=2039

【目錄】

第1章 交互概念設計與圖形

界麵設計… …………………………… 3

1.1 交互概念設計……………………………………… 4

1.1.1 交互設計從概念齣發………………………… 4

1.1.2 交互設計的發展… …………………………… 6

1.1.3 交互設計的應用展示………………………… 8

1.2 圖形界麵設計………………………………………12

1.2.1 圖形界麵的發展曆程………………………… 12

1.2.2 用戶使用係統就是使用界麵……………… 15

1.2.3 用戶界麵不是繪畫綉花……………………… 15

1.2.4 UCD的設計思想… …………………………… 16

1.2.5 使用圖形軟件之前的準備… ……………… 16

1.2.6 必備的軟件分析… …………………………… 16

1.3 交互概念設計與圖形界麵的聯係… …………18

1.3.1 理解用戶的需求和分析需求… …………… 18

1.3.2 設計一些候選方案和概念… ……………… 19

1.3.3 進行原型設計…………………………………… 19

1.3.4 用戶測試與評估… …………………………… 19

.1.3.5 兩者的關係和應用… ………………………… 19

第2章 交互概念與圖形界麵

設計新趨勢…………………………… 21

2.1 手持移動設備的産品特點………………………22

2.1.1 不同的感知和感覺… ………………………… 22

2.1.2 不同的使用環境… …………………………… 24

2.2 手持移動設備的概念設計要素… ……………32

2.3 手持移動設備的界麵設計風格… ……………33

2.4 手持移動設備的基礎知識………………………35

2.4.1 承載平颱的介紹和分析………………………35

2.4.2 顯示介質的介紹和分析………………………37

2.4.3 作者的經驗………………………………………39

第3章 手持移動設備設計的

産品化………………………………… 45

3.1 産品設計的目的……………………………………46

3.1.1 産品設計的目的是

為使用産品的用戶 … …………………………46

3.1.2 交互設計和界麵設計不是萬能的…………47

3.1.3 我應該使用什麼樣的産品 … ………………48

3.2 設計是如何産品化的… …………………………51

3.2.1 如何決定將一個設計産品化的

市場調查和分析… ……………………………51

3.2.2 設計的産品化檢驗過程………………………57

3.3 産品化過程中的問題… …………………………60

3.3.1 天使客戶還是魔鬼客戶 … …………………60

3.3.2 為什麼用戶選擇瞭他…………………………62

3.3.3 産品經理的太極拳… …………………………64

3.3.4 開發人員說：“我討厭交互設計”…………67

3.3.5 交互設計師說：“我不需要圖形”…………67

3.3.6 設計師的一廂情願… …………………………68

PART 2 産品化交互設計過程

第4章 産品策劃定義… …………………… 73

4.1 競爭分析 … ………………………………………74

4.1.1 如何分析競爭對手和産品… ………………74

4.1.2 設計總監的角色… ……………………………75

4.2 相關負責人會議……………………………………77

4.2.1 會議的前期準備… ……………………………77

4.2.2 團隊成員的確定… ……………………………81

4.2.3 齣現的一些波動因素…………………………83

第5章 用戶分析與研究…………………… 87

5.1 用戶參與研究法……………………………………88

5.1.1 為何用戶要參與研究…………………………88

5.1.2 一個典型案例… ………………………………88

5.1.3 創意從何而來……………………………………90

5.2 觀察法…………………………………………………93

5.2.1 觀察的方法………………………………………93

5.2.2 觀察的目的和分析手段………………………93

5.3 用戶訪談… …………………………………………95

5.3.1 用戶訪談的原則… ……………………………95

5.3.2 用戶訪談的記錄方式…………………………95

5.4 焦點小組法… ………………………………………96

5.5 卡片分類法… ………………………………………98

5.6 頭腦風暴法… ………………………………………99

5.6.1 頭腦風暴法成功的要點………………………99

5.6.2 “正規”手持設備的GUI界麵… ……………99

5.7 任務分析法… …………………………………… 102

5.8 情景設定法… …………………………………… 103

5.9 社會性研究法…………………………………… 103

第6章 概念原型設計… ………………… 109

6.1 紙上原型… ……………………………………… 110

6.1.1 紙上原型的設計要點……………………… 110

6.1.2 一些案例… …………………………………… 110

6.2 設計原則… ……………………………………… 112

6.2.1 需要做些什麼………………………………… 112

6.2.2 視覺與功能平衡… ………………………… 112

6.3 交互原型設計…………………………………… 115

6.3.1 低保真原型設計… ………………………… 115

6.3.2 高保真原型設計… ………………………… 116

第7章 設計驗證測試… ………………… 119

7.1 可用性測試… …………………………………… 120

7.1.1 可用性測試對設計有什麼幫助…………… 120

7.1.2 可用性測試的場地和費用… …………… 120

7.1.3 什麼時候進行？多少人參與？

如何準備 … ………………………………… 121

7.2 啓發式評估… …………………………………… 123

7.2.1 如何決定將一個設計産品化… ………… 123

7.2.2 設計的産品化檢驗過程…………………… 124

7.3 問捲錶格… ……………………………………… 126

7.3.1 問捲調查法…………………………………… 126

7.3.2 如何設計一份標準的問捲錶格… ……… 126

第8章 設計規範… ……………………… 131

8.1 設計規範… ……………………………………… 132

8.1.1 設計規範的必要性… ……………………… 132

8.1.2 關於設計規範的談話……………………… 133

8.2 設計的執行… …………………………………… 136

8.2.1 設計執行說明書… ………………………… 136

8.2.2 編寫要點… …………………………………… 138

8.3 輸齣標準化… …………………………………… 142

8.3.1 設計說明… …………………………………… 142

8.3.2 菜單樹結構…………………………………… 142

8.3.3 文件打包… …………………………………… 144

PART 3 GUI視覺設計

第9章 一切從圖標開始………………… 147

9.1 圖標的故事… …………………………………… 148

9.1.1 圖標設計的意義… ………………………… 148

9.1.2 好的圖標設計有什麼特點… …………… 152

9.2 手持設備的圖標設計… ……………………… 159

9.2.1 手持設備的圖標設計有何不同… ……… 159

9.2.2 設計一個手持設備的圖標 ……………… 160

第10章 手持設備的圖形界麵………… 167

10.1 圖形界麵設計的創意……………………… 168

10.1.1 優秀圖形界麵賞析… …………………… 168

10.1.2 開始設計手持設備的圖形界麵… …… 176

10.2 【案例】手機MP3播放器的

界麵設計………………………………………… 183

10.2.1 産品定義… ………………………………… 184

10.2.2 交互設計… ………………………………… 184

10.2.3 界麵原型… ………………………………… 185

10.2.4 視覺設計… ………………………………… 185

10.3 【案例】移動設備主題界麵設計… ……… 186

第11章 圖形界麵的創意升級………… 193

11.1 圖形界麵不隻是畫圖… …………………… 194

11.1.1 讓手持設備變得人性化………………… 194

11.1.2 情感化因素不可忽視… ………………… 194

11.1.3 交互特效的引入…………………………… 195

11.1.4 産品=體驗=品牌… ……………………… 196

11.1.5 臨場的體驗決定購買意願……………… 197

11.2 用戶體驗………………………………………… 197

PART 4 項目實踐

第12章 手機交互界麵設計始末… … 205

12.1 製定設計流程… ……………………………… 206

12.1.1 一個優秀的圖形界麵設計

還需要什麼………………………………… 206

12.1.2 麵嚮整個産品過程的設計流程… …… 212

12.2 第一次項目會議……………………………… 214

12.3 圖標設計………………………………………… 220

12.3.1 圖標設計的思考方式… ………………… 220

12.3.2 【教程】圖標設計………………………… 224

12.4 評審篩選會議… ……………………………… 231

12.5 設計方嚮………………………………………… 233

12.6 交互設計效果… ……………………………… 237

12.7 界麵設計………………………………………… 239

12.7.1 【教程】main menu（主菜單）

設計…………………………………………… 242

12.7.2 【教程】world time（世界時間）

設計…………………………………………… 245

12.8 界麵設計提案… ……………………………… 249

12.9 製作Flash演示………………………………… 253

12.9.1 製作平麵演示框架… …………………… 253

12.9.2 製作Flash演示… ………………………… 254

12.10 提案會議……………………………………… 257

12.10.1 準備演示的資料………………………… 257

12.10.2 確定必要的參會人員…………………… 259

第十三章 樣闆工程設計——

UI決策産品… ……………… 263

13.1 産品策劃………………………………………… 264

13.1.1 PPT演示文檔的作用… ………………… 264

13.1.2 《用戶體驗淺析》培訓課程試捲… … 269

13.1.3 《用戶體驗淺析》部門培訓試捲

反饋分析… ………………………………… 271

13.2 項目會議………………………………………… 274

13.3 概念設計………………………………………… 281

13.3.1 “影視手機”概念機型定義……………… 281

13.3.2 測試LCD… ………………………………… 284

13.3.3 界麵概念設計……………………………… 285

13.4 界麵設計………………………………………… 286

13.5 交互實現………………………………………… 293

13.6 音效整閤………………………………………… 300

13.6.1 音源芯片測試……………………………… 300

13.6.2 鈴音製作示例……………………………… 301

13.7 製作開關機動畫……………………………… 304