《APP UI設計手冊（第2版）》是2023年8月1日清華大學出版社出版的圖書，作者是劉麗。
基本介紹
- 中文名：APP UI設計手冊（第2版）
- 作者：劉麗
- 出版時間：2023年8月1日
- 出版社：清華大學出版社
- ISBN：9787302638926
- 定價：69.80 元
- 印次：2-1
- 印刷日期：2023年7月31日
內容簡介,圖書目錄,
內容簡介
《APP UI設計手冊（第2版）》是一本全面介紹APP UI設計的圖書，特點是知識易懂、案例易學，在強調創意設計的同時，套用案例博採眾長，舉一反三。
《APP UI設計手冊（第2版）》從學習APP UI設計的基礎知識入手，由淺入深地為讀者呈現出一個個精彩實用的知識、技巧。本書共分7章，內容分別為APP UI設計的原理、APP UI設計的基礎知識、APP UI設計的基礎色、APP UI設計的元素、APP UI 設計的行業分類、APP UI設計的風格、APP UI設計秘籍。同時，本書還在多個章節中安排了案例解析、設計技巧、配色方案、設計欣賞、設計實戰、設計秘籍等經典模組，既豐富了本書內容，也增強了實用性。
《APP UI設計手冊（第2版）》內容豐富、案例精彩、版式設計新穎，既適合從事APP UI設計、平面設計、廣告設計、網頁設計等專業的初級讀者學習使用，也可以作為大中專院校平面設計專業及平面設計培訓機構的教材。此外，還非常適合喜愛平面設計和APP UI設計的讀者參考使用。
圖書目錄
第1章 APP UI 設計的原理
1.1 APP UI 設計的概念 2
1.2 APP UI 與用戶體驗 2
1.3 APP UI 設計的點、線、面 3
1.3.1 點 3
1.3.2 線 3
1.3.3 面 4
1.4 尺寸與規則5
1.4.1 IOS 5
1.4.2 Android 6
1.5 APP UI 設計的原則 7
1.5.1 突出性原則 7
1.5.2 商業性原則 7
1.5.3 趣味性原則 8
1.5.4 藝術性原則 8
1.6 APP UI 設計的法則 9
1.6.1 形式美法則 9
1.6.2 平衡法則 10
1.6.3 視覺法則 10
1.6.4 聯想法則 10
1.6.5 直接展示法則 11
第2章 APP UI設計的基礎知識
2.1 UI 與色彩13
2.1.1 色相、明度、純度 14
2.1.2 主色、輔助色、點綴色 14
2.1.3 鄰近色、對比色16
2.2 APP UI 設計的布局 16
2.2.1 對稱式 17
2.2.2 曲線式 17
2.2.3 傾斜式 18
2.2.4 中軸式 18
2.2.5 文字式 18
2.2.6 圖片式 19
2.2.7 自由式 19
2.2.8 背景式 20
2.2.9 水平式 20
2.2.10 引導式20
第3章 APP UI設計的基礎色
3.1 紅 22
3.1.1 認識紅色 22
3.1.2 洋紅& 胭脂紅 23
3.1.3 玫瑰紅& 寶石紅 23
3.1.4 朱紅& 絳紅 24
3.1.5 山茶紅& 淺玫瑰紅24
3.1.6 火鶴紅& 鮭紅 25
3.1.7 殼黃紅& 淺粉色 25
3.1.8 勃艮第酒紅& 鮮紅26
3.1.9 灰玫紅& 優品紫紅26
3.2 橙 27
3.2.1 認識橙色 27
3.2.2 橙色& 柿子橙 28
3.2.3 橘紅色& 橘色 28
3.2.4 太陽橙& 熱帶橙 29
3.2.5 橙黃& 杏黃 29
3.2.6 米色& 蜂蜜色 30
3.2.7 沙棕色& 琥珀色30
3.2.8 駝色& 咖啡色 31
3.2.9 棕色& 朱古力色 31
3.3 黃 32
3.3.1 認識黃色 32
3.3.2 黃色& 鉻黃 33
3.3.3 金色& 檸檬黃 33
3.3.4 含羞草黃& 月光黃34
3.3.5 香蕉黃& 香檳黃34
3.3.6 金盞花黃& 薑黃色35
3.3.7 象牙黃& 奶黃 35
3.3.8 那不勒斯黃& 卡其黃 36
3.3.9 芥末黃& 黃褐色 36
3.4 綠 37
3.4.1 認識綠色 37
3.4.2 黃綠& 葉綠 38
3.4.3 草綠& 蘋果綠 38
3.4.4 嫩綠& 苔蘚綠 39
3.4.5 奶綠& 鈷綠 39
3.4.6 青瓷綠& 孔雀綠40
3.4.7 鉻綠& 翡翠綠 40
3.4.8 粉綠& 松花色 41
3.4.9 竹青& 墨綠 41
3.5 青 42
3.5.1 認識青色 42
3.5.2 青& 水青色 43
3.5.3 海青& 湖青綠 43
3.5.4 青綠色& 瓷青 44
3.5.5 淡青& 白青 44
3.5.6 花淺蔥& 鴉青 45
3.5.7 青灰& 深青 45
3.5.8 青藍& 靛青 46
3.5.9 群青& 藏青 46
3.6 藍 47
3.6.1 認識藍色 47
3.6.2 藍& 矢車菊藍 48
3.6.3 皇室藍& 寶石藍48
3.6.4 淺藍& 冰藍 49
3.6.5 天藍& 湛藍 49
3.6.6 灰藍& 水墨藍 50
3.6.7 午夜藍& 藍黑色50
3.6.8 孔雀藍& 海藍 51
3.6.9 鈷藍& 深藍 51
3.7 紫 52
3.7.1 認識紫色 52
3.7.2 紫色& 薰衣草紫 53
3.7.3 淡紫色& 雪青色 53
3.7.4 薔薇紫& 錦葵紫54
3.7.5 三色堇紫& 蝴蝶花紫 54
3.7.6 藕荷色& 嫩木槿 55
3.7.7 灰紫色& 葡萄紫色55
3.7.8 丁香紫& 紫藤色 56
3.7.9 紫風信子& 藍紫色56
3.8 黑、白、灰 57
3.8.1 認識黑、白、灰57
3.8.2 白& 亮灰 58
3.8.3 淺灰&50% 灰 58
3.8.4 黑灰& 黑 59
第4章 APP UI 設計的元素
4.1 標誌 61
4.1.1 簡約素雅的標誌設計62
4.1.2 趣味多彩的標誌設計63
4.1.3 標誌設計技巧——圖文結合的設計方法 64
4.1.4 標誌設計欣賞 64
4.2 圖案 65
4.2.1 風格多變的圖示設計66
4.2.2 套用界面的圖案設計67
4.2.3 圖案設計技巧——造型獨特的圖案68
4.2.4 圖案設計賞析 68
4.3 色彩 69
4.3.1 繽紛多彩的色彩設計 70
4.3.2 單一色調的色彩設計71
4.3.3 色彩設計技巧——統計圖的套用 72
4.3.4 色彩設計欣賞 72
4.4 字型 73
4.4.1 套用中的字型設計 74
4.4.2 圖示中的字型設計 75
4.4.3 字型設計技巧——文字樣式的修改76
4.4.4 字型設計賞析 76
4.5 導航欄 77
4.5.1 頂部與底部的導航欄設計 78
4.5.2 “漢堡包選單”的導航欄設計 79
4.5.3 導航欄設計技巧——適用螢幕旋轉的設計80
4.5.4 導航欄設計賞析 80
4.6 主視圖 81
4.6.1 骨骼型的主視圖設計82
4.6.2 重心型的主視圖設計83
4.6.3 主視圖設計技巧——採用不同的設計版式84
4.6.4 主視圖設計賞析 84
4.7 工具列 85
4.7.1 固定工具列設計86
4.7.2 浮動工具列設計87
4.7.3 工具列設計技巧——帶搜尋功能的工具列88
4.7.4 工具列設計賞析88
4.8 設計實戰：社交軟體用戶信息界面設計89
4.8.1 設計思路 89
4.8.2 配色方案 89
4.8.3 版面構圖 91
4.8.4 色彩 91
4.8.5 字型 92
4.8.6 導航欄 92
第5章 APP UI 設計的行業分類
5.1 遊戲類APP UI 設計 94
5.1.1 遊戲類APP UI 設計——休閒類遊戲95
5.1.2 遊戲類APP UI 設計——動作冒險類遊戲96
5.2 社交類APP UI 設計 98
5.2.1 社交類APP UI 設計——電話簡訊 99
5.2.2 社交類APP UI 設計——聊天交友 100
5.3 購物類APP UI 設計 102
5.3.1 購物類APP UI 設計——服裝類 103
5.3.2 購物類APP UI 設計——產品類 104
5.4 工具類APP UI 設計 106
5.4.1 工具類APP UI 設計——地圖導航 107
5.4.2 工具類APP UI 設計——天氣預報 108
5.5 生活類APP UI 設計110
5.5.1 生活類APP UI 設計——旅遊111
5.5.2 生活類APP UI 設計——外賣112
5.6 娛樂類APP UI 設計 114
5.6.1 娛樂類APP UI 設計——音樂播放器115
5.6.2 娛樂類APP UI 設計——視頻播放器116
5.7 閱讀類APP UI 設計 118
5.7.1 閱讀類APP UI 設計——小說閱讀器119
5.7.2 閱讀類APP UI 設計——漫畫閱讀器 120
5.8 拍攝美化類APP UI 設計 122
5.8.1 拍攝美化類APP UI設計——相機 123
5.8.2 拍攝美化類APP UI設計——美化圖片 124
5.9 新聞類APP UI 設計 126
5.9.1 新聞類APP UI 設計——新聞資訊 127
5.9.2 新聞類APP UI 設計——報紙雜誌 128
5.10 設計實戰：辦公類APP UI 設計流程詳解 130
5.10.1 設計思路 130
5.10.2 配色方案 131
5.10.3 版面構圖 132
5.10.4 首頁 132
5.10.5 收件箱133
5.10.6 編寫郵件 133
第6章 APP UI設計的風格
6.1 安全 135
6.1.1 安全——登錄界面的UI 設計 136
6.1.2 安全——界面提示彈窗的UI 設計 137
6.2 清新 139
6.2.1 清新——明亮色彩的UI 設計 140
6.2.2 清新——形象可愛的UI 設計 141
6.3 科技 143
6.3.1 科技——指紋識別UI 設計 144
6.3.2 科技——天氣預報UI 設計 145
6.4 涼爽 147
6.4.1 涼爽——顏色 148
6.4.2 涼爽——乾淨簡潔的UI 設計 149
6.5 美味 151
6.5.1 美味——烹飪類套用的UI 設計 152
6.5.2 美味——訂餐類套用的UI 設計 153
6.6 熱情 155
6.6.1 熱情——色彩明快的UI 設計 156
6.6.2 熱情——活力四射的運動類UI 設計 157
6.7 高端 159
6.7.1 高端——奢侈品套用的UI 設計 160
6.7.2 高端——個人定製的UI 設計 161
6.8 浪漫 163
6.8.1 浪漫——粉色系UI 設計164
6.8.2 浪漫——套用花朵元素的UI 設計 165
6.9 硬朗 167
6.9.1 硬朗——遊戲界面中堅硬感的UI 設計168
6.9.2 硬朗——穩定沉穩的UI 設計 169
6.10 純淨171
6.10.1 純淨——簡約純潔的UI 設計 172
6.10.2 純淨——線條感十足的UI 圖示設計 173
6.11 復古175
6.11.1 復古——像素遊戲的UI 設計 176
6.11.2 復古——使用傳統物品進行UI 圖示設計177
6.12 扁平化與擬物化 179
6.12.1 扁平化風格 180
6.12.2 擬物化風格 181
6.13 設計實戰：手機遊戲啟動界面設計183
6.13.1 設計思路183
6.13.2 配色方案183
6.13.3 版面構圖185
6.13.4 涼爽185
6.13.5 硬朗186
6.13.6 清新186
第7章 APP UI 設計秘籍
7.1 UI 設計中的版式布局 188
7.2 通過實例來了解UI 189
7.3 顏色的合理搭配 190
7.4 圖示的物理尺寸與實際尺寸 191
7.5 常用的設計尺寸 192
7.6 MBE 風格的設計 193
7.7 開放式路徑圖示的妙用 194
7.8 列表的設計方式 195
7.9 字型的使用 196
7.10 界面空間的節省 197
7.11 貼近場景的顯示切換 198
7.12 歡迎界面的設計 199
7.13 互動方式的設計 200
7.14 視覺風格的設計 201
