創(chuàng)意UI Photoshop玩轉(zhuǎn)App設計（第2版）

第1章 一起踏入App的世界 

1．1 初識App 8

1．1．1 什么是App 8

1．1．2 手機App與平面UI的區(qū)別 9

1．1．3 兩大智能手機的操作系統(tǒng) 11

1．1．4 App的設計要點 12

1．1．5 常見App設計的經(jīng)典案例 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 設備中圖標尺寸大小規(guī)格 26

1．5．1 圖標尺寸 27

1．5．2 圖標格式 27

1．6 App的界面構(gòu)成 28

1．6．1 導航欄 30

1．6．2 屏幕欄 31

1．6．3 下方按鈕欄 31

1．7 給你的App一點顏色看看 32

1．7．1 冷暖色調(diào)對比 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 注重圖標的創(chuàng)新性 50

2．2．3 圖標設計的連續(xù)性 51

2．3 App的下載平臺 53

2．3．1 安卓系統(tǒng)下載平臺 56

2．3．2 iOS系統(tǒng)下載平臺 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創(chuàng)作個性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 安卓系統(tǒng)啟動圖標 103

3．3．2 iOS系統(tǒng)啟動圖標 105

3．4 個性圖標的制作 106

3．4．1 扁平化圖標 107

3．4．2 高清質(zhì)感圖標 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 調(diào)整照片色調(diào) 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

金屬質(zhì)感界面 162

4．3 照片圖像界面制作 166

日照光效界面 166

光效處理界面 170

翻頁照片界面 175

4．4 寫實風格界面制作 179

超寫實風格界面 179

中國風寫實木紋界面 183

4．5 繪畫藝術界面制作 189

手繪涂鴉藝術界面 189

動漫風格藝術界面 195

矢量插畫風格界面 201

第5章 不同應用系統(tǒng)界面

5．1 工具應用系統(tǒng)界面 207

通信主界面 207

鬧鐘應用界面 212

天氣應用界面 216

手電應用界面 219

計算器應用界面 224

5．2 主題應用系統(tǒng)界面 229

超萌繪畫界面 229

簡潔創(chuàng)意界面 236

清新主題手機界面 241

5．3 程序軟件應用系統(tǒng)界面 250

手機社交應用界面 250

手機相機應用界面 254

手機音樂應用界面 258

5．4 游戲應用系統(tǒng)界面 262

經(jīng)典消除游戲界面 262

棋牌游戲界面 271

闖關游戲界面 280

附錄

A App資源共享 290

A．1 App精致圖標欣賞 290

A．2 你不可不知的優(yōu)秀界面欣賞 291

A．3 你所需要的分層素材共享 292

B App界面構(gòu)成組件 293

B．1 主屏模式 294

B．2 聲音 295

B．3 顯示 295

B．4 應用程序管理器 296

B．5 語言和輸入 296

B．6 日期和時間 297

B．7 輔助功能 297

C App產(chǎn)品設計禁忌 298

C．1 App屏幕設計禁忌 298

C．2 App文字設計禁忌 300

C．3 App選項設計禁忌 301

C．4 App按鈕圖標設計禁忌 302

C．5 App空間性設計禁忌 304