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

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

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

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

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

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

1．本書特色

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

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

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

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

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

2．內(nèi)容概述

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

3．讀者對象

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

4．作者團(tuán)隊(duì)

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

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

基礎(chǔ)篇

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

圖標(biāo)設(shè)計(jì)篇

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

綜合實(shí)踐篇

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

1. 輸水管線工程風(fēng)險(xiǎn)管理 [張勇 黨亥生 著]
2. 民用航空飛機(jī)標(biāo)準(zhǔn)線路施工 [主編　王志敏　陳明]
3. 不息的水脈—大運(yùn)河講談錄 [趙珩　著]
4. 實(shí)用運(yùn)籌學(xué) [主編　邢育紅　于晉臣]
5. 三峽梯級(jí)電站水資源決策支持系統(tǒng)研究與開發(fā) [姚華明 潘紅忠 湯正]
6. 海南黎族民俗文化鑒賞 [龐國華　著]
7. 石墨烯在太赫茲及中紅外頻段電磁器件設(shè)計(jì)中的應(yīng)用 [李艷秀 莊華偉 著]
8. 電子技術(shù)（第二版） [主編 覃愛娜 李飛]
9. 辦公自動(dòng)化高級(jí)應(yīng)用 [陳萍 朱曉玉]
10. 信息處理技術(shù)員考試32小時(shí)通關(guān) [薛大龍]
11. 電子產(chǎn)品設(shè)計(jì)案例教程（微課版）—基于嘉立創(chuàng)EDA（專業(yè)版） [王靜 莫志宏 陳學(xué)昌 丁紅]
12. C程序設(shè)計(jì)實(shí)踐教程 [劉衛(wèi)國]
13. C程序設(shè)計(jì)（慕課版） [劉衛(wèi)國]
14. Web技術(shù)開發(fā)教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 商務(wù)英語翻譯教程（筆譯）（第四版） [主編 王軍平]
16. 智慧零售技術(shù)與應(yīng)用 [洪旭 著]
17. 建設(shè)工程法規(guī)實(shí)務(wù) [主編 余瀅]
18. 商務(wù)秘書理論與實(shí)務(wù)（第三版） [主編 張同欽]
19. 程序設(shè)計(jì)基礎(chǔ)實(shí)踐教程（C/C++語言版） [張桂芬 葛麗娜]
20. C++案例項(xiàng)目精講 [主編 楊國興]
21. 勞動(dòng)爭議處理實(shí)務(wù) [主編 王秀卿 羅靜]
22. 工程數(shù)學(xué) [主編 郭立娟 王海]
23. 語音識(shí)別理論與實(shí)踐 [主編　莫宏偉]
24. 信息系統(tǒng)項(xiàng)目管理師章節(jié)習(xí)題與考點(diǎn)特訓(xùn)（第二版） [主編 薛大龍]
25. 武術(shù)基礎(chǔ)教程 [主編 李代勇 謝志民]
26. 計(jì)算機(jī)網(wǎng)絡(luò)實(shí)訓(xùn)教程 [主編 張浩軍 趙玉娟]
27. 畫法幾何與機(jī)械制圖習(xí)題集（多學(xué)時(shí)） [主編 趙軍]
28. HCIA-Datacom認(rèn)證題庫分類精講 [主 編 韓立剛]
29. SwiftUI完全開發(fā) [李智威 著]
30. 網(wǎng)絡(luò)規(guī)劃設(shè)計(jì)師備考一本通 [夏杰 編著]