UI設(shè)計必修課:游戲+軟件+網(wǎng)站+APP界面設(shè)計教程(全彩)(含DVD光盤1張)
定 價:79.9 元
- 作者:高金山
- 出版時間:2017/6/1
- ISBN:9787121317736
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP311.1
- 頁碼:
- 紙張:膠版紙
- 版次:1
- 開本:128開
本書內(nèi)容涵蓋了目前超受歡迎的圖像處理與合成軟件的基礎(chǔ)知識,如Photoshop CC、Illustrator CC、3ds Max、Sketch及Image Optimizer,對主流UI設(shè)計流程和制作技巧進(jìn)行了全面、細(xì)致的剖析。本書共7章。第1章,了解UI設(shè)計;第2章,UI常見組件設(shè)計;第3章,應(yīng)用軟件界面設(shè)計;第4章,移動APP界面設(shè)計;第5章,播放器界面設(shè)計;第6章,網(wǎng)頁界面設(shè)計;第7章,游戲界面設(shè)計。書中將*實用的技術(shù)、*快捷的操作方法和*豐富的內(nèi)容介紹給用戶,使用戶在掌握軟件功能的同時,提高UI設(shè)計效率和從業(yè)素質(zhì)。本書提供的光盤中包括書中案例的素材、源文件和教學(xué)視頻,用戶可以結(jié)合本書、練習(xí)文件和教學(xué)視頻,提升界面設(shè)計學(xué)習(xí)效率。本書結(jié)構(gòu)清晰、由簡到難,實例精美實用、分解詳細(xì),文字闡述通俗易懂,與實踐結(jié)合非常密切,具有很強(qiáng)的實用性,適合UI設(shè)計愛好者、APP界面設(shè)計從業(yè)者閱讀,也適合作為各院校相關(guān)設(shè)計專業(yè)的參考教材,是一本實用的APP界面設(shè)計操作寶典。
UI設(shè)計是當(dāng)今非;鸬男袠I(yè),本書著眼于游戲,軟件界面,網(wǎng)站,APP界面等應(yīng)用,每種應(yīng)用類型均配有實際案例,為廣大讀者詳細(xì)解讀了多種應(yīng)用的設(shè)計理念與方法。
隨著智能設(shè)備和網(wǎng)絡(luò)的飛速發(fā)展,各種通信與網(wǎng)絡(luò)連接設(shè)備與大眾生活的聯(lián)系日益密切。用戶界面是用戶與機(jī)器設(shè)備進(jìn)行交互的平臺,人們對各種類型UI的要求越來越高,促進(jìn)了UI設(shè)計行業(yè)的興盛,這就為UI設(shè)計人員提供了很大的發(fā)展空間。而作為從事相關(guān)工作的人員則必須要掌握必要的操作技能,以滿足工作的需要。本書由淺入深地講解了初學(xué)者需要掌握和感興趣的基礎(chǔ)知識和操作技巧,全面解析各種元素的具體繪制方法。全書結(jié)合實例進(jìn)行講解,詳細(xì)地介紹了制作的步驟和軟件的應(yīng)用技巧,使讀者能輕松地學(xué)習(xí)并掌握。內(nèi)容安排本書共分為7章,采用基礎(chǔ)知識與應(yīng)用案例相結(jié)合的方法,循序漸進(jìn)地向用戶介紹了不同類型UI設(shè)計的方法和技巧,以下是每章所包含的主要內(nèi)容。第1章,了解UI設(shè)計。主要介紹了UI設(shè)計基礎(chǔ)、良好的UI用戶體驗、UI設(shè)計風(fēng)格、UI設(shè)計的構(gòu)成法則、UI設(shè)計中的色彩搭配技巧、UI設(shè)計的原則及UI設(shè)計的一般流程等。第2章,UI界面常見組件設(shè)計。主要介紹了UI設(shè)計中的基本視覺元素、圖標(biāo)設(shè)計知識、圖標(biāo)設(shè)計的風(fēng)格、扁平化圖標(biāo)、按鈕設(shè)計及菜單與工具欄設(shè)計等。第3章,應(yīng)用軟件界面設(shè)計。主要介紹了應(yīng)用軟件界面設(shè)計、軟件啟動界面、應(yīng)用軟件界面面板設(shè)計、應(yīng)用軟件界面設(shè)計規(guī)范及應(yīng)用軟件界面設(shè)計風(fēng)格等。第4章,移動APP界面設(shè)計。主要介紹了什么是APP界面設(shè)計、iOS系統(tǒng)界面設(shè)計、Android系統(tǒng)界面設(shè)計及移動APP軟件界面設(shè)計的要求等。第5章,播放器界面設(shè)計。主要介紹了播放器界面設(shè)計概述、播放器界面設(shè)計特點(diǎn)、個性化播放器界面設(shè)計及播放器界面設(shè)計原則等。第6章,網(wǎng)頁界面設(shè)計。主要介紹了網(wǎng)頁界面設(shè)計概述、網(wǎng)頁界面設(shè)計的設(shè)計要點(diǎn)、網(wǎng)頁界面設(shè)計的原則、網(wǎng)頁界面創(chuàng)意設(shè)計方法及網(wǎng)頁界面的設(shè)計風(fēng)格等。第7章,游戲界面設(shè)計。主要介紹了游戲界面設(shè)計概述、游戲UI設(shè)計的準(zhǔn)備工作、網(wǎng)頁游戲界面設(shè)計、手機(jī)游戲界面設(shè)計及大型網(wǎng)絡(luò)游戲界面設(shè)計。本書特點(diǎn)本書內(nèi)容全面、結(jié)構(gòu)清晰、案例新穎,采用理論知識與操作案例相結(jié)合的教學(xué)方式,向讀者全面介紹了不同類型元素的處理和表現(xiàn)的相關(guān)知識和所需的操作技巧。通俗易懂的語言本書采用通俗易懂的語言全面地向讀者介紹了各種類型UI設(shè)計所需的基礎(chǔ)知識和操作技巧,綜合實用性較強(qiáng),確保讀者能夠理解并掌握相應(yīng)的功能與操作。基礎(chǔ)知識與操作案例結(jié)合本書摒棄了傳統(tǒng)教科書式的純理論式教學(xué),采用少量基礎(chǔ)知識和大量操作案例相結(jié)合的講解模式。技巧和知識點(diǎn)的歸納總結(jié)本書在基礎(chǔ)知識和操作案例的講解過程中列出了大量的提示和技巧,這些信息都是結(jié)合作者長期的UI設(shè)計經(jīng)驗與教學(xué)經(jīng)驗歸納出來的,可以幫助用戶更準(zhǔn)確地理解和掌握相關(guān)的知識點(diǎn)和操作技巧。用戶對象本書適合UI設(shè)計愛好者,想進(jìn)入UI設(shè)計領(lǐng)域的用戶朋友,以及設(shè)計專業(yè)的大中專學(xué)生閱讀,同時對專業(yè)設(shè)計人士也有很高的參考價值。希望讀者通過對本書的學(xué)習(xí),能夠早日成為優(yōu)秀的UI設(shè)計師。作者在本書寫作過程中力求嚴(yán)謹(jǐn),由于時間有限,疏漏之處在所難免,望廣大讀者批評指正。編者
高金山,資深UI設(shè)計師,有豐富的UI設(shè)計經(jīng)驗,先后從事電商設(shè)計,軟件界面、網(wǎng)站界面和游戲界面的設(shè)計工作。曾在中國傳媒大學(xué)、北京大學(xué)、北京師范大學(xué)等重點(diǎn)院校教授設(shè)計課程。
Chapter 01 了解UI設(shè)計
1.1 UI設(shè)計基礎(chǔ) 002
1.1.1 什么是UI設(shè)計 002
1.1.2 UI設(shè)計的常見類別 002
1.1.3 UI設(shè)計的規(guī)范 004
1.1.4 UI設(shè)計的常用工具 010
1.2 良好的UI用戶體驗 017
1.2.1 UI設(shè)計和用戶體驗 017
1.2.2 影響用戶體驗的因素 017
1.3 UI設(shè)計風(fēng)格 018
1.3.1 擬物化 018
扁平化?1.3.2 020
1.3.3 扁平化設(shè)計所帶來的改變 023
1.3.4 扁平化設(shè)計的突出特點(diǎn) 025
1.4 UI設(shè)計的構(gòu)成法則 027
1.4.1 什么是構(gòu)成 028
1.4.2 形式美法則 028
1.4.3 構(gòu)成的思維方式 030
1.5 UI設(shè)計中的色彩搭配技巧 032
1.5.1 色彩的基本理論 033
1.5.2 色彩搭配原則 036
1.6 UI設(shè)計的原則 038
1.6.1 視覺美觀 038
1.6.2 突出主題 038
1.6.3 整體性 039
1.6.4 為用戶考慮 039
1.6.5 快速加載 040
1.7 UI設(shè)計的一般流程 041
1.8 本章小結(jié) 042
Chapter 02 UI常見組件設(shè)計
2.1 UI設(shè)計中的基本視覺元素 044
2.1.1 圖標(biāo) 044
2.1.2 按鈕 044
2.1.3 菜單 045
2.1.4 標(biāo)簽 045
2.1.5 滾動條和狀態(tài)欄 045
2.2 圖標(biāo)設(shè)計知識 046
2.2.1 圖標(biāo)的概念 047
2.2.2 圖標(biāo)的設(shè)計原則 047
2.3 圖標(biāo)設(shè)計的風(fēng)格 049
2.3.1 簡約的像素圖標(biāo) 049
2.3.2 擬物化圖標(biāo) 050
2.3.3 扁平化圖標(biāo) 066
2.4 按鈕設(shè)計 071
2.4.1 按鈕與圖標(biāo)的異同 071
2.4.2 單選按鈕 071
2.4.3 滑塊按鈕 072
2.5 菜單與工具欄設(shè)計 078
2.5.1 菜單的作用 078
2.5.2 菜單設(shè)計的要點(diǎn) 078
2.5.3 工具欄的作用 079
2.6 本章小結(jié) 084
Chapter 03 應(yīng)用軟件界面設(shè)計
3.1 了解應(yīng)用軟件界面設(shè)計 086
3.1.1 什么是應(yīng)用軟件界面設(shè)計 086
3.1.2 應(yīng)用軟件界面設(shè)計要點(diǎn) 086
3.2 軟件啟動界面 087
3.2.1 什么是軟件啟動頁面 087
3.2.2 軟件啟動界面的作用 088
3.2.3 軟件啟動界面的設(shè)計原則 088
3.3 應(yīng)用軟件界面面板設(shè)計 092
3.3.1 合理安排面板功能區(qū)域 092
3.3.2 軟件面板的設(shè)計原則 093
3.4 應(yīng)用軟件界面設(shè)計規(guī)范 099
3.4.1 軟件界面的屏幕顯示 099
3.4.2 軟件界面的設(shè)計原則 100
3.5 應(yīng)用軟件界面設(shè)計風(fēng)格 109
3.5.1 傳統(tǒng)軟件界面設(shè)計 110
3.5.2 扁平化軟件界面設(shè)計 117
3.5.3 極簡風(fēng)格軟件界面 124
3.6 本章小結(jié) 130
Chapter 04 移動APP界面設(shè)計
4.1 了解APP界面設(shè)計 132
4.1.1 什么是APP 132
4.1.2 移動UI的設(shè)計趨勢 134
4.1.3 手機(jī)APP UI與平面UI的區(qū)別 136
4.2 iOS系統(tǒng)界面設(shè)計 138
4.2.1 iOS系統(tǒng)概述 138
4.2.2 iOS系統(tǒng)的發(fā)展歷程 139
4.2.3 iOS系統(tǒng)用戶界面元素 142
4.2.4 iOS系統(tǒng)界面設(shè)計規(guī)范 152
4.2.5 iOS系統(tǒng)設(shè)計原則 159
4.3 Android系統(tǒng)界面設(shè)計 167
4.3.1 Android系統(tǒng)概述 167
4.3.2 Android系統(tǒng)的界面設(shè)計規(guī)范 168
4.3.3 Android系統(tǒng)UI設(shè)計特色 172
4.3.4 Android系統(tǒng)用戶界面元素 174
4.3.5 操作欄 176
4.4 移動APP軟件界面設(shè)計要求 183
4.4.1 移動APP設(shè)計流程 183
4.4.2 APP軟件界面配色原則 184
4.5 本章小結(jié) 186
Chapter 05 播放器界面設(shè)計
5.1 播放器界面設(shè)計概述 190
5.1.1 為什么進(jìn)行播放器界面設(shè)計 190
5.1.2 播放器界面中的情感化因素 190
5.2 播放器界面設(shè)計特點(diǎn) 197
5.2.1 統(tǒng)一性 198
5.2.2 創(chuàng)意性 198
5.2.3 視覺沖擊力 198
5.3 如何設(shè)計個性化的播放器界面 205
5.3.1 界面結(jié)構(gòu)的統(tǒng)一性 205
5.3.2 界面操作的可靠性 206
5.3.3 視覺效果的舒適性 206
5.3.4 整體效果的個性化 207
5.4 播放器界面的設(shè)計原則 215
5.4.1 對比原則 215
5.4.2 協(xié)調(diào)原則 216
5.4.3 趣味原則 217
5.5 本章小結(jié) 227
Chapter 06 網(wǎng)頁界面設(shè)計
6.1 了解網(wǎng)頁界面設(shè)計 230
6.1.1 什么是網(wǎng)頁界面 230
6.1.2 網(wǎng)頁界面的設(shè)計特點(diǎn) 230
6.1.3 網(wǎng)頁界面的構(gòu)成元素 233
6.2 網(wǎng)頁界面設(shè)計的設(shè)計要點(diǎn) 242
6.2.1 設(shè)計與技術(shù)相結(jié)合 242
6.2.2 立體空間節(jié)奏感 245
6.2.3 視覺導(dǎo)向性 246
6.2.4 視覺服務(wù) 247
6.3 網(wǎng)頁界面設(shè)計的原則 254
6.3.1 以用戶為中心 254
6.3.2 視覺美觀 255
6.3.3 主題明確 255
6.3.4 內(nèi)容與形式統(tǒng)一 257
6.3.5 有機(jī)的整體 258
6.4 網(wǎng)頁界面創(chuàng)意設(shè)計方法 266
6.4.1 綜合型 266
6.4.2 趣味型 267
6.4.3 聯(lián)想型 267
6.4.4 比喻型 267
6.4.5 變異型 268
6.4.6 古樸型 268
6.4.7 流行型 269
6.5 網(wǎng)頁界面的設(shè)計風(fēng)格 277
6.5.1 大眾化設(shè)計風(fēng)格 277
6.5.2 個性化設(shè)計風(fēng)格 278
6.6 本章小結(jié) 286
Chapter 07 游戲界面設(shè)計
7.1 了解游戲界面設(shè)計 288
7.1.1 游戲界面設(shè)計概述 288
7.1.2 游戲UI與其他UI設(shè)計的區(qū)別 288
7.1.3 游戲UI設(shè)計的重要性 290
7.2 游戲UI設(shè)計的準(zhǔn)備工作 290
7.2.1 了解游戲的世界觀 290
7.2.2 確定游戲UI設(shè)計風(fēng)格 291
7.2.3 游戲UI設(shè)計的流程 292
7.3 網(wǎng)頁游戲界面 303
7.3.1 網(wǎng)頁游戲的優(yōu)勢與不足 303
7.3.2 網(wǎng)頁游戲界面的設(shè)計目標(biāo) 304
7.3.3 網(wǎng)頁游戲界面的設(shè)計流程 305
7.4 手機(jī)游戲界面設(shè)計 313
7.4.1 手機(jī)游戲的優(yōu)勢和不足 313
7.4.2 手機(jī)游戲與傳統(tǒng)游戲UI設(shè)計的異同 314
7.4.3 手機(jī)游戲UI設(shè)計常見問題 321
7.5 大型網(wǎng)絡(luò)游戲界面 323
7.5.1 游戲類別與UI設(shè)計的關(guān)系 323
7.5.2 網(wǎng)絡(luò)游戲界面設(shè)計要求 326
7.6 本章小結(jié) 327