UI界面設(shè)計(jì)與制作教程

編寫目的：根據(jù)崗位技能要求，將理論與行業(yè)現(xiàn)狀相結(jié)合，促使設(shè)計(jì)者掌握UI設(shè)計(jì)的實(shí)用方法，提高審美能力。

內(nèi)容安排：首先了解UI設(shè)計(jì)的基本知識和設(shè)計(jì)原則；然后介紹UI設(shè)計(jì)的分類及其對應(yīng)的設(shè)計(jì)原則；最后詳細(xì)講解UI設(shè)計(jì)的全過程。

內(nèi)容特色：理論體系完整，與大思政背景下的教學(xué)內(nèi)容緊密結(jié)合，符合應(yīng)用型人才培養(yǎng)特點(diǎn)。

前 言

UI設(shè)計(jì)是新時(shí)代新技術(shù)領(lǐng)域里不容忽視的一門新媒體技術(shù)，我們需要綜合運(yùn)用該技術(shù)向?qū)W生展示中華文化的魅力，挖掘和培養(yǎng)學(xué)生的文化自覺意識，只有對自己的文化有堅(jiān)定的信心，才能獲得堅(jiān)持堅(jiān)守的從容，鼓起奮發(fā)進(jìn)取的勇氣，煥發(fā)創(chuàng)新創(chuàng)造的活力。在此背景下，編寫一本具有中華文化特色并與新技術(shù)相結(jié)合的教材是我們的初衷，也是本書不同于其他教材的精髓所在。目前還沒有專門針對中華傳統(tǒng)文化而設(shè)計(jì)教學(xué)案例的UI設(shè)計(jì)教材，但可以找到UI設(shè)計(jì)與實(shí)踐操作相關(guān)的參考書目，這對學(xué)生來說缺乏一定的文化教育作用，而本書將文化與技術(shù)相結(jié)合，在內(nèi)化學(xué)生思想的同時(shí)強(qiáng)化技能學(xué)習(xí)。

本書編寫依據(jù)教育部最新教學(xué)標(biāo)準(zhǔn)，根據(jù)崗位技能要求，以增強(qiáng)UI設(shè)計(jì)者的審美能力為目的，充分考慮人對知識的接受能力和掌握過程，將理論與行業(yè)現(xiàn)狀相結(jié)合，促使設(shè)計(jì)者掌握UI設(shè)計(jì)的實(shí)用方法。

在編寫思路上，以教學(xué)對象的認(rèn)知水平和學(xué)習(xí)規(guī)律為出發(fā)點(diǎn)，結(jié)合行業(yè)需求和專業(yè)特色的實(shí)際情況，將UI設(shè)計(jì)過程中所遇到的各項(xiàng)問題理論化，形成較完整的理論體系。

在內(nèi)容安排上，本書開篇首先讓學(xué)生了解UI設(shè)計(jì)的基本知識和設(shè)計(jì)原則；然后對UI設(shè)計(jì)的分類進(jìn)行介紹，讓學(xué)生將每一種設(shè)計(jì)的原則都熟記于心；之后詳細(xì)講解UI設(shè)計(jì)的全過程，包括文案的形成、圖標(biāo)的設(shè)計(jì)、界面的設(shè)計(jì)等。通過對本書的學(xué)習(xí)，學(xué)生可全面掌握UI設(shè)計(jì)的相關(guān)方法。

在教材特色上，本書理論體系比較完整，與大思政背景下的教學(xué)內(nèi)容結(jié)合緊密，符合應(yīng)用型人才培養(yǎng)特點(diǎn)。

前言

項(xiàng)目1 UI設(shè)計(jì)基礎(chǔ)知識 1
任務(wù)1 感知UI設(shè)計(jì) 1
1．何為UI設(shè)計(jì) 1
2．UI設(shè)計(jì)的分類 3
任務(wù)2 UI設(shè)計(jì)的昨天、今天與明天 6
1．UI設(shè)計(jì)的昨天與今天 6
2．UI設(shè)計(jì)的發(fā)展趨勢 9
任務(wù)3 UI設(shè)計(jì)師 11
1．UI設(shè)計(jì)師的職業(yè)技能 11
2．UI設(shè)計(jì)師的職業(yè)素養(yǎng) 12
3．UI設(shè)計(jì)師的職業(yè)生涯規(guī)劃 13
項(xiàng)目2 認(rèn)識產(chǎn)品與架構(gòu)分析 15
任務(wù)1 UI設(shè)計(jì)工作流程 15
1．自主軟件產(chǎn)品開發(fā)流程 15
2．外包公司產(chǎn)品開發(fā)流程 15
任務(wù)2 競品分析 16
任務(wù)3 用戶畫像 17
1．分析用戶社會學(xué)指征 17
2．分析用戶消費(fèi)行為指征 18
3．分析用戶線下行為指征 19
任務(wù)4 需求與功能分析 19
項(xiàng)目3 圖標(biāo)設(shè)計(jì) 22
任務(wù)1 圖標(biāo)設(shè)計(jì)理論知識 22
1．圖標(biāo)設(shè)計(jì)的概念 22
2．圖標(biāo)設(shè)計(jì)的基本原則 23
3．圖標(biāo)設(shè)計(jì)的尺寸規(guī)范 25
任務(wù)2 社交類圖標(biāo)設(shè)計(jì) 26
1．社交類圖標(biāo) 26
2．社交類圖標(biāo)制作 26
任務(wù)3 購物類圖標(biāo)設(shè)計(jì) 38
1．購物類圖標(biāo) 38
2．購物類圖標(biāo)制作 38
任務(wù)4 銀行類圖標(biāo)設(shè)計(jì) 44
1．銀行類圖標(biāo) 44
2．銀行類圖標(biāo)制作 45
任務(wù)5 生活類圖標(biāo)設(shè)計(jì) 47
1．生活類圖標(biāo) 47
2．生活類圖標(biāo)制作 48
任務(wù)6 視頻類圖標(biāo)設(shè)計(jì) 52
1．視頻類圖標(biāo) 52
2．視頻類圖標(biāo)制作 53
項(xiàng)目4 歡迎界面設(shè)計(jì) 62
任務(wù)1 歡迎界面設(shè)計(jì)理論知識 62
1．歡迎界面設(shè)計(jì)的概念 62
2．歡迎界面設(shè)計(jì)的原則 63
任務(wù)2 淡雅風(fēng)格歡迎界面設(shè)計(jì) 64
1．淡雅風(fēng)格歡迎界面設(shè)計(jì)要點(diǎn) 64
2．淡雅風(fēng)格歡迎界面制作 64
任務(wù)3 簡約風(fēng)格歡迎界面設(shè)計(jì) 71
1．簡約風(fēng)格歡迎界面設(shè)計(jì)要點(diǎn) 71
2．簡約風(fēng)格歡迎界面制作 72
任務(wù)4 扁平風(fēng)格歡迎界面設(shè)計(jì) 79
1．扁平風(fēng)格歡迎界面設(shè)計(jì)要點(diǎn) 79
2．扁平風(fēng)格歡迎界面制作 79
任務(wù)5 寫實(shí)風(fēng)格歡迎界面設(shè)計(jì) 85
1．寫實(shí)風(fēng)格歡迎界面設(shè)計(jì)要點(diǎn) 85
2．寫實(shí)風(fēng)格歡迎界面制作 85
任務(wù)6 iOS風(fēng)格歡迎界面設(shè)計(jì) 90
1．iOS風(fēng)格歡迎界面設(shè)計(jì)要點(diǎn) 90
2．iOS風(fēng)格歡迎界面制作 91
項(xiàng)目5 按鈕設(shè)計(jì) 99
任務(wù)1 按鈕設(shè)計(jì)理論知識 99
1．按鈕設(shè)計(jì)的基本概念 99
2．按鈕設(shè)計(jì)的原則 100
任務(wù)2 簡約效果按鈕設(shè)計(jì) 101
1．扁平式簡約效果按鈕設(shè)計(jì) 101
2．立體化簡約效果按鈕設(shè)計(jì) 108
任務(wù)3 復(fù)古效果按鈕設(shè)計(jì) 130
1．復(fù)古效果下載按鈕設(shè)計(jì) 130
2．復(fù)古效果開關(guān)按鈕設(shè)計(jì) 141
任務(wù)4 寫實(shí)效果按鈕設(shè)計(jì) 153
項(xiàng)目6 UI界面版式設(shè)計(jì) 176
任務(wù)1 認(rèn)識移動(dòng)端界面結(jié)構(gòu) 176
1．欄 176
2．導(dǎo)航結(jié)構(gòu) 179
3．內(nèi)容視圖 184
4．臨時(shí)視圖 197
任務(wù)2 iOS風(fēng)格界面設(shè)計(jì) 201
1．制作iOS應(yīng)用主界面 201
2．制作iOS登錄界面 213
3．制作iOS工具欄界面 219
參考文獻(xiàn) 228
后記 229

1. 大學(xué)生創(chuàng)新創(chuàng)業(yè)基礎(chǔ) [主編 姜國權(quán) 姜福佳]
2. 信息技術(shù)（微課版） [王云　徐江鴻　李清霞　羅學(xué)鋒　]
3. 管理基礎(chǔ)與實(shí)務(wù) [主編 王鳳基 顏漢軍]
4. 高等數(shù)學(xué)導(dǎo)學(xué)篇（上冊） [主編 李文婧 胡雷 尹金生]
5. 高等數(shù)學(xué)（下冊） [主編 李愛芹 胡雷 尹金生]
6. 高等數(shù)學(xué)（上冊） [主編 李愛芹 胡雷 尹金生]
7. Python語言程序設(shè)計(jì)教程 [郭其標(biāo) 房宜汕]
8. 人工智能應(yīng)用基礎(chǔ) [主編 楊纓 李佳]
9. 中華水文化（慕課版）（第二版） [畢雪燕 楊華軻 羅玲誼 等編著]
10. 電路與電子技術(shù)Ⅱ——電路分析基礎(chǔ) [主編 陳曉 金哲]
11. 人工智能概論（第二版） [主編　任云暉　丁紅　徐迎春 ]
12. 信息時(shí)代美育之道 [主編　劉宏宇　黎婭]
13. 數(shù)字媒體交互設(shè)計(jì)項(xiàng)目式教程（微課版） [主編　蘇陸]
14. Amazing！兒童英語自然拼讀分級教材（全8冊） [王玲　編著]
15. Spark大數(shù)據(jù)處理技術(shù) [主編　劉仁山　周洪翠　莊新妍]
16. Python程序設(shè)計(jì) [李國燕 王新強(qiáng) 劉佳 等編著]
17. Python程序設(shè)計(jì)項(xiàng)目化教程（活頁式） [主編　盧鳳偉]
18. 人工智能算法與實(shí)踐 [主編　梁琨　張翼英]
19. 計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)項(xiàng)目化教程（微課版） [主編 王艷萍 安華萍]
20. 數(shù)據(jù)清洗 [黃源　劉智楊　孫大松]
21. 電路設(shè)計(jì)與PCB制作實(shí)操教程 [主編 周永宏]
22. 電路與電子技術(shù)Ⅰ—數(shù)字電子技術(shù) [主編 鄭玉珍 王淑琴]
23. Java編程基礎(chǔ)案例式教程 [主編 陳艷華 唐春蘭]
24. Python語言同步案例習(xí)題精解 [主編 肖朝暉]
25. Excel在會計(jì)工作中的應(yīng)用（第三版） [主 編 趙艷莉 耿聰慧]
26. 應(yīng)用數(shù)學(xué) [主編 劉東海 劉麗瑤]
27. Web用戶界面設(shè)計(jì)與制作 [主編 趙娟]
28. 計(jì)算機(jī)網(wǎng)絡(luò)基礎(chǔ)創(chuàng)新教程（模塊化+課程思政版） [主編 唐繼勇 李旭]
29. 計(jì)算機(jī)應(yīng)用技術(shù)基礎(chǔ)案例教程 [主編 周麗娟 王璐]
30. Unity應(yīng)用開發(fā)與實(shí)戰(zhàn)（微課版） [主 編 程永恒]