APP手機(jī)界面創(chuàng)意設(shè)計(jì)新手通

目    錄
第1章 開啟界面設(shè)計(jì)這扇窗 1
1.1 手機(jī)UI設(shè)計(jì)相關(guān)基本概念 2
1.2  智能手機(jī)操作系統(tǒng)有哪些 3
1.3  UI界面設(shè)計(jì)常用的軟件 5
1.4  屏幕尺寸相關(guān)的術(shù)語和概念 7
1.5  界面設(shè)計(jì)常見圖標(biāo)格式 9
1.6  低保真與高保真原型設(shè)計(jì) 10
1.7  色彩基礎(chǔ)知識(shí) 12
1.8  界面設(shè)計(jì)配色秘笈 22
第2章 經(jīng)典登錄頁和登錄框 28
2.1 會(huì)員登錄頁 29
2.1.1  制作背景 29
2.1.2  繪制主界面 31
2.1.3  制作細(xì)節(jié) 33
2.1.4  繪制文本框 35
2.2 旅游名片界面 38
2.2.1  制作背景 39
2.2.2  繪制界面 40
2.2.3  添加素材并調(diào)色 42
2.2.4  添加界面元素 45
2.3 盒子登錄界面 47
2.3.1  制作背景 48
2.3.2  定義圖案 49
2.3.3  繪制界面 50
2.4 通信應(yīng)用界面 55
2.4.1  制作背景 55
2.4.2  添加元素 59
2.5 酷黑登錄頁 61
2.5.1  制作背景 62
2.5.2  繪制界面 63
2.5.3  繪制文本框 65
2.6 社交應(yīng)用登錄框 67
2.6.1  制作背景 68
2.6.2  繪制界面 69
2.7 電話呼叫界面 73
2.7.1  制作背景 73
2.7.2  定義圖案 75
2.7.3  繪制界面元素 78
第3章 炫酷寫實(shí)風(fēng)格表現(xiàn)APP 86
3.1 致炫光盤 87
3.1.1  制作背景 87
3.1.2  繪制圖形 89
3.1.3  制作質(zhì)感 90
3.1.4  制作細(xì)節(jié) 92
3.1.5  制作陰影 95
3.2 紙質(zhì)辦公檔案袋 96
3.2.1  制作背景 96
3.2.2  繪制袋子 97
3.2.3  制作細(xì)節(jié) 100
3.2.4  定義圖案 104
3.3 寫實(shí)專輯包裝 111
3.3.1  制作背景 111
3.3.2  制作封面 113
3.3.3  繪制光盤 115
3.3.4  制作質(zhì)感 117
3.3.5  制作封口細(xì)節(jié) 118
3.4 書香記事夾 122
3.4.1  制作背景 123
3.4.2  繪制木板 124
3.4.3  添加紋理 124
3.4.4  繪制折痕 128
3.4.5  繪制夾子 133
3.5 家居插板 135
3.5.1  制作背景 135
3.5.2  繪制圖形 137
3.5.3  制作圖形元素 139
3.6 陶瓷茶杯 143
3.6.1  制作背景 144
3.6.2  制作陰影 145
3.6.3  繪制盤子 146
3.6.4  繪制茶水 149
3.6.5  制作茶水高光 150
3.6.6  制作手柄 152
3.6.7  繪制茶葉 153
3.7 寫實(shí)質(zhì)感開關(guān) 153
3.7.1  制作背景 154
3.7.2  制作細(xì)節(jié) 158
3.8 品質(zhì)音量旋鈕 167
3.8.1  制作背景 168
3.8.2  繪制圖形 169
3.8.3  制作陰影 172
3.8.4  添加裝飾元素 174
第4章 iOS前沿新潮扁平風(fēng) 178
4.1 扁平相機(jī)圖標(biāo) 179
4.1.1  制作背景 179
4.1.2  繪制圖標(biāo) 180
4.1.3  添加裝飾 182
4.1.4  繪制鏡頭 184
4.2 扁平鉛筆圖標(biāo) 187
4.2.1  繪制圖標(biāo) 188
4.2.2  變換圖形 189
4.2.3  繪制細(xì)節(jié) 190
4.2.4  制作陰影 192
4.3 指南針圖標(biāo) 195
4.3.1  繪制圖標(biāo) 195
4.3.2  制作陰影 199
4.3.3  制作倒影 203
4.4 定位圖標(biāo) 206
4.4.1  制作背景 207
4.4.2  繪制圖標(biāo) 208
4.5 微信圖標(biāo) 212
4.5.1  制作背景 212
4.5.2  繪制圖標(biāo) 213
4.6 天氣Widget 216
4.6.1  制作背景 217
4.6.2  繪制界面 218
4.6.3  制作界面元素 219
4.7 對(duì)話圖標(biāo) 222
4.7.1  制作背景 222
4.7.2  繪制圖標(biāo) 224
4.7.3  制作高光 227
4.7.4  制作細(xì)節(jié) 229
4.8 盤子圖標(biāo) 231
4.8.1  制作背景 232
4.8.2  繪制盤子 233
第5章 APP純美傳奇質(zhì)感表現(xiàn) 235
5.1 塑膠質(zhì)感U盤 236
5.1.1  繪制圖標(biāo) 236
5.1.2  制作圖標(biāo)細(xì)節(jié) 239
5.2 金屬質(zhì)感系統(tǒng) 243
5.2.1  制作背景 244
5.2.2  繪制圖標(biāo) 245
5.2.3  制作質(zhì)感 245
5.2.4  定義圖案 249
5.2.5  制作圖標(biāo)元素 250
5.3 白金質(zhì)感開關(guān)按鈕 252
5.3.1  制作背景 253
5.3.2  繪制圖標(biāo) 254
5.3.3  制作圖標(biāo)元素 257
5.3.4  定義圖案 258
5.3.5  制作控件 261
5.4 塑料質(zhì)感插座 263
5.4.1  制作背景 264
5.4.2  制作陰影 265
5.4.3  制作圖標(biāo) 267
5.4.4  制作插孔 271
5.5 拉絲質(zhì)感開關(guān) 274
5.5.1  制作背景并繪制圖標(biāo) 274
5.5.2  制作細(xì)節(jié) 277
5.6 糖果質(zhì)感閃電圖標(biāo) 279
5.6.1  制作背景 280
5.6.2  繪制圖形 281
5.6.3  制作陰影 282
5.6.4  添加質(zhì)感 283
5.7 鎏金質(zhì)感指南針 285
5.7.1  制作背景 286
5.7.2  繪制圖形 287
5.7.3  添加圖形元素 292
5.7.4  制作光影 296
第6章 簡(jiǎn)約流行風(fēng)圖標(biāo) 299
6.1 腳丫圖標(biāo) 300
6.1.1  制作背景 300
6.1.2  制作圖標(biāo) 302
6.2 電話圖標(biāo) 304
6.2.1  制作背景 305
6.2.2  繪制圖標(biāo) 307
6.2.3  制作圖標(biāo)元素 308
6.3 相機(jī)和計(jì)算器圖標(biāo) 312
6.3.1  制作背景并繪制圖標(biāo) 313
6.3.2  制作細(xì)節(jié) 315
6.3.3  繪制鏡頭 317
6.3.4  繪制計(jì)算器圖標(biāo) 318
6.3.5  制作圖標(biāo)元素 320
6.3.6  制作細(xì)節(jié) 322
6.4 音樂圖標(biāo) 325
6.4.1  制作背景 326
6.4.2  制作圖標(biāo) 328
6.4.3  制作立體效果 329
6.4.4  添加裝飾圖形元素 331
第7章 商業(yè)案例實(shí)戰(zhàn) 334
7.1 卓云安全大師界面 335
7.1.1  歡迎頁面 336
7.1.2  功能頁面 340
7.1.3  功能頁面2 346
7.1.4  展示頁面 352
7.1.5  展示頁面2 354
7.2 iOS風(fēng)格音樂播放器界面 356
7.2.1  制作應(yīng)用界面 356
7.2.2  展示頁面 364
7.3 怡人秋景主題天氣界面 365
7.3.1  制作背景 366
7.3.2  繪制界面 369
7.3.3  添加文字 381
7.4 音悅電臺(tái)界面設(shè)計(jì) 381
7.4.1  制作背景 382
7.4.2  繪制界面 383
7.4.3  添加圖形元素 387
7.4.4  添加素材圖像 389
7.4.5  繪制功能控件 391
第8章 APP實(shí)用參考薈萃 393
8.1 優(yōu)秀炫酷圖標(biāo)賞析 394
8.2 流行風(fēng)格界面賞析 396
8.3 UI設(shè)計(jì)實(shí)用輔助工具 398
8.4 優(yōu)秀國(guó)內(nèi)外網(wǎng)站推薦 400
8.5 UI設(shè)計(jì)中常見名詞釋義 401