邊練邊學：移動UI商業項目設計實戰（簡體書）

本書主要介紹移動端App 界面設計的相關知識。全書共5 章，通過分析教育、電商、醫療、遊戲、餐飲這幾個行業手機界面的特點，講解Android 系統和iOS 系統App 界面設計規範，帶領讀者運用Photoshop 軟件設計、製作出優秀的手機界面。
本書以真實的移動端商業應用項目為載體，涉及業務需求分析、移動端UI UE 流程設計、效果圖設計、設計圖標注與切圖等內容，展現了企業移動端UI 設計開發的真實流程和設計技巧。
本書適為設計相關專業的教材，也適合UI 設計相關從業人員和愛好者閱讀。

目錄

第 1章 iOS手機教育類App界面設計 1

1．1 項目介紹 2

1．1．1 樂動雲課程項目概述 2

1．1．2 教育類App界面設計要求 2

1．2 教育類App設計理論 3

1．2．1 教育類App常見的分類 4

1．2．2 教育類App常見的視覺風格 4

1．2．3 教育類App常見的功能 7

1．3 項目設計規劃 8

1．3．1 主要目標用戶分析 8

1．3．2 功能層級梳理 9

1．4 教育類App界面設計實操 12

1．4．1 iOS系統啟動圖標設計 12

1．4．2 手機App首頁設計 13

1．4．3 教育類App側邊欄設計 17

知識鏈接 18

1．5 切圖、標注規範及設計技巧 20

1．5．1 切圖、標注的常用工具 21

1．5．2 對手機App首頁進行標注 21

1．5．3 對教育類App首頁進行切圖 24

本章總結 27

本章作業 28

第 2章 Android手機電商類App界面設計 29

2．1 項目介紹 30

2．1．1 美麗街項目概述 30

2．1．2 電商類App界面設計要求 30

2．2 電商類App設計理論 32

2．2．1 電商類App常見的分類 32

2．2．2 電商類App的特點 36

2．2．3 電商類App常見的視覺風格 38

2．2．4 電商類App常見的功能 40

2．3 項目設計規劃 43

2．3．1 主要目標用戶分析 43

2．3．2 功能層級梳理 43

2．4 電商類App界面設計實操 45

2．4．1 Android系統啟動圖標設計 45

2．4．2 電商類App關注頁設計 47

2．4．3 電商類App購買頁設計 49

2．4．4 電商類App引導頁設計 51

知識鏈接 53

2．4．5 電商類App按鈕點9切圖 54

知識鏈接 56

本章總結 56

本章作業 57

第3章 醫療類App界面設計 59

3．1 項目介紹 60

3．1．1 項目概述 60

3．1．2 醫療類App界面設計要求 61

3．2 醫療類App設計理論 62

3．2．1 醫療類App常見的分類 62

3．2．2 醫療類App常見的視覺風格 65

3．2．3 醫療類App常見的功能 67

3．3 項目設計規劃 69

3．3．1 主要目標用戶分析 69

3．3．2 功能層級梳理 70

3．4 醫療類App界面設計實操 70

3．4．1 醫療類App啟動圖標設計 71

3．4．2 手機App界面原型圖設計 73

3．4．3 手機App首頁設計 75

3．4．4 一號藥店手機App書架頁設計 78

3．4．5 一號藥店手機App登錄頁設計 81

知識鏈接 82

本章總結 85

本章作業 86

第4章 遊戲類App界面設計 87

4．1 項目介紹 88

4．1．1 項目概述 88

4．1．2 遊戲類App界面設計要求 89

4．2 遊戲類App設計理論 90

4．2．1 遊戲類App常見的分類 90

4．2．2 遊戲類App常見的功能 93

4．2．3 遊戲類App界面設計的原則 98

4．2．4 遊戲類App開發項目組的團隊架構 100

4．3 遊戲類App設計技巧 102

4．3．1 遊戲資源的複用 102

4．3．2 遊戲資源的優化 106

4．3．3 遊戲資源的配置 110

4．4 項目設計規劃 111

4．4．1 主要目標用戶分析 112

4．4．2 功能層級梳理 112

4．5 遊戲類App界面設計實操 113

4．5．1 遊戲類App遊戲主頁設計 113

4．5．2 遊戲類App角色技能頁設計 116

4．5．3 遊戲類App商城頁設計 119

本章總結 120

本章作業 121

第5章 Pad端餐飲類App界面設計 123

5．1 項目介紹 124

5．1．1 項目概述 124

5．1．2 Pad端餐飲類App界面設計要求 124

5．2 餐飲類App設計理論 125

5．2．1 餐飲類App常見的分類 125

5．2．2 餐飲類App常見的功能 128

5．3 Pad終端概述 131

5．3．1 Pad終端基本知識 131

5．3．2 Pad端界面設計規範 132

5．3．3 Pad端界面設計注意事項 133

5．4 項目設計規劃 135

5．4．1 主要目標用戶分析 135

5．4．2 功能層級梳理 135

5．5 Pad端餐飲類App界面設計實操 137

5．5．1 餐飲類App啟動圖標設計 137

5．5．2 餐飲類App歡迎頁設計 138

5．5．3 餐飲類App點餐頁設計 139

本章總結 141

本章作業 142