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

定　價：￥69.80

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

購買這本書可以去

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

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

內(nèi)容簡介

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

作者簡介

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

圖書目錄

項目1　認(rèn)識UI設(shè)計

1.1　相關(guān)知識　2

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

1.1.2　UI設(shè)計分類　3

1.1.3　UI設(shè)計師簡介　4

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

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

1.2　項目小結(jié)　16

1.3　課后習(xí)題　16

項目2　設(shè)計“伴游”App圖標(biāo)

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

2.2　相關(guān)知識　18

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

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

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

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

2.3　任務(wù)實施　23

2.3.1　思路解析　23

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

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

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

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

2.5　項目小結(jié)　48

2.6　課后習(xí)題　48

項目3　設(shè)計“伴游”

App主界面和登錄界面

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

3.2　相關(guān)知識　50

3.2.1　主界面中的主要元素　50

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

3.2.3　標(biāo)注　60

3.2.4　卡片式設(shè)計　60

3.3　任務(wù)實施　61

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

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

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

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

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

3.5　項目小結(jié)　72

3.6　課后習(xí)題　72

項目4　設(shè)計“伴游”App引導(dǎo)頁界面

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

4.2　相關(guān)知識　74

4.2.1　引導(dǎo)頁的分類　74

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

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

4.3　任務(wù)實施　79

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

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

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

4.5　項目小結(jié)　89

4.6　課后習(xí)題　89

項目5　設(shè)計“伴游”App

搜索列表頁和詳情頁界面

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

5.2　相關(guān)知識　92

5.2.1　了解搜索列表頁和詳情頁　92

5.2.2　詳情頁界面版面布局　92

5.2.3　字體規(guī)范　93

5.3　任務(wù)實施　94

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

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

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

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

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

5.5　項目小結(jié)　109

5.6　課后習(xí)題　109

項目6　設(shè)計“伴游”App個人中心頁界面

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

6.2　相關(guān)知識　111

6.2.1　了解個人中心頁　111

6.2.2　個人中心頁界面的組成　112

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

6.3　任務(wù)實施　114

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

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

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

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

6.5　項目小結(jié)　123

6.6　課后習(xí)題　123

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

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

7.2　相關(guān)知識　126

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

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

7.2.3　柵格系統(tǒng)　127

7.3　任務(wù)實施　130

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

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

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

7.5　項目小結(jié)　139

7.6　課后習(xí)題　140

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

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

8.2　相關(guān)知識　143

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

8.2.2　常見的網(wǎng)頁界面布局方式　144

8.3　任務(wù)實施　147

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

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

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

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

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

8.5　項目小結(jié)　169

8.6　課后習(xí)題　169

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

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

9.2　相關(guān)知識　172

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

9.2.2　了解下載頁　174

9.3　任務(wù)實施　175

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

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

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

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

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

9.5　項目小結(jié)　182

9.6　課后習(xí)題　182