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

第1章 初入移動UI設計的世界

1．1 認識移動UI 8

1．1．1 什么是移動UI設計 8

1．1．2 移動UI設計的特點 9

1．1．3 移動UI設計的經(jīng)典案例 10

1．2 移動設備的三大主流平臺和設計的基本原則 12

1．2．1 iOS平臺和設計的基本原則 12

1．2．2 Android平臺和設計的基本原則 15

1．3 常用移動界面 16

1．3．1 常用手機界面 16

1．3．2 常用平板電腦界面 18

1．4 移動UI的草圖設計流程 20

1．5 移動設備界面色彩搭配 21

1．5．1 色彩對移動界面的重要性 21

1．5．2 移動設備界面色彩的搭配方法 21

1．5．3 移動設備中色彩的傳達 23

1．6 移動設備中各尺寸標準 24

1．6．1 手機的基本尺寸標準 24

1．6．2 平板的基本尺寸標準 24

1．6．3 手機的基本分辨率 26

1．6．4 平板的基本分辨率 27

1．7 移動UI使用的注意要點 28

1．7．1 移動UI設計的顏色使用要點 28

1．7．2 移動UI設計的圖案使用要點 32

1．7．3 移動UI設計的字體使用要點 33

第2章 你所不知道的移動UI特性和界面

導航設計

2．1 移動設備的特性 37

2．1．1 高便攜性 37

2．1．2 隱私性 37

2．1．3 應用輕便 37

2．1．4 手機媒體的特性 38

2．1．5 iPad的特性 40

2．2 手摸勢交互特性 42

2．2．1 重復與循環(huán)動作 42

2．2．2 連貫動作法和關鍵動作法 42

2．2．3 夸張的方式制作利于觸碰 43

2．3 移動用戶體驗設計方法 44

2．3．1 有效的人機交互策略 44

2．3．2 移動設備的可用性 45

2．3．3 以用戶為中心的移動UI設計 48

2．3．4 訪客至上的設計秘籍 48

2．4 導航欄和按鈕的設計要點 49

2．4．1 應用的導航欄設計 49 

2．4．2 導航欄返回按鈕 51

2．5 移動應用導航的設計模式 53

2．5．1 跳板式 56

2．5．2 列表菜單式 58

2．5．3 選項卡式 59

2．5．4 陳列館式 60

2．5．5 儀表式和隱喻式 61

2．5．6 超級菜單式 62

2．5．7 圖片輪盤式 62

2．5．8 擴展列表式 63

2．6 2017年移動設備的發(fā)展趨勢 66

2．6．1 隱藏菜單 66

2．6．2 Touch ID的完全控制 66

2．6．3 模糊背景圖片 67

2．6．4 代替?zhèn)鹘y(tǒng)設備的穿戴式終端 67

2．6．5 卡片式設計將會變得更頻繁 67

2．6．6 娛樂與個性化 68

2．6．7 紙質(zhì)化設計 68

2．6．8 精挑細選的配色 68

第3章 Photoshop和移動UI的那些事兒 

3．1 移動UI中基礎圖形的繪制 70

3．1．1 正方形、長方形 72

3．1．2 圓角矩形 74

3．1．3 橢圓 77

3．1．4 組合圖形 83

3．1．5 其他形狀 85

3．2 常見控件的制作 87

3．2．1 按鈕 87

3．2．2 對話框 91

3．2．3 選項條 95

3．2．4 切換條 99

3．2．5 滾動條 103

3．2．6 播放器 108

3．3 圖標的制作 111

3．3．1 時間圖標 111

3．3．2 相機圖標 117

3．3．3 音樂圖標 122

3．3．4 天氣圖標 127

第4章 現(xiàn)在就開始移動手機之旅

4．1 移動手機設置界面 136

手機時鐘設置界面 136

手機聯(lián)系人設置界面 141

手機鎖屏設置界面 146

手機顯示設置界面 150

4．2 移動手機主題界面 154

小清新風格手機主題 154

女性風格手機主題界面 162

可愛風格手機主題界面 166

特效手機主題界面 170

手繪風格手機主題界面 176

4．3 移動手機應用界面 183

手機照片應用界面 183

手機音樂應用界面 189

手機游戲應用界面 197

第5章 超人氣平板界面是這樣煉成的

5．1平板主題界面設計 208

安卓系統(tǒng)主題界面設計 208

蘋果系統(tǒng)主題界面設計 214

Windows系統(tǒng)主題界面設計 220

5．2平板應用游戲界面設計 225

iPad休閑游戲 225

iPad益智游戲 233

5．3平板常用軟件界面設計 240

平板電影高清時代 240

平板娛樂應用界面 248

平板音樂應用界面 253

5．4平板閱讀界面設計 259

iPad電子明信片瀏覽 259

女性網(wǎng)購站點 267

兒童學習教育 277

附錄

01 設計背景 286

觸控目標大小的定義 286

僧多粥少 287

可玩性主要在于手控的操作 288

02 不同類型移動設備的可用性各異 289

iOS移動設備的可用性 290

Android移動設備的可用性 291

03 移動網(wǎng)站與完整版網(wǎng)站 292

移動優(yōu)化的網(wǎng)站 293

為什么完整版網(wǎng)站不適合移動使用 296

移動端比桌面端要求更嚴格 297

響應式設計 299

可用性原則很少非黑即白 301