APP UI設(shè)計之道 版權(quán)信息
- ISBN:9787302495567
- 條形碼:9787302495567 ; 978-7-302-49556-7
- 裝幀:一般膠版紙
- 冊數(shù):暫無
- 重量:暫無
- 所屬分類:>>
APP UI設(shè)計之道 本書特色
《APP UI設(shè)計之道》是全面學(xué)習(xí)APP UI設(shè)計和Photoshop使用方法與技巧的快速入門與提高教程,
內(nèi)容包括Photoshop系統(tǒng)的使用基礎(chǔ)、APP UI設(shè)計基礎(chǔ)、APP中的光影設(shè)計、APP中的字體設(shè)計、簡約Icon設(shè)計、三維Icon設(shè)計、多種圖形設(shè)計、控件設(shè)計、界面設(shè)計、導(dǎo)航設(shè)計等。
在內(nèi)容安排上,為了使讀者更快地掌握軟件的基本功能,書中結(jié)合大量的UI實例講解Photoshop 軟件中一些抽象的概念、命令和功能。在寫作方式上,《APP UI設(shè)計之道》緊貼軟件的實際操作界面,使用軟件中真實的對話框、操控板和按鈕等進(jìn)行講解,使初學(xué)者能夠直觀、準(zhǔn)確地操作軟件進(jìn)行學(xué)習(xí),從而盡快上手,提高學(xué)習(xí)效率。
《APP UI設(shè)計之道》內(nèi)容全面,條理清晰,實例豐富,講解詳細(xì),適合UI設(shè)計愛好者閱讀,也可供想進(jìn)入UI設(shè)計領(lǐng)域的讀者朋友,以及設(shè)計專業(yè)的大中專學(xué)生閱讀。
APP UI設(shè)計之道 內(nèi)容簡介
《APP UI設(shè)計之道》以Photoshop UI圖標(biāo)制作和界面交互設(shè)計為中心,通過50余個典型實例,講解了當(dāng)前熱門的手機(jī)APP UI設(shè)計技術(shù),主要有圖標(biāo)制作、質(zhì)感效果制作、字體制作、三維ICON制作、圖形設(shè)計、各類控件制作等,以及手機(jī)整體界面的制作方法,幫助讀者在短的時間內(nèi)精通UI設(shè)計技術(shù),迅速從新手變?yōu)閁I界面和APP界面的設(shè)計高手。適合UI設(shè)計愛好者,想進(jìn)入UI設(shè)計領(lǐng)域的讀者朋友,以及設(shè)計專業(yè)的大中專學(xué)生閱讀。
《APP UI設(shè)計之道》的內(nèi)容設(shè)計以讓讀者學(xué)有所依、學(xué)有所用為宗旨,采用以例帶點的講解方式,即將每個知識點的講解都融入到具體的典型實例中,范例豐富、情景生動、圖文并茂、內(nèi)容翔實,可以帶給讀者獨特而高效的學(xué)習(xí)體驗。
APP UI設(shè)計之道 目錄
目 錄
第1 章 Photoshop 系統(tǒng)的使用基礎(chǔ) 1
1.1 Photoshop 的安裝、卸載、啟動和退出 2
1.1.1 安裝Photoshop 2
1.1.2 卸載Photoshop 2
1.1.3 啟動Photoshop 2
1.1.4 退出Photoshop 3
1.2 圖形圖像文件的基本操作 4
1.3 Photoshop 系統(tǒng)界面調(diào)整 8
1.3.1 界面組成部分 9
1.3.2 調(diào)整界面 14
第2 章 APP UI 設(shè)計基礎(chǔ) 15
2.1 APP UI 設(shè)計概述 16
2.1.1 UI 設(shè)計概述 16
2.1.2 APP 概述 16
2.1.3 Photoshop 軟件 17
2.1.4 APP UI 設(shè)計**技術(shù) 18
2.2 APP UI 界面設(shè)計團(tuán)隊與流程 20
2.2.1 APP 界面設(shè)計者與產(chǎn)品團(tuán)隊 20
2.2.2 APP 界面設(shè)計與項目流程 21
2.2.3 視覺設(shè)計 22
2.3 APP UI 界面設(shè)計理論 23
2.3.1 用戶操作習(xí)慣 23
2.3.2 界面布局 23
2.3.3 操作簡單 28
2.3.4 在操作方式上創(chuàng)新 29
2.3.5 在設(shè)計中投入情感 29
2.3.6 APP UI 的配色理論 29
2.4 APP UI 界面設(shè)計技巧 33
2.4.1 完整的APP UI 設(shè)計流程 34
2.4.2 圖標(biāo)設(shè)計的流程 37
2.4.3 讓圖標(biāo)更具吸引力 37
第3 章 APP 中的光影設(shè)計 39
3.1 玻璃質(zhì)感圖標(biāo)設(shè)計 40
3.1.1 設(shè)計構(gòu)思 40
3.1.2 操作步驟 40
3.2 牛仔褲質(zhì)感設(shè)計 49
3.2.1 設(shè)計構(gòu)思 49
3.2.2 操作步驟 49
3.3 木紋質(zhì)感設(shè)計 64
3.3.1 設(shè)計構(gòu)思 64
3.3.2 操作步驟 64
3.4 絢麗光線界面設(shè)計 94
3.4.1 設(shè)計構(gòu)思 94
3.4.2 操作步驟 94
3.5 UI 設(shè)計師**技能:顏色搭配 102
3.5.1 簡約配色設(shè)計 102
3.5.2 混合特效設(shè)計 103
3.5.3 具體案例 104
第4 章 APP 中的字體設(shè)計 105
4.1 斜面浮雕字體設(shè)計 106
4.1.1 設(shè)計構(gòu)思 106
4.1.2 操作步驟 106
4.2 鉆石字體設(shè)計 112
4.2.1 設(shè)計構(gòu)思 112
4.2.2 操作步驟 113
4.3 立體巖石材質(zhì)字體設(shè)計 118
4.3.1 設(shè)計構(gòu)思 118
4.3.2 操作步驟 118
4.4 UI 設(shè)計師**技能:文字設(shè)計 126
4.4.1 字號設(shè)計 126
4.4.2 UI 文字設(shè)計標(biāo)準(zhǔn) 127
第5 章 APP 中的簡約Icon設(shè)計 129
5.1 聯(lián)系人圖標(biāo)設(shè)計 130
5.1.1 設(shè)計構(gòu)思 130
5.1.2 操作步驟 130
5.2 搜索圖標(biāo)設(shè)計 132
5.2.1 設(shè)計構(gòu)思 132
5.2.2 操作步驟 133
5.3 照相機(jī)圖標(biāo)設(shè)計 135
5.3.1 設(shè)計構(gòu)思 135
5.3.2 操作步驟 135
5.4 鬧鐘圖標(biāo)設(shè)計 140
5.4.1 設(shè)計構(gòu)思 140
5.4.2 操作步驟 140
5.5 簡約平面圖標(biāo)整套設(shè)計 150
5.5.1 設(shè)計構(gòu)思 150
5.5.2 操作步驟 151
5.6 設(shè)計師**技能:圖標(biāo)大小選擇 163
第6 章 APP 中的三維Icon設(shè)計 165
6.1 音樂圖標(biāo)設(shè)計 166
6.1.1 設(shè)計構(gòu)思 166
6.1.2 操作步驟 166
6.2 錄音器圖標(biāo)設(shè)計 172
6.2.1 設(shè)計構(gòu)思 172
6.2.2 操作步驟 173
6.3 電話簿圖標(biāo)設(shè)計 177
6.3.1 設(shè)計構(gòu)思 177
6.3.2 操作步驟 177
6.4 立體勾選框圖標(biāo)設(shè)計 182
6.4.1 設(shè)計構(gòu)思 182
6.4.2 操作步驟 182
6.5 實體手機(jī)設(shè)計 188
6.5.1 設(shè)計構(gòu)思 188
6.5.2 操作步驟 188
6.6 UI 設(shè)計師**技能:圖標(biāo)的設(shè)計 202
6.6.1 表現(xiàn)形態(tài) 202
6.6.2 圖標(biāo)特性 203
6.6.3 圖標(biāo)設(shè)計的構(gòu)思 204
第7 章 APP 中的多種圖形設(shè)計 205
7.1 二維碼掃描圖形設(shè)計 206
7.1.1 設(shè)計構(gòu)思 206
7.1.2 操作步驟 206
7.2 徽標(biāo)圖形設(shè)計 210
7.2.1 設(shè)計構(gòu)思 210
7.2.2 操作步驟 210
7.3 個性條形碼設(shè)計 218
7.3.1 設(shè)計構(gòu)思 218
7.3.2 操作步驟 218
7.4 夏日海景宣傳海報設(shè)計 222
7.4.1 設(shè)計構(gòu)思 222
7.4.2 操作步驟 222
7.5 UI 設(shè)計師**技能:構(gòu)圖技巧 231
7.5.1 粗細(xì)對比 231
7.5.2 遠(yuǎn)近對比 231
7.5.3 疏密對比 231
7.5.4 動靜對比 231
7.5.5 中西對比 232
7.5.6 古今對比 232
第8 章 APP 中的控件設(shè)計 233
8.1 立體旋鈕設(shè)計 234
8.1.1 設(shè)計構(gòu)思 234
8.1.2 操作步驟 234
8.2 開關(guān)按鈕設(shè)計 243
8.2.1 設(shè)計構(gòu)思 243
8.2.2 操作步驟 243
8.3 金屬質(zhì)感旋鈕設(shè)計 250
8.3.1 設(shè)計構(gòu)思 251
8.3.2 操作步驟 251
8.4 進(jìn)度按鈕設(shè)計 260
8.4.1 設(shè)計構(gòu)思 260
8.4.2 操作步驟 260
8.5 透明界面按鈕設(shè)計 266
8.5.1 設(shè)計構(gòu)思 266
8.5.2 操作步驟 266
8.6 滑動控件設(shè)計 287
8.6.1 設(shè)計構(gòu)思 287
8.6.2 操作步驟 287
8.7 UI 設(shè)計師必讀:如何設(shè)計按鈕 292
8.7.1 關(guān)聯(lián)分組 292
8.7.2 層級關(guān)系 292
8.7.3 善用陰影 292
8.7.4 圓角邊界 293
8.7.5 強(qiáng)調(diào)重點 293
8.7.6 按鈕尺寸 293
8.7.7 表述必須明確 294
第9 章 APP 中的界面設(shè)計 295
9.1 Loading 游戲加載界面設(shè)計 296
9.1.1 設(shè)計構(gòu)思 296
9.1.2 操作步驟 296
9.2 日歷和撥號界面設(shè)計 304
9.2.1 設(shè)計構(gòu)思 304
9.2.2 操作步驟 304
9.3 清新主題的對話框設(shè)計 326
9.3.1 設(shè)計構(gòu)思 327
9.3.2 操作步驟 327
9.4 個性化報錯界面設(shè)計 333
9.4.1 設(shè)計構(gòu)思 333
9.4.2 操作步驟 334
9.5 UI 設(shè)計師**技能:界面設(shè)計 343
9.5.1 清晰地展現(xiàn)信息層級 343
9.5.2 采用一致的設(shè)計語言 344
9.5.3 在細(xì)節(jié)上給予驚喜 344
第10 章 APP 中的導(dǎo)航設(shè)計 345
10.1 導(dǎo)航欄設(shè)計 346
10.1.1 設(shè)計構(gòu)思 346
10.1.2 操作步驟 346
10.2 透明列表界面設(shè)計 349
10.2.1 設(shè)計構(gòu)思 350
10.2.2 操作步驟 350
10.3 設(shè)置界面設(shè)計 359
10.3.1 設(shè)計構(gòu)思 360
10.3.2 操作步驟 360
10.4 扁平化手機(jī)界面的設(shè)計 365
10.4.1 設(shè)計構(gòu)思 366
10.4.2 操作步驟 366
10.5 UI 設(shè)計師**技能:UI 設(shè)計原則 373
10.5.1 可視性 373
10.5.2 反饋 374
10.5.3 限制 374
10.5.4 映射 374
10.5.5 一致性 374
10.5.6 啟發(fā)性 374
第11 章 APP 綜合案例設(shè)計 375
11.1 引導(dǎo)界面設(shè)計 376
11.1.1 設(shè)計構(gòu)思 376
11.1.2 操作步驟 376
11.2 登錄/ 注冊界面的設(shè)計 381
11.2.1 設(shè)計構(gòu)思 381
11.2.2 操作步驟 381
11.3 扁平化選擇列表設(shè)計 385
11.3.1 設(shè)計構(gòu)思 385
11.3.2 操作步驟 385
11.4 歡迎界面的設(shè)計 389
11.4.1 設(shè)計構(gòu)思 389
11.4.2 操作步驟 389
展開全部
APP UI設(shè)計之道 作者簡介
甘霖, 現(xiàn)任華北理工大學(xué)藝術(shù)學(xué)院動畫與數(shù)字藝術(shù)系主任,副教授、碩士生導(dǎo)師。作品獲第五屆華北地區(qū)包裝設(shè)計大賽金獎并入選《中國設(shè)計年鑒》,監(jiān)制作品26集原創(chuàng)三維動畫片《七星傳奇》于2011年6月在中央電視臺一套綜合頻道播出;出版學(xué)術(shù)專著4部,高等學(xué)校教材2部;多幅藝術(shù)作品、學(xué)術(shù)論文發(fā)表于《裝飾》、《電影文學(xué)》等核心期刊。