UI交互設(shè)計與實現(xiàn)

定　價：￥45.00

作　者：	阮進軍，孫握瑜著
出版社：	中國鐵道出版社
叢編項：
標(biāo)　簽：	暫缺

購買這本書可以去

京東 (￥42.00)

ISBN：	9787113270391	出版時間：	2020-08-01	包裝：	平裝
開本：	16開	頁數(shù)：		字數(shù)：

內(nèi)容簡介

　　本書是移動端APP UI設(shè)計的自學(xué)教程，通過大量的綜合任務(wù)案例，介紹如何設(shè)計與制作移動端交互界面。全書分為6個單元，分別介紹交互式UI設(shè)計基礎(chǔ)、交互式原型設(shè)計、Photoshop圖標(biāo)設(shè)計、Illustrator綜合圖標(biāo)設(shè)計、UI界面設(shè)計以及UI動效設(shè)計基礎(chǔ)。其中涉及Axure RP、Photoshop、Illustrator、After Effects等軟件的操作。本書內(nèi)容從兩條主線進行組織編寫，一條主線是實際操作案例，在案例選擇上由淺入深，循序漸進，另一條主線是基礎(chǔ)理論知識，兩條主線緊密融合，非常完整地展現(xiàn)了整個UI設(shè)計流程，幫助讀者融會貫通，制作出更好的移動APP UI作品。本書結(jié)構(gòu)清晰、語言簡潔、實例豐富、版式精美，可以作為高等職業(yè)院校、培訓(xùn)機構(gòu)的參考教材，也適合移動APP UI設(shè)計初、中級讀者及廣大UI設(shè)計愛好者和從業(yè)者閱讀。

作者簡介

　　阮進軍，安徽商貿(mào)職業(yè)技術(shù)學(xué)院副教授，電子信息工程系主任。近5年主要成果：主持教育部高等職業(yè)教育創(chuàng)新發(fā)展行動計劃項目1項，國家職業(yè)教育專業(yè)教學(xué)資源庫課程建設(shè)項目1項，主持完成安徽省高校自然科學(xué)研究重點項目1項，主持完成省級質(zhì)量工程項目1項，獲實用新型專利授權(quán)2項，指導(dǎo)學(xué)生參加全國職業(yè)院校技能大賽，獲得二等獎1項，本人參加安徽省信息化教學(xué)大賽獲得一等獎1項，獲得安徽省教學(xué)成果一等獎2項、二等獎3項、三等獎3項，發(fā)表教科研論文4篇，主編高職高專教材1部，參編2部。獲得的職業(yè)資格證書：（1） Oracle OCP認證；（2）微軟MCP認證工程師；（3）安徽省高等職業(yè)院校高級“雙師型”教師。孫握瑜，安徽商貿(mào)職業(yè)技術(shù)學(xué)院講師。獲得過的職業(yè)資格證書：（1）數(shù)據(jù)庫應(yīng)用系統(tǒng)設(shè)計工程師；（2）微軟MCP認證工程師；（3）安徽省高等職業(yè)院?！半p師型”教師（中級）；（4）人工智能研發(fā)工程師。主要成果有：主持安徽省級重點科研項目1項，主持安徽省教育廳大規(guī)模在線開放課程（MOOC）示范項目《UI交互設(shè)計與實現(xiàn)》項目1項，參與安徽省《計算機網(wǎng)絡(luò)技術(shù)綜合改革試點》項目1項。教學(xué)成果和獎勵：（1）榮獲安徽省教學(xué)成果一等獎1次，榮獲安徽省教學(xué)成果二等獎4次，榮獲安徽省教學(xué)成果三等獎一次。副主副教材1種，參編教材1種。專利 2種。

圖書目錄

單元1交互式UI設(shè)計基礎(chǔ) 1
認識我們的手機 1
任務(wù)1.1　查看手機屏幕相關(guān)參數(shù) 1
知識庫 2
一、屏幕（主屏）尺寸 2
二、屏幕分辨率 3
三、網(wǎng)點密度 4
四、像素密度 4
五、DPI和PPI 4
六、dp、pt、sp的概念 5
七、dp和px的轉(zhuǎn)換 5
八、像素比 6
認識手機APP 7
任務(wù)1.2　查看常見手機APP的界面組成 7
知識庫 8
一、 UI設(shè)計的概念 8
二、手機UI設(shè)計 8
三、手機UI設(shè)計要點 8
四、 APP界面組成說明 9
UI設(shè)計基本流程實操 11
任務(wù)1.3　民宿APP UI設(shè)計 12
知識庫 15
一、用戶需求 15
二、繪制草圖 16
三、繪制低保真原型（線框圖） 17
四、設(shè)計高保真原型（效果圖） 17
五、手機APP UI設(shè)計規(guī)范 17
單元2交互式原型設(shè)計 19
規(guī)劃軟件原型結(jié)構(gòu) 19
任務(wù)2.1　徜徉紅途APP項目規(guī)劃 20
知識庫 23
一、認識Axure工作界面 23
二、頁面管理區(qū)域的使用 25
利用元件搭建APP原型界面 25
任務(wù)2.2　注冊界面搭建 25
知識庫 30
一、基本元件 30
二、表單元件 32
三、菜單和表格 34
四、下載并載入元件庫和自定義元件庫 35
利用動態(tài)面板制作輪播動態(tài)效果 36
任務(wù)2.3　動態(tài)面板實現(xiàn)輪播效果 37
知識庫 44
動態(tài)面板 44
利用母版設(shè)計APP主界面 46
任務(wù)2.4　母版設(shè)計導(dǎo)航模塊 46
知識庫 48
一、母版 48
二、母版創(chuàng)建方式 48
三、母版的拖放行為 49
利用變量制作交互效果 49
任務(wù)2.5　首頁拖動及回彈 50
知識庫 58
Axure提供了全局變量和局部變量 58
利用變量值在頁面間傳遞 58
任務(wù)2.6　搜索旅游線路 58
知識庫 65
變量值在頁面間傳遞 65
利用部件行為制作交互效果 65
任務(wù)2.7　省市級聯(lián)菜單 65
知識庫 73
部件行為 73
單元3Photoshop圖標(biāo)設(shè)計 79
設(shè)計扁平化圖標(biāo) 79
任務(wù)3.1　制作信封圖標(biāo) 79
任務(wù)3.2　制作日歷圖標(biāo) 82
任務(wù)3.3　制作“徜徉紅途APP”啟動圖標(biāo) 84
任務(wù)3.4　制作折紙風(fēng)格日歷圖標(biāo) 89
知識庫 98
一、扁平化設(shè)計特點 98
二、扁平化設(shè)計原則 99
設(shè)計擬物化圖標(biāo) 102
任務(wù)3.5　制作通訊錄圖標(biāo) 102
任務(wù)3.6　制作指南針圖標(biāo) 112
知識庫 122
一、擬物化設(shè)計的特點 122
二、擬物化和扁平化設(shè)計 122
單元4Illustrator綜合圖標(biāo)設(shè)計 125
平面風(fēng)格圖標(biāo)設(shè)計 125
任務(wù)4.1　紅色旅游景點圖標(biāo)設(shè)計 125
知識庫 132
圖標(biāo)參考線繪制 132
立體風(fēng)格圖標(biāo)設(shè)計 135
任務(wù)4.2　友稅APP圖標(biāo)設(shè)計 135
知識庫 144
形狀編輯工具 144
線性風(fēng)格圖標(biāo)設(shè)計 145
任務(wù)4.3　設(shè)計標(biāo)簽欄圖標(biāo) 145
知識庫 148
描邊面板 148
功能導(dǎo)航圖標(biāo)設(shè)計 149
任務(wù)4.4　紅色之旅功能導(dǎo)航圖標(biāo)設(shè)計 150
知識庫 154
路徑查找器 154
控件圖標(biāo)設(shè)計 156
任務(wù)4.5　輸入文本框設(shè)計 156
知識庫 159
字符面板設(shè)置 159
任務(wù)4.6　滑塊圖標(biāo)的設(shè)計 159
知識庫 163
漸變面板設(shè)置 163
單元5UI界面設(shè)計 165
制作“引導(dǎo)頁”頁面 165
任務(wù)5.1　制作徜徉紅途APP引導(dǎo)頁1 165
任務(wù)5.2　制作徜徉紅途APP引導(dǎo)頁2 170
任務(wù)5.3　制作徜徉紅途APP引導(dǎo)頁3 172
知識庫 175
制作“首頁”頁面 176
任務(wù)5.4　標(biāo)簽欄導(dǎo)航制作 176
任務(wù)5.5　狀態(tài)欄制作 179
任務(wù)5.6　搜索欄制作 183
任務(wù)5.7　主界面的制作 184
知識庫 189
制作“行程”頁面 190
任務(wù)5.8　制作“行程”頁面 190
知識庫 196
制作“定制”頁面 196
任務(wù)5.9　制作“定制”頁面 196
知識庫 202
單元6UI動效設(shè)計基礎(chǔ) 203
制作圖標(biāo)動效 203
任務(wù)6.1　設(shè)計圖標(biāo)動效 203
APP引導(dǎo)頁動效 210
任務(wù)6.2　制作徜徉紅途APP引導(dǎo)頁動效 210
制作APP界面動效 215
任務(wù)6.3　備忘錄APP界面動效 215
知識庫 221
一、什么是移動APP動效設(shè)計 221
二、移動APP動效的作用 221
三、常用動效設(shè)計工具 222
四、圖標(biāo)動效設(shè)計思路 222單元1交互式UI設(shè)計基礎(chǔ) 1
認識我們的手機 1
任務(wù)1.1　查看手機屏幕相關(guān)參數(shù) 1
知識庫 2
一、屏幕（主屏）尺寸 2
二、屏幕分辨率 3
三、網(wǎng)點密度 4
四、像素密度 4
五、DPI和PPI 4
六、dp、pt、sp的概念 5
七、dp和px的轉(zhuǎn)換 5
八、像素比 6
認識手機APP 7
任務(wù)1.2　查看常見手機APP的界面組成 7
知識庫 8
一、 UI設(shè)計的概念 8
二、手機UI設(shè)計 8
三、手機UI設(shè)計要點 8
四、 APP界面組成說明 9
UI設(shè)計基本流程實操 11
任務(wù)1.3　民宿APP UI設(shè)計 12
知識庫 15
一、用戶需求 15
二、繪制草圖 16
三、繪制低保真原型（線框圖） 17
四、設(shè)計高保真原型（效果圖） 17
五、手機APP UI設(shè)計規(guī)范 17
單元2交互式原型設(shè)計 19
規(guī)劃軟件原型結(jié)構(gòu) 19
任務(wù)2.1　徜徉紅途APP項目規(guī)劃 20
知識庫 23
一、認識Axure工作界面 23
二、頁面管理區(qū)域的使用 25
利用元件搭建APP原型界面 25
任務(wù)2.2　注冊界面搭建 25
知識庫 30
一、基本元件 30
二、表單元件 32
三、菜單和表格 34
四、下載并載入元件庫和自定義元件庫 35
利用動態(tài)面板制作輪播動態(tài)效果 36
任務(wù)2.3　動態(tài)面板實現(xiàn)輪播效果 37
知識庫 44
動態(tài)面板 44
利用母版設(shè)計APP主界面 46
任務(wù)2.4　母版設(shè)計導(dǎo)航模塊 46
知識庫 48
一、母版 48
二、母版創(chuàng)建方式 48
三、母版的拖放行為 49
利用變量制作交互效果 49
任務(wù)2.5　首頁拖動及回彈 50
知識庫 58
Axure提供了全局變量和局部變量 58
利用變量值在頁面間傳遞 58
任務(wù)2.6　搜索旅游線路 58
知識庫 65
變量值在頁面間傳遞 65
利用部件行為制作交互效果 65
任務(wù)2.7　省市級聯(lián)菜單 65
知識庫 73
部件行為 73
單元3Photoshop圖標(biāo)設(shè)計 79
設(shè)計扁平化圖標(biāo) 79
任務(wù)3.1　制作信封圖標(biāo) 79
任務(wù)3.2　制作日歷圖標(biāo) 82
任務(wù)3.3　制作“徜徉紅途APP”啟動圖標(biāo) 84
任務(wù)3.4　制作折紙風(fēng)格日歷圖標(biāo) 89
知識庫 98
一、扁平化設(shè)計特點 98
二、扁平化設(shè)計原則 99
設(shè)計擬物化圖標(biāo) 102
任務(wù)3.5　制作通訊錄圖標(biāo) 102
任務(wù)3.6　制作指南針圖標(biāo) 112
知識庫 122
一、擬物化設(shè)計的特點 122
二、擬物化和扁平化設(shè)計 122
單元4Illustrator綜合圖標(biāo)設(shè)計 125
平面風(fēng)格圖標(biāo)設(shè)計 125
任務(wù)4.1　紅色旅游景點圖標(biāo)設(shè)計 125
知識庫 132
圖標(biāo)參考線繪制 132
立體風(fēng)格圖標(biāo)設(shè)計 135
任務(wù)4.2　友稅APP圖標(biāo)設(shè)計 135
知識庫 144
形狀編輯工具 144
線性風(fēng)格圖標(biāo)設(shè)計 145
任務(wù)4.3　設(shè)計標(biāo)簽欄圖標(biāo) 145
知識庫 148
描邊面板 148
功能導(dǎo)航圖標(biāo)設(shè)計 149
任務(wù)4.4　紅色之旅功能導(dǎo)航圖標(biāo)設(shè)計 150
知識庫 154
路徑查找器 154
控件圖標(biāo)設(shè)計 156
任務(wù)4.5　輸入文本框設(shè)計 156
知識庫 159
字符面板設(shè)置 159
任務(wù)4.6　滑塊圖標(biāo)的設(shè)計 159
知識庫 163
漸變面板設(shè)置 163
單元5UI界面設(shè)計 165
制作“引導(dǎo)頁”頁面 165
任務(wù)5.1　制作徜徉紅途APP引導(dǎo)頁1 165
任務(wù)5.2　制作徜徉紅途APP引導(dǎo)頁2 170
任務(wù)5.3　制作徜徉紅途APP引導(dǎo)頁3 172
知識庫 175
制作“首頁”頁面 176
任務(wù)5.4　標(biāo)簽欄導(dǎo)航制作 176
任務(wù)5.5　狀態(tài)欄制作 179
任務(wù)5.6　搜索欄制作 183
任務(wù)5.7　主界面的制作 184
知識庫 189
制作“行程”頁面 190
任務(wù)5.8　制作“行程”頁面 190
知識庫 196
制作“定制”頁面 196
任務(wù)5.9　制作“定制”頁面 196
知識庫 202
單元6UI動效設(shè)計基礎(chǔ) 203
制作圖標(biāo)動效 203
任務(wù)6.1　設(shè)計圖標(biāo)動效 203
APP引導(dǎo)頁動效 210
任務(wù)6.2　制作徜徉紅途APP引導(dǎo)頁動效 210
制作APP界面動效 215
任務(wù)6.3　備忘錄APP界面動效 215
知識庫 221
一、什么是移動APP動效設(shè)計 221
二、移動APP動效的作用 221
三、常用動效設(shè)計工具 222
四、圖標(biāo)動效設(shè)計思路 222