本書(shū)內(nèi)容涵蓋了目前超受歡迎的圖像處理與合成軟件的基礎(chǔ)知識(shí)，如Photoshop CC、Illustrator CC、3ds Max、Sketch及Image Optimizer，對(duì)主流UI設(shè)計(jì)流程和制作技巧進(jìn)行了、細(xì)致的剖析。本書(shū)共7章。第1章，了解UI設(shè)計(jì)；第2章，UI常見(jiàn)組件設(shè)計(jì)；第3章，應(yīng)用軟件界面設(shè)計(jì)；第4章，移動(dòng)APP界面設(shè)計(jì)；第5章，播放器界面設(shè)計(jì)；第6章，網(wǎng)頁(yè)界面設(shè)計(jì)；第7章，游戲界面設(shè)計(jì)。書(shū)中將實(shí)用的技術(shù)、快捷的操作方法和豐富的內(nèi)容介紹給用戶(hù)，使用戶(hù)在掌握軟件功能的同時(shí)，提高UI設(shè)計(jì)效率和從業(yè)素質(zhì)。本書(shū)提供的光盤(pán)中包括書(shū)中案例的素材、源文件和教學(xué)視頻，用戶(hù)可以結(jié)合本書(shū)、練習(xí)文件和教學(xué)視頻，提升界面設(shè)計(jì)學(xué)習(xí)效率。本書(shū)結(jié)構(gòu)清晰、由簡(jiǎn)到難，實(shí)例精美實(shí)用、分解詳細(xì)，文字闡述通俗易懂，與實(shí)踐結(jié)合非常密切，具有很強(qiáng)的實(shí)用性，適合UI設(shè)計(jì)愛(ài)好者、APP界面設(shè)計(jì)從業(yè)者閱讀，也適合作為各院校相關(guān)設(shè)計(jì)專(zhuān)業(yè)的參考教材，是一本實(shí)用的APP界面設(shè)計(jì)操作寶典。
UI設(shè)計(jì)是當(dāng)今非常火的行業(yè)，本書(shū)著眼于游戲，軟件界面，網(wǎng)站，APP界面等應(yīng)用，每種應(yīng)用類(lèi)型均配有實(shí)際案例，為廣大讀者詳細(xì)解讀了多種應(yīng)用的設(shè)計(jì)理念與方法。
高金山,博學(xué)UI設(shè)計(jì)師，有豐富的UI設(shè)計(jì)經(jīng)驗(yàn),先后從事電商設(shè)計(jì)，軟件界面、網(wǎng)站界面和游戲界面的設(shè)計(jì)工作。曾在中國(guó)傳媒大學(xué)、北京大學(xué)、北京師范大學(xué)等重點(diǎn)院校教授設(shè)計(jì)課程。
Chapter 01 了解UI設(shè)計(jì)
1.1 UI設(shè)計(jì)基礎(chǔ) 002
1.1.1 什么是UI設(shè)計(jì) 002
1.1.2 UI設(shè)計(jì)的常見(jiàn)類(lèi)別 002
1.1.3 UI設(shè)計(jì)的規(guī)范 004
1.1.4 UI設(shè)計(jì)的常用工具 010
1.2 良好的UI用戶(hù)體驗(yàn) 017
1.2.1 UI設(shè)計(jì)和用戶(hù)體驗(yàn) 017
1.2.2 影響用戶(hù)體驗(yàn)的因素 017
1.3 UI設(shè)計(jì)風(fēng)格 018
1.3.1 擬物化 018
扁平化?1.3.2 020
1.3.3 扁平化設(shè)計(jì)所帶來(lái)的改變 023
1.3.4 扁平化設(shè)計(jì)的突出特點(diǎn) 025
1.4 UI設(shè)計(jì)的構(gòu)成法則 027
1.4.1 什么是構(gòu)成 028
1.4.2 形式美法則 028
1.4.3 構(gòu)成的思維方式 030
1.5 UI設(shè)計(jì)中的色彩搭配技巧 032
1.5.1 色彩的基本理論 033
1.5.2 色彩搭配原則 036
1.6 UI設(shè)計(jì)的原則 038
1.6.1 視覺(jué)美觀 038
1.6.2 突出主題 038
1.6.3 整體性 039
1.6.4 為用戶(hù)考慮 039
1.6.5 快速加載 040
1.7 UI設(shè)計(jì)的一般流程 041
1.8 本章小結(jié) 042
Chapter 02 UI常見(jiàn)組件設(shè)計(jì)
2.1 UI設(shè)計(jì)中的基本視覺(jué)元素 044
2.1.1 圖標(biāo) 044
2.1.2 按鈕 044
2.1.3 菜單 045
2.1.4 標(biāo)簽 045
2.1.5 滾動(dòng)條和狀態(tài)欄 045
2.2 圖標(biāo)設(shè)計(jì)知識(shí) 046
2.2.1 圖標(biāo)的概念 047
2.2.2 圖標(biāo)的設(shè)計(jì)原則 047
2.3 圖標(biāo)設(shè)計(jì)的風(fēng)格 049
2.3.1 簡(jiǎn)約的像素圖標(biāo) 049
2.3.2 擬物化圖標(biāo) 050
2.3.3 扁平化圖標(biāo) 066
2.4 按鈕設(shè)計(jì) 071
2.4.1 按鈕與圖標(biāo)的異同 071
2.4.2 單選按鈕 071
2.4.3 滑塊按鈕 072
2.5 菜單與工具欄設(shè)計(jì) 078
2.5.1 菜單的作用 078
2.5.2 菜單設(shè)計(jì)的要點(diǎn) 078
2.5.3 工具欄的作用 079
2.6 本章小結(jié) 084
Chapter 03 應(yīng)用軟件界面設(shè)計(jì)
3.1 了解應(yīng)用軟件界面設(shè)計(jì) 086
3.1.1 什么是應(yīng)用軟件界面設(shè)計(jì) 086
3.1.2 應(yīng)用軟件界面設(shè)計(jì)要點(diǎn) 086
3.2 軟件啟動(dòng)界面 087
3.2.1 什么是軟件啟動(dòng)頁(yè)面 087
3.2.2 軟件啟動(dòng)界面的作用 088
3.2.3 軟件啟動(dòng)界面的設(shè)計(jì)原則 088
3.3 應(yīng)用軟件界面面板設(shè)計(jì) 092
3.3.1 合理安排面板功能區(qū)域 092
3.3.2 軟件面板的設(shè)計(jì)原則 093
3.4 應(yīng)用軟件界面設(shè)計(jì)規(guī)范 099
3.4.1 軟件界面的屏幕顯示 099
3.4.2 軟件界面的設(shè)計(jì)原則 100
3.5 應(yīng)用軟件界面設(shè)計(jì)風(fēng)格 109
3.5.1 傳統(tǒng)軟件界面設(shè)計(jì) 110
3.5.2 扁平化軟件界面設(shè)計(jì) 117
3.5.3 極簡(jiǎn)風(fēng)格軟件界面 124
3.6 本章小結(jié) 130
Chapter 04 移動(dòng)APP界面設(shè)計(jì)
4.1 了解APP界面設(shè)計(jì) 132
4.1.1 什么是APP 132
4.1.2 移動(dòng)UI的設(shè)計(jì)趨勢(shì) 134
4.1.3 手機(jī)APP UI與平面UI的區(qū)別 136
4.2 iOS系統(tǒng)界面設(shè)計(jì) 138
4.2.1 iOS系統(tǒng)概述 138
4.2.2 iOS系統(tǒng)的發(fā)展歷程 139
4.2.3 iOS系統(tǒng)用戶(hù)界面元素 142
4.2.4 iOS系統(tǒng)界面設(shè)計(jì)規(guī)范 152
4.2.5 iOS系統(tǒng)設(shè)計(jì)原則 159
4.3 Android系統(tǒng)界面設(shè)計(jì) 167
4.3.1 Android系統(tǒng)概述 167
4.3.2 Android系統(tǒng)的界面設(shè)計(jì)規(guī)范 168
4.3.3 Android系統(tǒng)UI設(shè)計(jì)特色 172
4.3.4 Android系統(tǒng)用戶(hù)界面元素 174
4.3.5 操作欄 176
4.4 移動(dòng)APP軟件界面設(shè)計(jì)要求 183
4.4.1 移動(dòng)APP設(shè)計(jì)流程 183
4.4.2 APP軟件界面配色原則 184
4.5 本章小結(jié) 186
Chapter 05 播放器界面設(shè)計(jì)
5.1 播放器界面設(shè)計(jì)概述 190
5.1.1 為什么進(jìn)行播放器界面設(shè)計(jì) 190
5.1.2 播放器界面中的情感化因素 190
5.2 播放器界面設(shè)計(jì)特點(diǎn) 197
5.2.1 統(tǒng)一性 198
5.2.2 創(chuàng)意性 198
5.2.3 視覺(jué)沖擊力 198
5.3 如何設(shè)計(jì)個(gè)性化的播放器界面 205
5.3.1 界面結(jié)構(gòu)的統(tǒng)一性 205
5.3.2 界面操作的性 206
5.3.3 視覺(jué)效果的舒適性 206
5.3.4 整體效果的個(gè)性化 207
5.4 播放器界面的設(shè)計(jì)原則 215
5.4.1 對(duì)比原則 215
5.4.2 協(xié)調(diào)原則 216
5.4.3 趣味原則 217
5.5 本章小結(jié) 227
Chapter 06 網(wǎng)頁(yè)界面設(shè)計(jì)
6.1 了解網(wǎng)頁(yè)界面設(shè)計(jì) 230
6.1.1 什么是網(wǎng)頁(yè)界面 230
6.1.2 網(wǎng)頁(yè)界面的設(shè)計(jì)特點(diǎn) 230
6.1.3 網(wǎng)頁(yè)界面的構(gòu)成元素 233
6.2 網(wǎng)頁(yè)界面設(shè)計(jì)的設(shè)計(jì)要點(diǎn) 242
6.2.1 設(shè)計(jì)與技術(shù)相結(jié)合 242
6.2.2 立體空間節(jié)奏感 245
6.2.3 視覺(jué)導(dǎo)向性 246
6.2.4 視覺(jué)服務(wù) 247
6.3 網(wǎng)頁(yè)界面設(shè)計(jì)的原則 254
6.3.1 以用戶(hù)為中心 254
6.3.2 視覺(jué)美觀 255
6.3.3 主題明確 255
6.3.4 內(nèi)容與形式統(tǒng)一 257
6.3.5 有機(jī)的整體 258
6.4 網(wǎng)頁(yè)界面創(chuàng)意設(shè)計(jì)方法 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)頁(yè)界面的設(shè)計(jì)風(fēng)格 277
6.5.1 大眾化設(shè)計(jì)風(fēng)格 277
6.5.2 個(gè)性化設(shè)計(jì)風(fēng)格 278
6.6 本章小結(jié) 286
Chapter 07 游戲界面設(shè)計(jì)
7.1 了解游戲界面設(shè)計(jì) 288
7.1.1 游戲界面設(shè)計(jì)概述 288
7.1.2 游戲UI與其他UI設(shè)計(jì)的區(qū)別 288
7.1.3 游戲UI設(shè)計(jì)的重要性 290
7.2 游戲UI設(shè)計(jì)的準(zhǔn)備工作 290
7.2.1 了解游戲的世界觀 290
7.2.2 確定游戲UI設(shè)計(jì)風(fēng)格 291
7.2.3 游戲UI設(shè)計(jì)的流程 292
7.3 網(wǎng)頁(yè)游戲界面 303
7.3.1 網(wǎng)頁(yè)游戲的優(yōu)勢(shì)與不足 303
7.3.2 網(wǎng)頁(yè)游戲界面的設(shè)計(jì)目標(biāo) 304
7.3.3 網(wǎng)頁(yè)游戲界面的設(shè)計(jì)流程 305
7.4 手機(jī)游戲界面設(shè)計(jì) 313
7.4.1 手機(jī)游戲的優(yōu)勢(shì)和不足 313
7.4.2 手機(jī)游戲與傳統(tǒng)游戲UI設(shè)計(jì)的異同 314
7.4.3 手機(jī)游戲UI設(shè)計(jì)常見(jiàn)問(wèn)題 321
7.5 大型網(wǎng)絡(luò)游戲界面 323
7.5.1 游戲類(lèi)別與UI設(shè)計(jì)的關(guān)系 323
7.5.2 網(wǎng)絡(luò)游戲界面設(shè)計(jì)要求 326
7.6 本章小結(jié) 327
