課證融通：內容編寫有機融合面向界面設計1+X 證書的相關技能要求。

課程思政：將中國傳統文化元素融入案例，為課程思政建設提供思路。

校企合作：一手素材、真實案例，將知識、技能、標準全面融入教學。

實踐性強：采用“項目導向、任務驅動”的編寫方式，突出實踐應用。

資源豐富：配套電子課件、微課、習題答案等資源，方便師生教與學。

隨著“互聯網+”時代的發展及社會、市場的需求，UI設計職業崗位越來越受歡迎。該領域人才需求缺口大、就業待遇薪資高、發展空間大，是許多人向往的工作崗位。

1．本書特色

（1）課證融通。依據界面設計1+X職業技能初級證書中對界面設計模塊要求，全面梳理教材內容，將企業工作任務、職業技能要求、行業設計規范等融入教材，同時，結合教學中有效的實踐、工具和方法，開發學習流程，并對課證融通進行探索，建設面向界面設計1+X職業技能初級證書的配套輔助教材。

（2）課程思政。通過視覺表達方法把中國傳統文化元素運用到手機主題界面設計中，在圖標功能與文化內涵之間建立起對應關系，讓讀者在學習中體會中華民族傳統文化的魅力。

（3）校企合作。編寫過程中充分與企業一線設計人員進行溝通，選取了行業一手素材，以及與企業合作的真實教學項目作為教材編寫的案例，將知識、技能、標準全面融入本書的任務中。

（4）實踐性強。采用“項目導向、任務驅動”的編寫方式，各項目主要包含“任務要點”“任務實現”“任務拓展”“任務小結”等環節，緊緊圍繞任務，構建融合互通、層層遞進的任務體系。

（5）資源豐富。運用二維碼技術提供豐富的資料包，包括微課、習題答案、擴展閱讀等，方便讀者進行對比學習，方便教師做課程準備。

2．內容概述

本書依據職業技能提升過程，分為三篇：第一篇是基礎篇，主要掌握界面設計學習中的職業標準和技能要求并對職業崗位進行認知和了解；第二篇是圖標篇，在理解基礎理論之上學習界面設計中重要元素圖標；第三篇是綜合實踐篇，在掌握基礎能力后進行視覺設計實踐。其中，第一篇有2個項目、8個任務，主要涵蓋界面設計崗位能力要求、產品開發流程應用、界面設計規范、交互設計基礎、界面設計原則及移動端UI設計中的色彩表現6個方面內容；第二篇有1個項目、9個任務，分別對線性圖標、面性圖標、線面結合圖標、扁平風格圖標、輕擬物圖標、寫實圖標設計制作要點及方法進行介紹；第三篇有3個項目、18個任務，分別對手機主題界面設計制作、App應用界面設計制作及交付文檔進行模擬訓練。

3．讀者對象

本書信息量大、內容資源豐富、實用性強，既可以作為數字媒體應用技術、藝術設計、移動應用開發等專業的教材和學習輔導書，也可以作為考取界面設計1+X職業技能初級證書的備考人員的參考書和界面設計愛好者的自學書籍。為讀者了解界面設計基礎，掌握平面軟件制作，掌握交互基礎、制作界面視覺設計作品提供幫助。

4．作者團隊

本書由來自一線項目的研發人員和一線教學的任課老師編寫而成。本書由苗楠任主編，負責全書的統稿、修改、定稿工作，趙晟媛任副主編。具體編寫分工為：苗楠負責編寫項目一，項目四，項目五，項目六和項目三中的任務1、2、3、4、7；趙晟媛負責編寫項目二和項目三中的任務5、6、8、9。同時，李鑫平、董文婧、唐建民等為本書編寫和資源建設做了很多有益工作；中國水利水電出版社的有關負責同志對本書的出版給予了大力支持。在此，向這些作者以及為本書出版付出辛勤勞動的同志表示感謝。在本書編寫過程中還參閱和采用了部分設計網站的文章及圖例，因來源復雜，不能一一標注作者，在此深表歉意和感謝。

在本書編寫過程中編者雖然傾注了全部精力，但由于水平有限，加之時間倉促，書中難免有疏漏之處，懇請各位讀者和專家批評指正。

基礎篇

項目一 移動端界面設計基礎 1
任務1 認識移動端界面設計 1
任務要點 1
任務檢測 4
任務2 產品開發流程應用 5
任務要點 5
任務檢測 10
任務3 移動端界面基礎設計規范 10
任務要點 10
任務檢測 18
任務4 交互設計基礎 18
任務要點 18
任務檢測 34
任務5 移動端界面設計基本原則 35
任務要點 35
任務檢測 52
項目總結 53
項目二 移動端界面設計色彩搭配 54
任務1 色彩的基本認知 54
任務要點 54
任務檢測 67
任務2 色彩情感在移動端界面中的應用 67
任務要點 67
任務實現—漸變色鎖屏手機界面制作 78
任務檢測 86
任務3 移動端界面色彩配色技巧 87
任務要點 87
任務實現—移動端界面主色配色設定 116
任務檢測 122
項目總結 123

圖標設計篇

項目三 使用Photoshop設計制作圖標 124
任務1 認識圖標設計 124
任務要點 124
任務實現—微信圖標的設計制作 131
任務檢測 134
任務小結 135
任務2 線性圖標設計制作 135
任務要點 135
任務實現—天氣圖標的繪制 138
任務拓展 140
任務小結 141
任務3 面性圖標設計制作 141
任務要點 141
任務實現—相機圖標的繪制 144
任務拓展 146
任務小結 146
任務4 線面結合圖標設計制作 146
任務要點 146
任務實現—首頁圖標的繪制 147
任務拓展 149
任務小結 149
任務5 扁平化圖標—折紙圖標設計制作 149
任務要點 149
任務實現—地圖圖標制作 154
任務拓展 157
任務小結 157
任務6 輕擬物圖標—輕質感圖標設計
制作 157
任務要點 157
任務實現—時間圖標制作 160
任務拓展 162
任務小結 162
任務7 輕擬物圖標—透明質感圖標設計
制作 162
任務要點 162
任務實現—設置圖標制作 164
任務拓展 167
任務小結 168
任務8 寫實圖標—金屬質感圖標設計
制作 168
任務要點 168
任務實現—開關圖標制作 174
任務拓展 178
任務小結 178
任務9 寫實圖標—木質感圖標設計制作 178
任務要點 178
任務實現—郵件圖標制作 188
任務拓展 192
任務小結 192

綜合實踐篇

項目四 剪紙風格手機主題界面設計 193
任務1 手機主題桌面圖標設計 193
任務要點 193
任務實現—剪紙風格圖標制作 195
任務拓展 200
任務小結 201
任務2 手機主題背景界面設計 201
任務要點 201
任務實現—背景界面設計制作 202
任務拓展 205
任務小結 206
任務3 手機主題鎖屏界面設計 206
任務要點 206
任務實現—鎖屏界面設計制作 207
任務拓展 208
任務小結 209
項目五 新西蘭NAMEKIWI App應用界面
設計 210
任務1 App啟動圖標設計 210
任務要點 210
任務實現—App啟動圖標制作 211
任務拓展 213
任務小結 214
任務2 啟動頁設計 214
任務要點 214
任務實現—啟動頁制作 215
任務拓展 217
任務小結 217
任務3 引導頁設計 217
任務要點 217
任務實現—引導頁制作 218
任務拓展 221
任務小結 222
任務4 首頁設計 222
任務要點 222
任務實現—首頁制作 224
任務拓展 237
任務小結 238
任務5 分類頁設計 238
任務要點 238
任務實現—分類頁制作 240
任務拓展 242
任務小結 243
任務6 商品詳情頁設計 243
任務要點 243
任務實現—商品詳情頁制作 245
任務拓展 247
任務小結 248
任務7 搜索頁設計 248
任務要點 248
任務實現—搜索頁制作 249
任務拓展 251
任務小結 251
任務8 搜索結果頁設計 251
任務要點 251
任務實現—搜索結果頁制作 252
任務拓展 254
任務小結 255
任務9 登錄注冊頁設計 255
任務要點 255
任務實現—登錄注冊頁制作 255
任務拓展 257
任務小結 258
任務10 購物車頁設計 258
任務要點 258
任務實現—購物車頁制作 259
任務拓展 262
任務小結 263
任務11 訂單結算頁設計 263
任務要點 263
任務實現—訂單結算頁制作 264
任務拓展 266
任務小結 267
任務12 個人中心頁設計 267
任務要點 267
任務實現—個人中心頁制作 268
任務拓展 271
任務小結 272
項目六 新西蘭NAMEKIWI App項目設計
交付文檔 273
任務1 設計適配 273
任務要點 273
任務實現—設計適配 276
任務拓展 279
任務小結 279
任務2 標注 280
任務要點 280
任務實現—標注登錄頁面 281
任務拓展 286
任務小結 286
任務3 切圖 287
任務要點 287
任務實現—分類頁切圖 293
任務拓展 297
任務小結 297
參考文獻 298

1. 庭院風骨—樹、灌、籬 [創意房主 著]
2. Python語言程序設計教程 [郭其標 房宜汕]
3. 微積分（經管類）教程篇（下冊） [曹海軍 王海棠 周玲麗]
4. 微積分（經管類）教程篇（上冊） [曹海軍 王海棠 周玲麗]
5. 微積分（經管類）導學篇（上冊） [王海棠 曹海軍 周玲麗]
6. 網站前端技術案例教程（HTML+CSS+JavaScript）（第二版） [黃華升]
7. 線性代數 [主編 史昱 陳鳳欣]
8. 電力電子技術課程學習及實驗指導 [主編 陳榮]
9. 成長對話：青春的榜樣 [主編　施端銀　黃武剛　應巨林]
10. 人工智能應用基礎 [主編 楊纓 李佳]
11. 中華水文化（慕課版）（第二版） [畢雪燕 楊華軻 羅玲誼 等編著]
12. 電路與電子技術Ⅱ——電路分析基礎 [主編 陳曉 金哲]
13. 飛機維修專業英語——飛機系統（第二版） [趙迎春]
14. 英語大爆炸：跟趣味情景劇學口語（微課版） [秦然　編著]
15. 機械工程制圖任務跟蹤訓練 [主編 王瑞清 趙金考 周彥云 ]
16. 機械工程制圖 [主編 覃國萍 劉百順 禹晨]
17. 平面設計與制作項目化教程 [主編　李晨]
18. 后期影像剪輯技術 [主編　郭建偉]
19. 人工智能概論（第二版） [主編　任云暉　丁紅　徐迎春 ]
20. 信息時代美育之道 [主編　劉宏宇　黎婭]
21. 數字媒體交互設計項目式教程（微課版） [主編　蘇陸]
22. 動畫運動規律項目實例解析（微課版） [孫珊珊　袁維坤]
23. 自然語言處理 [主編　馮建周]
24. 新媒體內容創作實務（微課版） [主編　覃思源]
25. 人工智能基礎 [主編 余平 張春陽]
26. 人工智能導論 [主編 王飛 潘立武]
27. Amazing！兒童英語自然拼讀分級教材（全8冊） [王玲　編著]
28. Spark大數據處理技術 [主編　劉仁山　周洪翠　莊新妍]
29. 毫無PS痕跡—你的第一本Photoshop書（第二版） [趙鵬 著]
30. 電視新聞制作（活頁式） [主編 王曉翠 劉傳琳]