APP UI設(shè)計之道

定　價：￥98.00

作　者：	甘霖，李雪著
出版社：	清華大學(xué)出版社
叢編項：
標(biāo)　簽：	程序設(shè)計計算機/網(wǎng)絡(luò) 移動開發(fā)

購買這本書可以去

ISBN：	9787302495567	出版時間：	2018-04-01	包裝：	平裝
開本：	16開	頁數(shù)：	404	字?jǐn)?shù)：

內(nèi)容簡介

　　《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è)計之道》緊貼軟件的實際操作界面，使用軟件中真實的對話框、操控板和按鈕等進行講解，使初學(xué)者能夠直觀、準(zhǔn)確地操作軟件進行學(xué)習(xí)，從而盡快上手，提高學(xué)習(xí)效率。《APP UI設(shè)計之道》內(nèi)容全面，條理清晰，實例豐富，講解詳細(xì)，適合UI設(shè)計愛好者閱讀，也可供想進入UI設(shè)計領(lǐng)域的讀者朋友，以及設(shè)計專業(yè)的大中專學(xué)生閱讀。

作者簡介

　　甘霖，現(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é)》等核心期刊。

圖書目錄

目錄
第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è)計團隊與流程 20
2.2.1　APP 界面設(shè)計者與產(chǎ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　照相機圖標(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　實體手機設(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 進度按鈕設(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　強調(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　扁平化手機界面的設(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