《移動APP UI設計與製作（微課版）》是2023年清華大學出版社出版社出版的圖書，作者是李榮彬、周毅勇。
基本介紹
- 中文名：移動APP UI設計與製作（微課版）
- 作者：李榮彬、周毅勇
- 出版時間：2023年9月
- 出版社：清華大學出版社
- 頁數：288 頁
- ISBN：9787302645184
- 定價：108 元
圖書目錄
目錄
CONTENTS
第1章 UI設計知識講解
1.1 UI設計的基本概念 2
1.2 UI設計的組成 2
1.2.1 用戶研究 2
1.2.2 互動設計 3
1.2.3 界面設計 3
1.3 UI設計原則 3
1.4 了解移動App操作平台 5
1.4.1 蘋果iOS系統5
1.4.2 Android系統 5
1.5 UI設計流程 5
第2章 App UI設計要點
2.1 UI設計的常用構圖類型 8
2.1.1 格線構圖 8
2.1.2 環形構圖 8
2.1.3 三角形構圖 9
2.1.4 折線形構圖 9
2.1.5 列表型構圖 10
2.2 布局設計的要素 10
2.2.1 界面的留白 10
2.2.2 界面內容的對齊方式 11
2.2.3 界面內容的間距 12
2.2.4 界面內容的層次 12
2.3 UI設計中的色彩 14
2.3.1 主色/輔助色/點綴色 14
2.3.2 如何配色 15
第3章 iOS設計原則及規範
3.1 iOS設計原則 18
3.1.1 統一化 18
3.1.2 凸顯內容 18
3.1.3 適應化 19
3.1.4 層級性 20
3.1.5 易操作性 20
3.2 iOS界面尺寸與控制項的設計規範 21
3.2.1 界面尺寸 21
3.2.2 界面三大要素 22
3.2.3 欄 22
3.2.4 字型規範 24
3.2.5 色彩控制項規範 27
3.2.6 按鈕控制項規範 27
3.2.7 分割線規範 28
3.2.8 頭像規範 28
3.2.9 提示框規範 29
3.2.10 輸入框規範 29
3.2.11 間距規範 29
3.2.12 圖示規範 30
第4章 圖示設計
4.1 圖示概述 32
4.1.1 圖示的定義 32
4.1.2 圖示的重要性 32
4.2 圖示的類型 33
4.2.1 擬物圖示 33
4.2.2 扁平圖示 34
4.2.3 微扁平、輕擬物 34
4.2.4 線性圖示 35
4.2.5 面性圖示 35
4.2.6 文字圖示 35
4.2.7 “新擬物”風格圖示 36
4.3 套用圖示的設計風格 36
4.3.1 中文文字圖示 36
4.3.2 英文字母圖示 37
4.3.3 數字圖示 38
4.3.4 特殊符號圖示 38
4.3.5 圖形圖示 39
案例——繪製日曆工具圖示 41
案例——繪製計算器工具圖示 46
案例——繪製繪圖工具圖示 53
案例——繪製音樂播放工具圖示 58
4.4 App中的功能圖示 63
4.5 功能圖示的風格 64
4.5.1 線性圖示 64
4.5.2 面形圖示 64
4.5.3 MBE圖示 65
4.6 圖示繪製方法 66
4.6.1 布爾運算 66
4.6.2 貝塞爾曲線 66
案例——製作keyline線 67
案例——繪製線性圖示 70
案例——繪製剪影圖示 73
案例——繪製MBE風格圖示 77
4.7 功能圖示的套用 82
第5章 基礎UI控制項製作
5.1 什麼是UI控制項84
5.2 UI控制項的互動分類 84
5.3 常見基礎控制項 84
案例——製作簡潔開關控制項 85
案例——製作立體開關控制項 88
案例——製作條狀載入進度條控制項 93
案例——製作環狀載入進度條控制項 98
案例——製作滑塊控制項 101
案例——製作增益調節控制項 110
案例——製作音頻播放控制項 123
第6章 閃屏頁設計
6.1 閃屏頁的概念 130
6.2 閃屏頁的常見類型 130
6.2.1 品牌宣傳型 130
6.2.2 節假關懷型 130
6.2.3 廣告運營型 131
案例——製作品牌宣傳型閃屏頁 132
案例——製作廣告運營型閃屏頁 136
案例——製作節氣關懷型閃屏頁 142
案例——製作節日關懷型閃屏頁 145
第7章 引導頁設計
7.1 引導頁的概念 150
7.2 引導頁的常見類型 150
7.2.1 功能介紹型 150
7.2.2 情感代入型 151
7.3 浮層引導頁 151
案例——製作功能介紹型引導頁 152
案例——製作閱讀App引導頁 156
案例——製作食譜App引導頁 160
案例——製作移動辦公App引導頁 164
案例——製作兒童教育App引導頁 170
案例——製作浮層引導頁 176
第8章 空白頁設計
8.1 空白頁的概念 182
8.2 空白頁的常見類型 182
8.2.1 首次進入型 182
8.2.2 錯誤提示型 182
案例——製作購物車空白頁 183
案例——製作頁面丟失提示空白頁 186
案例——製作訊息中心空白頁 188
案例——製作資料審核空白頁 192
第9章 首頁設計
9.1 首頁的概念 196
9.2 首頁的常見類型 196
9.2.1 列表型 196
9.2.2 圖示型 197
9.2.3 卡片型 197
9.2.4 綜合型 197
案例——製作外賣App首頁 198
案例——製作健身App首頁 205
第10章 個人中心頁設計
10.1 個人中心頁的概念214
10.2 個人中心頁的常見形式214
案例——製作個人中心頁 215
案例——製作學習類App個人中心頁 221
第11章 列表頁設計
11.1 列表頁的概念228
11.2 列表頁的常見類型228
11.2.1 單行列表 228
11.2.2 雙行列表 228
11.2.3 時間軸 229
11.2.4 圖庫列表 229
案例——製作圖庫列表頁 230
案例——製作天氣預報App列表頁 233
第12章 播放頁設計
12.1 播放頁的概念240
12.2 播放頁的分類240
案例——製作音樂播放頁 241
案例——製作音頻播放頁 248
第13章 詳情頁設計
13.1 詳情頁的概念256
13.2 詳情頁的常見類型256
案例——製作購物App詳情頁 257
案例——製作相冊App詳情頁 265
案例——製作旅遊景點介紹詳情頁 270
案例——製作食譜詳情頁 275
