移動(dòng)界面Photoshop UI設(shè)計(jì)十全大補(bǔ)（Web/App）

Chapter 01 智能手機(jī)App UI設(shè)計(jì)
1.1　App UI設(shè)計(jì)概述 / 2
1.1.1　UI設(shè)計(jì)的概念 / 2
1.1.2　App客戶端 / 2
1.1.3　主要工具軟件 / 3
1.2　智能手機(jī)平面設(shè)計(jì)師要掌握的技術(shù) / 3
1.3　優(yōu)秀App界面 / 4
1.3.1　優(yōu)秀App界面的特點(diǎn) / 5
1.3.2　產(chǎn)品團(tuán)隊(duì)與設(shè)計(jì)師 / 6
1.3.3　項(xiàng)目中的App設(shè)計(jì)流程 / 6
1.3.4　設(shè)計(jì)靈感 / 7
1.4　設(shè)計(jì)構(gòu)圖與界面布局 / 8
1.4.1 App界面設(shè)計(jì)構(gòu)圖 / 8
1.4.2 智能手機(jī)界面的布局構(gòu)成 / 9
1.5　優(yōu)秀App界面的要求 / 12

Chapter 02 App界面設(shè)計(jì)的配色意向
2.1　App UI的色彩設(shè)計(jì)意象 / 18
2.2　色彩的表現(xiàn)力和感染力 / 20
2.2.1 色彩的效應(yīng) / 20
2.2.2 色彩的反應(yīng) / 22
2.3　色彩研究 / 22
2.4　配色 / 24
2.4.1 色相配色 / 25
2.4.2 色調(diào)配色 / 25
2.4.3 明度配色 / 27
2.5　使用Photoshop進(jìn)行配色 / 28
2.6　配色案例 / 31
2.7　色彩的對(duì)比組合 / 38
Chapter 03 Photoshop制作App UI常用的操作
3.1　Photoshop CC的工作界面 / 40
3.1.1　了解Photoshop CC的工作界面 / 40
3.1.2　工具箱 / 41
3.1.3　選項(xiàng)欄 / 42
3.1.4 狀態(tài)欄 / 44
3.1.5　面板 / 44
3.1.6　調(diào)整面板 / 46
3.2　選擇工具 / 47
3.2.1 設(shè)定選區(qū)的工具組 / 48
3.2.2　矩形選框工具的選項(xiàng)欄 / 48
3.2.3　選區(qū)的基本運(yùn)算 / 49
3.3　填充工具 / 51
3.3.1 漸變工具的選項(xiàng)欄 / 52
3.3.2 油漆桶工具的選項(xiàng)欄 / 56
3.4　理解圖層的概念 / 57
3.4.1 “圖層編組”命令 / 59
3.4.2　“排列”命令 / 60
Chapter 04 手機(jī)UI設(shè)計(jì)平面圖標(biāo)制作
4.1　設(shè)計(jì)吸引眼球的圖標(biāo) / 62
4.2　圖標(biāo)的設(shè)計(jì)方案 / 63
4.3　正確的圖標(biāo)設(shè)計(jì)流程 / 64
4.4　啟動(dòng)鍵制作 / 70
4.5　人像圖標(biāo)制作 / 72
4.6　記事本圖標(biāo)制作 / 74
4.7　放大鏡搜索圖標(biāo)制作 / 76
4.8　麥克風(fēng)圖標(biāo)制作 / 78
Chapter 05 UI的質(zhì)感表現(xiàn)
5.1　質(zhì)感圖標(biāo)設(shè)計(jì)的三個(gè)階段 / 82
5.1.1　確定題材 / 82
5.1.2　確定表現(xiàn)風(fēng)格 / 82
5.1.3　具體實(shí)現(xiàn) / 83
5.2　金屬質(zhì)感 / 84
5.3　磨砂玻璃質(zhì)感 / 90
5.4　光滑表面質(zhì)感 / 99
5.5　皮革質(zhì)感 / 107
Chapter 06 手機(jī)UI設(shè)計(jì)的字效表現(xiàn)
6.1　App UI的字號(hào)控制 / 114
6.1.1　字體尺寸的規(guī)則 / 114
6.1.2 字體規(guī)范 / 115
6.2　字體配色 / 116
6.2.1 配色規(guī)則 / 116
6.2.2 疊加、柔光和透明度 / 117
6.3　玻璃字體 / 118
6.4　鑲鉆字效 / 123
6.5　布料字體 / 133
Chapter 07 手機(jī)UI設(shè)計(jì)立體圖標(biāo)制作
7.1　圖標(biāo)的存儲(chǔ)格式 / 140
7.1.1　矢量格式與位圖格式 / 140
7.1.2 JPG壓縮格式 / 141
7.1.3　PNG非壓縮格式 / 142
7.1.4　圖像的有損和無損壓縮 / 143
7.2　照相機(jī)圖標(biāo)制作 / 144
7.3　循環(huán)圖標(biāo)制作 / 158
7.4　多云圖標(biāo)制作 / 164

Chapter 08 手機(jī)UI界面元素設(shè)計(jì)
8.1　App UI設(shè)計(jì)思路 / 172
8.2　圖形設(shè)計(jì)尺寸 / 173
8.3　登錄界面 / 175
8.4　設(shè)置界面開關(guān) / 181
8.5　通知列表 / 192
Chapter 09 手機(jī)UI按鈕設(shè)計(jì)
9.1　App IU中按鈕的設(shè)計(jì)思路 / 202
9.2　啟動(dòng)按鈕 / 204
9.3　音樂播放按鈕 / 215
9.4　清新彩色按鈕 / 221
9.5　選項(xiàng)按鈕 / 230
Chapter 10 智能手機(jī)UI整體界面制作
10.1　完整App UI界面的設(shè)計(jì)流程 / 238
10.1.1　需求階段 / 238
10.1.2　分析設(shè)計(jì)階段 / 238
10.1.3　調(diào)研驗(yàn)證階段 / 239
10.1.4　方案改進(jìn)階段　 / 239
10.1.5　用戶驗(yàn)證反饋階段 / 240
10.2　Android界面時(shí)尚風(fēng)格設(shè)計(jì) / 241
10.2.1　制作鎖屏界面 / 241
10.2.2 制作日程安排界面 / 246
10.2.3　制作相冊(cè)界面 / 249
10.2.4　制作列表界面 / 253
10.3　iOS界面扁平化風(fēng)格設(shè)計(jì) / 256
10.3.1 制作登錄界面 / 256
10.3.2 制作主界面 / 258
10.3.3　制作日程安排界面 / 262
10.3.4　制作提示欄界面 / 265