APP手機界面創(chuàng)意設計新手通

目    錄
第1章 開啟界面設計這扇窗 1
1.1 手機UI設計相關基本概念 2
1.2  智能手機操作系統有哪些 3
1.3  UI界面設計常用的軟件 5
1.4  屏幕尺寸相關的術語和概念 7
1.5  界面設計常見圖標格式 9
1.6  低保真與高保真原型設計 10
1.7  色彩基礎知識 12
1.8  界面設計配色秘笈 22
第2章 經典登錄頁和登錄框 28
2.1 會員登錄頁 29
2.1.1  制作背景 29
2.1.2  繪制主界面 31
2.1.3  制作細節(jié) 33
2.1.4  繪制文本框 35
2.2 旅游名片界面 38
2.2.1  制作背景 39
2.2.2  繪制界面 40
2.2.3  添加素材并調色 42
2.2.4  添加界面元素 45
2.3 盒子登錄界面 47
2.3.1  制作背景 48
2.3.2  定義圖案 49
2.3.3  繪制界面 50
2.4 通信應用界面 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 社交應用登錄框 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章 炫酷寫實風格表現APP 86
3.1 致炫光盤 87
3.1.1  制作背景 87
3.1.2  繪制圖形 89
3.1.3  制作質感 90
3.1.4  制作細節(jié) 92
3.1.5  制作陰影 95
3.2 紙質辦公檔案袋 96
3.2.1  制作背景 96
3.2.2  繪制袋子 97
3.2.3  制作細節(jié) 100
3.2.4  定義圖案 104
3.3 寫實專輯包裝 111
3.3.1  制作背景 111
3.3.2  制作封面 113
3.3.3  繪制光盤 115
3.3.4  制作質感 117
3.3.5  制作封口細節(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 寫實質感開關 153
3.7.1  制作背景 154
3.7.2  制作細節(jié) 158
3.8 品質音量旋鈕 167
3.8.1  制作背景 168
3.8.2  繪制圖形 169
3.8.3  制作陰影 172
3.8.4  添加裝飾元素 174
第4章 iOS前沿新潮扁平風 178
4.1 扁平相機圖標 179
4.1.1  制作背景 179
4.1.2  繪制圖標 180
4.1.3  添加裝飾 182
4.1.4  繪制鏡頭 184
4.2 扁平鉛筆圖標 187
4.2.1  繪制圖標 188
4.2.2  變換圖形 189
4.2.3  繪制細節(jié) 190
4.2.4  制作陰影 192
4.3 指南針圖標 195
4.3.1  繪制圖標 195
4.3.2  制作陰影 199
4.3.3  制作倒影 203
4.4 定位圖標 206
4.4.1  制作背景 207
4.4.2  繪制圖標 208
4.5 微信圖標 212
4.5.1  制作背景 212
4.5.2  繪制圖標 213
4.6 天氣Widget 216
4.6.1  制作背景 217
4.6.2  繪制界面 218
4.6.3  制作界面元素 219
4.7 對話圖標 222
4.7.1  制作背景 222
4.7.2  繪制圖標 224
4.7.3  制作高光 227
4.7.4  制作細節(jié) 229
4.8 盤子圖標 231
4.8.1  制作背景 232
4.8.2  繪制盤子 233
第5章 APP純美傳奇質感表現 235
5.1 塑膠質感U盤 236
5.1.1  繪制圖標 236
5.1.2  制作圖標細節(jié) 239
5.2 金屬質感系統 243
5.2.1  制作背景 244
5.2.2  繪制圖標 245
5.2.3  制作質感 245
5.2.4  定義圖案 249
5.2.5  制作圖標元素 250
5.3 白金質感開關按鈕 252
5.3.1  制作背景 253
5.3.2  繪制圖標 254
5.3.3  制作圖標元素 257
5.3.4  定義圖案 258
5.3.5  制作控件 261
5.4 塑料質感插座 263
5.4.1  制作背景 264
5.4.2  制作陰影 265
5.4.3  制作圖標 267
5.4.4  制作插孔 271
5.5 拉絲質感開關 274
5.5.1  制作背景并繪制圖標 274
5.5.2  制作細節(jié) 277
5.6 糖果質感閃電圖標 279
5.6.1  制作背景 280
5.6.2  繪制圖形 281
5.6.3  制作陰影 282
5.6.4  添加質感 283
5.7 鎏金質感指南針 285
5.7.1  制作背景 286
5.7.2  繪制圖形 287
5.7.3  添加圖形元素 292
5.7.4  制作光影 296
第6章 簡約流行風圖標 299
6.1 腳丫圖標 300
6.1.1  制作背景 300
6.1.2  制作圖標 302
6.2 電話圖標 304
6.2.1  制作背景 305
6.2.2  繪制圖標 307
6.2.3  制作圖標元素 308
6.3 相機和計算器圖標 312
6.3.1  制作背景并繪制圖標 313
6.3.2  制作細節(jié) 315
6.3.3  繪制鏡頭 317
6.3.4  繪制計算器圖標 318
6.3.5  制作圖標元素 320
6.3.6  制作細節(jié) 322
6.4 音樂圖標 325
6.4.1  制作背景 326
6.4.2  制作圖標 328
6.4.3  制作立體效果 329
6.4.4  添加裝飾圖形元素 331
第7章 商業(yè)案例實戰(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風格音樂播放器界面 356
7.2.1  制作應用界面 356
7.2.2  展示頁面 364
7.3 怡人秋景主題天氣界面 365
7.3.1  制作背景 366
7.3.2  繪制界面 369
7.3.3  添加文字 381
7.4 音悅電臺界面設計 381
7.4.1  制作背景 382
7.4.2  繪制界面 383
7.4.3  添加圖形元素 387
7.4.4  添加素材圖像 389
7.4.5  繪制功能控件 391
第8章 APP實用參考薈萃 393
8.1 優(yōu)秀炫酷圖標賞析 394
8.2 流行風格界面賞析 396
8.3 UI設計實用輔助工具 398
8.4 優(yōu)秀國內外網站推薦 400
8.5 UI設計中常見名詞釋義 401