UI設(shè)計(jì)項(xiàng)目化實(shí)戰(zhàn)教程（微課版）

定　價(jià)：￥69.80

作　者：	陳彥，王雨捷，高金寶
出版社：	人民郵電出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

購(gòu)買(mǎi)這本書(shū)可以去

當(dāng)當(dāng)網(wǎng) (￥55.28)

ISBN：	9787115606051	出版時(shí)間：	2023-06-01	包裝：	平裝
開(kāi)本：	128開(kāi)	頁(yè)數(shù)：		字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　本書(shū)基于UI設(shè)計(jì)師所需的崗位技能，聚焦UI設(shè)計(jì)工作流程，圍繞“伴游”App和“博學(xué)苑”App的UI設(shè)計(jì)展開(kāi)講解，集圖標(biāo)設(shè)計(jì)、主界面設(shè)計(jì)、登錄界面設(shè)計(jì)、引導(dǎo)頁(yè)界面設(shè)計(jì)、搜索產(chǎn)品列表頁(yè)界面設(shè)計(jì)、詳情頁(yè)界面設(shè)計(jì)、個(gè)人中心頁(yè)界面設(shè)計(jì)為一體，再現(xiàn)項(xiàng)目功能需求確定，原型圖繪制、視覺(jué)規(guī)范設(shè)計(jì)、頁(yè)面效果圖制作、標(biāo)注及切圖等環(huán)節(jié)的設(shè)計(jì)思路和工作流程，使學(xué)生對(duì)UI設(shè)計(jì)師這一崗位及UI設(shè)計(jì)行業(yè)的環(huán)境有一個(gè)清晰的認(rèn)識(shí)。本書(shū)針對(duì)的是已掌握Photoshop或Illustrator基本操作技能的讀者，適合作為高等職業(yè)院校UI設(shè)計(jì)課程的教材，也適合作為對(duì)UI設(shè)計(jì)感興趣的讀者的參考書(shū)。

作者簡(jiǎn)介

　　于麗娜，河北工業(yè)職業(yè)技術(shù)學(xué)院平面設(shè)計(jì)專業(yè)主任，多年來(lái)從事Photoshop圖像圖像設(shè)計(jì)、Illustrator平面設(shè)計(jì)、UI設(shè)計(jì)等專業(yè)課程教學(xué)，并出版過(guò)多本相關(guān)專業(yè)教材，有豐富的教學(xué)和寫(xiě)作經(jīng)驗(yàn)。

圖書(shū)目錄

項(xiàng)目1　認(rèn)識(shí)UI設(shè)計(jì)

1.1　相關(guān)知識(shí)　2

1.1.1　UI設(shè)計(jì)的概念　2

1.1.2　UI設(shè)計(jì)分類(lèi)　3

1.1.3　UI設(shè)計(jì)師簡(jiǎn)介　4

1.1.4　UI設(shè)計(jì)的發(fā)展趨勢(shì)　5

1.1.5　UI設(shè)計(jì)基礎(chǔ)　6

1.2　項(xiàng)目小結(jié)　16

1.3　課后習(xí)題　16

項(xiàng)目2　設(shè)計(jì)“伴游”App圖標(biāo)

2.1　任務(wù)導(dǎo)入　18

2.2　相關(guān)知識(shí)　18

2.2.1　圖標(biāo)的概念　18

2.2.2　圖標(biāo)的設(shè)計(jì)規(guī)范　19

2.2.3　圖標(biāo)的風(fēng)格類(lèi)型　20

2.2.4　圖標(biāo)網(wǎng)格　22

2.3　任務(wù)實(shí)施　23

2.3.1　思路解析　23

2.3.2　應(yīng)用圖標(biāo)的設(shè)計(jì)與制作　23

2.3.3　面性“首頁(yè)”圖標(biāo)的設(shè)計(jì)與制作　31

2.3.4　漸變“攻略”圖標(biāo)的設(shè)計(jì)與制作　36

2.4　創(chuàng)意設(shè)計(jì)實(shí)踐　46

2.5　項(xiàng)目小結(jié)　48

2.6　課后習(xí)題　48

項(xiàng)目3　設(shè)計(jì)“伴游”

App主界面和登錄界面

3.1　任務(wù)導(dǎo)入　50

3.2　相關(guān)知識(shí)　50

3.2.1　主界面中的主要元素　50

3.2.2　App產(chǎn)品原型　57

3.2.3　標(biāo)注　60

3.2.4　卡片式設(shè)計(jì)　60

3.3　任務(wù)實(shí)施　61

3.3.1　主界面設(shè)計(jì)思路解析　61

3.3.2　主界面的設(shè)計(jì)與制作　62

3.3.3　登錄界面設(shè)計(jì)思路解析　67

3.3.4　登錄界面的設(shè)計(jì)與制作　68

3.4　創(chuàng)意設(shè)計(jì)實(shí)踐　70

3.5　項(xiàng)目小結(jié)　72

3.6　課后習(xí)題　72

項(xiàng)目4　設(shè)計(jì)“伴游”App引導(dǎo)頁(yè)界面

4.1　任務(wù)導(dǎo)入　74

4.2　相關(guān)知識(shí)　74

4.2.1　引導(dǎo)頁(yè)的分類(lèi)　74

4.2.2　引導(dǎo)頁(yè)界面的表現(xiàn)方式　76

4.2.3　UI設(shè)計(jì)中的MBE風(fēng)格　78

4.3　任務(wù)實(shí)施　79

4.3.1　引導(dǎo)頁(yè)界面設(shè)計(jì)思路解析　79

4.3.2　引導(dǎo)頁(yè)界面的設(shè)計(jì)與制作　79

4.4　創(chuàng)意設(shè)計(jì)實(shí)踐　88

4.5　項(xiàng)目小結(jié)　89

4.6　課后習(xí)題　89

項(xiàng)目5　設(shè)計(jì)“伴游”App

搜索列表頁(yè)和詳情頁(yè)界面

5.1　任務(wù)導(dǎo)入　91

5.2　相關(guān)知識(shí)　92

5.2.1　了解搜索列表頁(yè)和詳情頁(yè)　92

5.2.2　詳情頁(yè)界面版面布局　92

5.2.3　字體規(guī)范　93

5.3　任務(wù)實(shí)施　94

5.3.1　搜索列表頁(yè)界面設(shè)計(jì)思路解析　94

5.3.2　搜索列表頁(yè)界面的設(shè)計(jì)與制作　95

5.3.3　詳情頁(yè)界面設(shè)計(jì)思路解析　102

5.3.4　詳情頁(yè)界面的設(shè)計(jì)與制作　103

5.4　創(chuàng)意設(shè)計(jì)實(shí)踐　108

5.5　項(xiàng)目小結(jié)　109

5.6　課后習(xí)題　109

項(xiàng)目6　設(shè)計(jì)“伴游”App個(gè)人中心頁(yè)界面

6.1　任務(wù)導(dǎo)入　111

6.2　相關(guān)知識(shí)　111

6.2.1　了解個(gè)人中心頁(yè)　111

6.2.2　個(gè)人中心頁(yè)界面的組成　112

6.2.3　界面中的色彩系統(tǒng)　112

6.3　任務(wù)實(shí)施　114

6.3.1　個(gè)人中心頁(yè)界面設(shè)計(jì)思路解析　114

6.3.2　個(gè)人中心頁(yè)界面的設(shè)計(jì)與制作　115

6.3.3　設(shè)置頁(yè)界面的設(shè)計(jì)與制作　119

6.4　創(chuàng)意設(shè)計(jì)實(shí)踐　122

6.5　項(xiàng)目小結(jié)　123

6.6　課后習(xí)題　123

項(xiàng)目7　設(shè)計(jì)“伴游”網(wǎng)頁(yè)端首頁(yè)界面

7.1　任務(wù)導(dǎo)入　125

7.2　相關(guān)知識(shí)　126

7.2.1　網(wǎng)頁(yè)界面設(shè)計(jì)的概念　126

7.2.2　網(wǎng)頁(yè)界面設(shè)計(jì)的流程　126

7.2.3　柵格系統(tǒng)　127

7.3　任務(wù)實(shí)施　130

7.3.1　網(wǎng)頁(yè)端首頁(yè)界面設(shè)計(jì)思路解析　130

7.3.2　網(wǎng)頁(yè)端首頁(yè)界面的設(shè)計(jì)與制作　131

7.4　創(chuàng)意設(shè)計(jì)實(shí)踐　138

7.5　項(xiàng)目小結(jié)　139

7.6　課后習(xí)題　140

項(xiàng)目8　設(shè)計(jì)“伴游”網(wǎng)頁(yè)端搜索列表頁(yè)和詳情頁(yè)界面

8.1　任務(wù)導(dǎo)入　142

8.2　相關(guān)知識(shí)　143

8.2.1　常用網(wǎng)頁(yè)界面的類(lèi)型　143

8.2.2　常見(jiàn)的網(wǎng)頁(yè)界面布局方式　144

8.3　任務(wù)實(shí)施　147

8.3.1　網(wǎng)頁(yè)端搜索列表頁(yè)界面設(shè)計(jì)思路解析　147

8.3.2　網(wǎng)頁(yè)端搜索列表頁(yè)界面的設(shè)計(jì)與制作　148

8.3.3　網(wǎng)頁(yè)端詳情頁(yè)界面設(shè)計(jì)思路解析　153

8.3.4　網(wǎng)頁(yè)端詳情頁(yè)界面的設(shè)計(jì)與制作　154

8.4　創(chuàng)意設(shè)計(jì)實(shí)踐　168

8.5　項(xiàng)目小結(jié)　169

8.6　課后習(xí)題　169

項(xiàng)目9　設(shè)計(jì)“伴游”網(wǎng)頁(yè)端個(gè)人中心訂單頁(yè)和下載頁(yè)界面

9.1　任務(wù)導(dǎo)入　171

9.2　相關(guān)知識(shí)　172

9.2.1　網(wǎng)頁(yè)界面設(shè)計(jì)規(guī)范　172

9.2.2　了解下載頁(yè)　174

9.3　任務(wù)實(shí)施　175

9.3.1　網(wǎng)頁(yè)端個(gè)人中心訂單頁(yè)界面設(shè)計(jì)思路解析　175

9.3.2　網(wǎng)頁(yè)端個(gè)人中心訂單頁(yè)界面的設(shè)計(jì)與制作　176

9.3.3　網(wǎng)頁(yè)端下載頁(yè)界面設(shè)計(jì)思路解析　179

9.3.4　網(wǎng)頁(yè)端下載頁(yè)界面的設(shè)計(jì)與制作　179

9.4　創(chuàng)意設(shè)計(jì)實(shí)踐　182

9.5　項(xiàng)目小結(jié)　182

9.6　課后習(xí)題　182