移動(dòng)UI設(shè)計(jì)與實(shí)戰(zhàn)

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

課程思政：將中國(guó)傳統(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ì)、市場(chǎng)的需求，UI設(shè)計(jì)職業(yè)崗位越來越受歡迎。該領(lǐng)域人才需求缺口大、就業(yè)待遇薪資高、發(fā)展空間大，是許多人向往的工作崗位。

1．本書特色

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

（2）課程思政。通過視覺表達(dá)方法把中國(guó)傳統(tǒng)文化元素運(yùn)用到手機(jī)主題界面設(shè)計(jì)中，在圖標(biāo)功能與文化內(nèi)涵之間建立起對(duì)應(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)行對(duì)比學(xué)習(xí)，方便教師做課程準(zhǔn)備。

2．內(nèi)容概述

本書依據(jù)職業(yè)技能提升過程，分為三篇：第一篇是基礎(chǔ)篇，主要掌握界面設(shè)計(jì)學(xué)習(xí)中的職業(yè)標(biāo)準(zhǔn)和技能要求并對(duì)職業(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ù)，分別對(duì)線性圖標(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ù)，分別對(duì)手機(jī)主題界面設(shè)計(jì)制作、App應(yīng)用界面設(shè)計(jì)制作及交付文檔進(jìn)行模擬訓(xùn)練。

3．讀者對(duì)象

本書信息量大、內(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ó)水利水電出版社的有關(guān)負(fù)責(zé)同志對(duì)本書的出版給予了大力支持。在此，向這些作者以及為本書出版付出辛勤勞動(dòng)的同志表示感謝。在本書編寫過程中還參閱和采用了部分設(shè)計(jì)網(wǎng)站的文章及圖例，因來源復(fù)雜，不能一一標(biāo)注作者，在此深表歉意和感謝。

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

基礎(chǔ)篇

項(xiàng)目一 移動(dòng)端界面設(shè)計(jì)基礎(chǔ) 1
任務(wù)1 認(rèn)識(shí)移動(dòng)端界面設(shè)計(jì) 1
任務(wù)要點(diǎn) 1
任務(wù)檢測(cè) 4
任務(wù)2 產(chǎn)品開發(fā)流程應(yīng)用 5
任務(wù)要點(diǎn) 5
任務(wù)檢測(cè) 10
任務(wù)3 移動(dòng)端界面基礎(chǔ)設(shè)計(jì)規(guī)范 10
任務(wù)要點(diǎn) 10
任務(wù)檢測(cè) 18
任務(wù)4 交互設(shè)計(jì)基礎(chǔ) 18
任務(wù)要點(diǎn) 18
任務(wù)檢測(cè) 34
任務(wù)5 移動(dòng)端界面設(shè)計(jì)基本原則 35
任務(wù)要點(diǎn) 35
任務(wù)檢測(cè) 52
項(xiàng)目總結(jié) 53
項(xiàng)目二 移動(dòng)端界面設(shè)計(jì)色彩搭配 54
任務(wù)1 色彩的基本認(rèn)知 54
任務(wù)要點(diǎn) 54
任務(wù)檢測(cè) 67
任務(wù)2 色彩情感在移動(dòng)端界面中的應(yīng)用 67
任務(wù)要點(diǎn) 67
任務(wù)實(shí)現(xiàn)—漸變色鎖屏手機(jī)界面制作 78
任務(wù)檢測(cè) 86
任務(wù)3 移動(dòng)端界面色彩配色技巧 87
任務(wù)要點(diǎn) 87
任務(wù)實(shí)現(xiàn)—移動(dòng)端界面主色配色設(shè)定 116
任務(wù)檢測(cè) 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ù)檢測(cè) 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 登錄注冊(cè)頁設(shè)計(jì) 255
任務(wù)要點(diǎn) 255
任務(wù)實(shí)現(xiàn)—登錄注冊(cè)頁制作 255
任務(wù)拓展 257
任務(wù)小結(jié) 258
任務(wù)10 購(gòu)物車頁設(shè)計(jì) 258
任務(wù)要點(diǎn) 258
任務(wù)實(shí)現(xiàn)—購(gòu)物車頁制作 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. 零基礎(chǔ)玩轉(zhuǎn)國(guó)產(chǎn)大模型DeepSeek [徐永冰 張帥 編著]
2. 網(wǎng)絡(luò)工程師5天修煉（適配第6版考綱） [主編　朱小平 施游]
3. 信息系統(tǒng)項(xiàng)目管理師考試32小時(shí)通關(guān)（適用第4版考綱） [薛大龍]
4. 信息系統(tǒng)管理工程師考試32小時(shí)通關(guān)（適配第2版考綱） [薛大龍　劉偉]
5. 土木工程材料檢測(cè)實(shí)訓(xùn) [洪曉江 達(dá)則曉麗 錢波]
6. 科技信息檢索與論文寫作實(shí)用教程 [李振華]
7. 傳統(tǒng)山水畫論解讀與實(shí)踐 [陳鈉 著]
8. Python數(shù)據(jù)庫編程 [主編 殷樹友 邢 翀]
9. 計(jì)算機(jī)基礎(chǔ)實(shí)訓(xùn)指導(dǎo) [主編 袁春萍 朱妮]
10. 嵌入式人工智能技術(shù)應(yīng)用（數(shù)字教材） [主編 胡娜 楊國(guó)勇 晏廷榮]
11. Vienna整流器技術(shù) [桂存兵 著]
12. 變頻器與伺服應(yīng)用 [陳剛 葉云飛]
13. 物聯(lián)網(wǎng)工程設(shè)計(jì)與實(shí)踐 [湯琳 李敏]
14. 爐邊夜話——深入淺出話AI [汪建　著]
15. 電商運(yùn)營(yíng)與管理 [鐘肖英 陳瀟]
16. Java面向?qū)ο蟪绦蛟O(shè)計(jì) [主編 姜春磊 陳虹潔]
17. 信息技術(shù)基礎(chǔ)（Windows 10+WPS Office）（微課版） [主編　石利平　田輝平　謝盛嘉]
18. 人工智能應(yīng)用 [主編　陳　萍　劉培培　陳孟軍]
19. 大學(xué)生職業(yè)發(fā)展與就業(yè)指導(dǎo) [主編　劉志堅(jiān)]
20. 高級(jí)辦公應(yīng)用項(xiàng)目教程 [主編 屈晶 趙成麗]
21. 微信小程序開發(fā)項(xiàng)目實(shí)戰(zhàn)（微課版） [主編 黃龍泉 郭峰 朱倩]
22. 企業(yè)檔案工作實(shí)戰(zhàn)寶典百問百答 [華俊 盧秀英 邵甜甜 著]
23. 計(jì)算機(jī)網(wǎng)絡(luò)原理及應(yīng)用 [主編 唐繼勇 葉坤 孫夢(mèng)娜]
24. 大學(xué)生創(chuàng)業(yè)基礎(chǔ) [主編 王麗莉 王 楊]
25. 船舶輔機(jī) [主編 王連海 于洋 姜淑翠]
26. 大學(xué)生就業(yè)指導(dǎo) [主編 王麗莉 董宴廷]
27. 系統(tǒng)架構(gòu)設(shè)計(jì)師章節(jié)習(xí)題與考點(diǎn)特訓(xùn) [主編 薛大龍 鄒月平]
28. 高校學(xué)生工作探索與實(shí)踐 [郭亮 著]
29. 大學(xué)生情商管理 [方雄 著]
30. 2023年長(zhǎng)沙市會(huì)展業(yè)發(fā)展報(bào)告 [主編 周棟良]