課證融通：內(nèi)容編寫有機融合面向界面設(shè)計1+X 證書的相關(guān)技能要求。

課程思政：將中國傳統(tǒng)文化元素融入案例，為課程思政建設(shè)提供思路。

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

實踐性強：采用“項目導(dǎo)向、任務(wù)驅(qū)動”的編寫方式，突出實踐應(yīng)用。

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

隨著“互聯(lián)網(wǎng)+”時代的發(fā)展及社會、市場的需求，UI設(shè)計職業(yè)崗位越來越受歡迎。該領(lǐng)域人才需求缺口大、就業(yè)待遇薪資高、發(fā)展空間大，是許多人向往的工作崗位。

1．本書特色

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

（2）課程思政。通過視覺表達方法把中國傳統(tǒng)文化元素運用到手機主題界面設(shè)計中，在圖標功能與文化內(nèi)涵之間建立起對應(yīng)關(guān)系，讓讀者在學(xué)習(xí)中體會中華民族傳統(tǒng)文化的魅力。

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

（4）實踐性強。采用“項目導(dǎo)向、任務(wù)驅(qū)動”的編寫方式，各項目主要包含“任務(wù)要點”“任務(wù)實現(xiàn)”“任務(wù)拓展”“任務(wù)小結(jié)”等環(huán)節(jié)，緊緊圍繞任務(wù)，構(gòu)建融合互通、層層遞進的任務(wù)體系。

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

2．內(nèi)容概述

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

3．讀者對象

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

4．作者團隊

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

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

基礎(chǔ)篇

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

圖標設(shè)計篇

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

綜合實踐篇

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

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