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

定　價：￥45.00

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

購買這本書可以去

京東 (￥42.00)

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

內(nèi)容簡介

　　本書是移動端APP UI設(shè)計的自學教程，通過大量的綜合任務案例，介紹如何設(shè)計與制作移動端交互界面。全書分為6個單元，分別介紹交互式UI設(shè)計基礎(chǔ)、交互式原型設(shè)計、Photoshop圖標設(shè)計、Illustrator綜合圖標設(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è)院校、培訓機構(gòu)的參考教材，也適合移動APP UI設(shè)計初、中級讀者及廣大UI設(shè)計愛好者和從業(yè)者閱讀。

作者簡介

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

圖書目錄

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