APP UI主題設計

目　錄

第1章 APP UI設計基礎   1

1.1　APP UI設計入門   2

1.1.1 什麼是APP UI   2

1.1.2 APP UI設計的原則   2

1.1.3 APP UI的表現形式   5

1.1.4 APP UI設計流程   9

1.2　不同系統的APP UI   11

1.2.1 iOS系統   11

1.2.2 Android系統   11

1.2.3 WP系統   12

1.3　APP設計基礎   12

1.3.1 APP UI中的圖片格式   13

1.3.2 設計尺寸規範   13

1.3.3 配色原理   17

1.4　設計師心得   19

1.4.1 APP UI設計師必須掌握的技能   19

1.4.2 APP UI的發展趨勢   20

第2章 Photoshop在APP UI設計中的    基礎應用   23

2.1　APP UI中的基本圖形繪制   24

2.1.1 簡單圖形   24

2.1.2 組合圖形   35

2.1.3 布爾運算   36

2.2　APP UI中的光影處理   41

2.2.1 Photoshop的圖層樣式   41

2.2.2 立體效果   43

2.2.3 發光效果   48

2.2.4 投影效果   53

2.3　設計師心得   57

2.3.1 光影在不同材質上的表現   57

2.3.2 扁平化設計的流行配色方案   62

第3章 APP界面中常見元素設計   65

3.1　常見界面控件設計   66

3.1.1 常見的控件元素   66

3.1.2 按鈕設計   68

3.1.3 對話框設計   72

3.1.4 導航標簽設計   76

3.1.5 進度條設計   82

3.1.6 滑塊按鈕   84

3.1.7 搜索欄   89

3.1.8 列表菜單   92

3.2　圖標的設計   95

3.2.1 扁平化圖標設計   95

3.2.2 線性圖標設計   104

3.2.3 立體圖標設計   110

3.3　設計師心得   116

3.3.1 讓按鈕更吸引人的方法   116

3.3.2 如何設計優秀的應用圖標   118

第4章 常見界面構圖與設計   121

4.1　界面構圖   122

4.1.1 九宮格網格構圖   122

4.1.2 圓心點放射狀構圖   123

4.1.3 三角形構圖   124

4.1.4 S、F形構圖   126

4.2　常見界面設計   130

4.2.1 啟動界面 引導界面   130

4.2.2 登錄界面   136

4.2.3 設置界面   138

4.2.4 空狀態界面   144

4.3　設計師心得   146

4.3.1 APP引導界面設計註意事項   146

4.3.2 界面佈局的基本原則   149

第5章 遊戲類APP UI設計   152

5.1　設計準備與規劃   153

5.1.1 素材準備   154

5.1.2 界面佈局規劃   154

5.1.3 確定風格與配色   154

5.2　界面製作   155

5.2.1 歡迎頁   155

5.2.2 闖關頁   161

5.2.3 設置頁   169

5.2.4 道具購買頁   174

5.3　設計師心得   181

5.3.1 遊戲類APP設計要想方設法吸引用戶   181

5.3.2 遊戲中的按鈕   184

第6章 音樂類APP UI設計   186

6.1　設計準備與規劃   187

6.1.1 素材準備   187

6.1.2 界面佈局規劃   188

6.1.3 確定風格與配色   189

6.2　界面製作   189

6.2.1 首頁   189

6.2.2 個人主頁   196

6.2.3 音樂播放頁   201

6.3　設計師心得   206

6.3.1 Android界面的點九切圖   206

6.3.2 常見的APP登錄界面分析   208

第7章 社交類APP UI設計   212

7.1　設計準備與規劃   213

7.1.1 素材準備   213

7.1.2 界面佈局規劃   214

7.1.3 確定風格與配色   214

7.2　界面製作   215

7.2.1 首頁   215

7.2.2 聊天界面   221

7.2.3 個人主頁   225

7.3　設計師心得   228

7.3.1 APP設計中需要註意的問題   228

7.3.2 平面設計師如何轉型為APP設計師   230

第8章 購物理財類APP UI設計   232

8.1　設計準備與規劃   233

8.1.1 素材準備   233

8.1.2 界面佈局規劃   234

8.1.3 確定風格與配色   235

8.2　界面製作   235

8.2.1 製作主界面   235

8.2.2 製作分類界面   240

8.2.3 製作詳情界面   245

8.3　設計師心得   250

8.3.1 APP中反饋提示的設計方法   250

8.3.2 如何做好扁平化設計   253

第9章 寵物類APP UI設計   256

9.1　設計準備與規劃   257

9.1.1 素材準備   257

9.1.2 界面佈局規劃   258

9.1.3 確定風格與配色   258

9.2　界面製作   259

9.2.1 首頁   259

9.2.2 詳情頁   265

9.2.3 個人主頁   270

9.3　設計師心得   274

9.3.1 界面設計中需要註意的細節   274

9.3.2 設計者需要遵守哪些設計準則   276