創意UI：Photoshop玩轉App設計（第2版）

第 1章 一起踏入App的世界
1.1 初識App 8
1.1.1 什麼是App 8
1.1.2 手機App與平面UI的區別 9
1.1.3 兩大智能手機的操作系統 11
1.1.4 App的設計要點 12
1.1.5 常見App設計的經典案例 15
1.2 兩大App主流應用商店 16
1.2.1 蘋果商店 17
1.2.2 谷歌商店 17
1.3 App的草圖設計流程及方法 19
1.3.1 制作App的市場定位 19
1.3.2 草圖的繪制 19
1.3.3 視覺設計 20
1.3.4 定案 21
1.4 常見App設備標准 22
1.4.1 屏幕尺寸 22
1.4.2 屏幕分辨率 24
1.4.3 屏幕密度 25
1.5 設備中圖標尺寸大小規格 26
1.5.1 圖標尺寸 27
1.5.2 圖標格式 27
1.6 App的界面構成 28
1.6.1 導航欄 30
1.6.2 屏幕欄 31
1.6.3 下方按鈕欄 31
1.7 給你的App一點顏色看看 32
1.7.1 冷暖色調對比 33
1.7.2 色彩搭配技巧 34
1.7.3 常見App界面色彩 34
1.8 那些你不可不知的App分類 35
1.8.1 應用程序 35
1.8.2 歡迎界面 36
1.8.3 游戲App設計 36
1.9 制作App常用的設計軟件 37
1.9.1 Photoshop CS6 37
1.9.2 Illustrator CS6 37

第 2章 App設計的特點和用戶體驗
2.1 App的特性 39
2.1.1 虛擬鍵盤 39
2.1.2 目錄導航 40
2.1.3 功能操作 42
2.1.4 自上而下的操作 43
2.1.5 減少輸入 44
2.1.6 足夠大的按鈕面積 44
2.1.7 多點觸控手勢 45
2.2 圖標的設計要點 46
2.2.1 圖標的可識別性 46
2.2.2 注重圖標的創新性 50
2.2.3 圖標設計的連續性 51
2.3 App的下載平台 53
2.3.1 安卓系統下載平台 56
2.3.2 iOS系統下載平台 57
2.4 App與用戶體驗 58
2.4.1 App設計要點 59
2.4.2 用戶體驗 66
2.5 兩大主流平台與App之間的關系 74
2.5.1 安卓平台 75
2.5.2 iOS平台 76

第3章 Photoshop創作個性App
3.1 基礎圖形的繪制 78
3.1.1 圓形、橢圓 79
3.1.2 正方形、長方形 82
3.1.3 圓角矩形 84
3.1.4 組合圖形 86
3.1.5 虛線框 88
3.1.6 自定義形狀 90
3.2 手機App中常見按鈕的制作 92
3.2.1 開關 93
3.2.2 下拉選框 96
3.2.3 滑動條 98
3.2.4 對話框 100
3.3 讓人過目不忘的啟動圖標 102
3.3.1 安卓系統啟動圖標 103
3.3.2 iOS系統啟動圖標 105
3.4 個性圖標的制作 106
3.4.1 扁平化圖標 107
3.4.2 高清質感圖標 109
3.4.3 游戲圖標 112
3.5 單擊圖標后的界面 116
3.5.1 手機App登錄頁面UI設計 117
3.5.2 手機App引導頁UI設計 121
3.5.3 手機App啟動頁UI設計 124
3.6 化腐朽為神奇的圖片效果處理 128
3.6.1 調整照片色調 129
3.6.2 畫中畫效果 131
3.6.3 外邊框效果 133
3.6.4 卷頁效果 135

第4章 界面要素決定App風格
4.1 扁平化風格界面制作 142
安卓手機界面扁平化風格制作 142
蘋果手機界面扁平化風格制作 147
4.2 立體圖標界面制作 151
彩虹立體按鈕塗圖標界面 151
水晶立體圖標界面 157
金屬質感界面 162
4.3 照片圖像界面制作 166
日照光效界面 166
光效處理界面 170
翻頁照片界面 175
4.4 寫實風格界面制作 179
超寫實風格界面 179
中國風寫實木紋界面 183
4.5 繪畫藝術界面制作 189
手繪塗鴉藝術界面 189
動漫風格藝術界面 195
矢量插畫風格界面 201
第5章 不同應用系統界面
5.1 工具應用系統界面 207
通信主界面 207
鬧鍾應用界面 212
天氣應用界面 216
手電應用界面 219
計算器應用界面 224
5.2 主題應用系統界面 229
超萌繪畫界面 229
簡潔創意界面 236
清新主題手機界面 241
5.3 程序軟件應用系統界面 250
手機社交應用界面 250
手機相機應用界面 254
手機音樂應用界面 258
5.4 游戲應用系統界面 262
經典消除游戲界面 262
棋牌游戲界面 271
闖關游戲界面 280
附錄
A App資源共享 290
A.1 App精致圖標欣賞 290
A.2 你不可不知的界面欣賞 291
A.3 你所需要的分層素材共享 292
B App界面構成組件 293
B.1 主屏模式 294
B.2 聲音 295
B.3 顯示 295
B.4 應用程序管理器 296
B.5 語言和輸入 296
B.6 日期和時間 297
B.7 輔助功能 297
C App產品設計禁忌 298
C.1 App屏幕設計禁忌 298
C.2 App文字設計禁忌 300
C.3 App選項設計禁忌 301
C.4 App按鈕圖標設計禁忌 302
C.5 App空間性設計禁忌 304