《設計必修課：Adobe XD移動UI設計（微課視頻版）》是2022年電子工業出版社出版的圖書，作者是盧斌。
基本介紹
- 中文名：設計必修課：Adobe XD移動UI設計（微課視頻版）
- 作者：盧斌
- 類別：計算機、網路
- 出版社：電子工業出版社
- 出版時間：2022年3月
- 頁數：256 頁
- 定價：89 元
- 開本：16 開
- 裝幀：平裝-膠訂
- ISBN：9787121430299
內容簡介,圖書目錄,作者簡介,
內容簡介
本書從實用的角度出發，全面、系統地講解了Adobe XD的各項功能和使用方法。書中內容基
本涵蓋了Adobe XD中的大多數工具的使用方法和重要功能，並將多個精彩實例和移動UI設計規範貫
穿於全書講解的過程中，操作一目了然，語言通俗易懂，適合讀者自學。
圖書目錄
第1章 了解Adobe XD
1.1 移動端UI設計基礎 1
1.1.1 了解移動UI設計 1
1.1.2 iOS系統與Android系統 2
1.1.3 移動端與PC端UI設計的區別 6
1.2 移動UI設計流程 8
1.2.1 需求分析 8
1.2.2 互動原型設計 9
1.2.3 視覺界面設計 9
1.3 移動UI設計常用工具 10
1.4 關於Adobe XD 13
1.4.1 Adobe XD簡介 13
1.4.2 Adobe XD的套用領域 14
1.4.3 Adobe XD的特點 14
1.5 下載和安裝Adobe XD 14
1.5.1 下載Adobe XD 15
1.5.2 套用案例——安裝和啟動Adobe XD 15
1.5.3 使用Creative Cloud Cleaner Tool 16
1.6 Adobe XD的工作界面 17
1.6.1 選單欄 17
1.6.2 工具列 18
1.6.3 模式欄 19
1.6.4 “屬性”面板 19
1.6.5 工作區域 19
1.7 Adobe XD的幫助資源 20
1.8 解惑答疑 22
1.8.1 Adobe XD的工作流程是怎樣的 22
1.8.2 Adobe XD的試用時間為多長 22
1.9 總結擴展 22
1.9.1 本章小結 22
1.9.2 擴展練習——卸載Adobe XD 22
第2章 Adobe XD的基本操作
2.1 主頁 24
2.2 新建檔案 25
2.3 創建和管理畫板 25
2.3.1 創建新畫板 25
2.3.2 套用案例——創建iOS系統App檔案 27
2.3.3 使用現有畫板 28
2.3.4 管理畫板 28
2.3.5 套用案例——創建Android系統App檔案 31
2.4 打開檔案 32
2.4.1 “從您的計算機中打開”命令 32
2.4.2 “打開”命令 33
2.4.3 “在您的計算機上”按鈕 33
2.4.4 “近打開檔案”命令 34
2.5 導入檔案 34
2.6 存儲檔案 35
2.6.1 “保存”命令 35
2.6.2 “存儲為本地文檔”命令 36
2.6.3 “重命名”命令 36
2.6.4 套用案例——保存iOS和Android系統UI檔案 37
2.7 獲取用戶界面套件 37
2.8 撤銷與恢復操作 38
2.8.1 還原與重做 38
2.8.2 恢復檔案 38
2.8.3 文檔歷史記錄 39
2.9 輔助工具 39
2.9.1 套用案例——為iOS系統UI設計創建參考線 39
2.9.2 管理參考線 40
2.9.3 使用智慧型參考線 41
2.9.4 套用格線定位對象 41
2.9.5 管理格線 42
2.10 解惑答疑 44
2.10.1 如何在iOS或Android設備中預覽XD設計 44
2.10.2 Adobe XD為何不提示用戶將檔案保存在Windows中 44
2.11 總結擴展 44
2.11.1 本章小結 44
2.11.2 擴展練習——為Android系統 UI設計添加參考線 45
第3章 使用Adobe XD完成原型設計
3.1 創建對象 46
3.1.1 使用“矩形工具”創建對象 46
3.1.2 使用“橢圓工具”創建對象 47
3.1.3 使用“直線工具”創建對象 47
3.1.4 使用“多邊形工具”創建對象 47
3.1.5 使用“鋼筆工具”創建對象 49
3.2 為對象設定樣式 51
3.2.1 設定填充、邊界和陰影 52
3.2.2 套用案例——繪製iOS系統的狀態欄圖示 57
3.2.3 布爾運算 59
3.2.4 套用案例——繪製iOS系統Wi-Fi和電池圖示 61
3.2.5 形狀蒙版 62
3.2.6 創建重複元素 63
3.3 編輯對象 64
3.3.1 選擇和移動對象 64
3.3.2 複製、貼上和刪除對象 65
3.3.3 對齊、分布和排列對象 66
3.3.4 套用案例——設計製作扁平風格裝飾圖示 68
3.3.5 調整和旋轉對象 71
3.3.6 編組和鎖定對象 72
3.3.7 套用案例——設計製作視頻App啟動圖示 73
3.4 創建文本 76
3.4.1 輸入文本 76
3.4.2 拼寫檢查 77
3.4.3 導入文本 77
3.5 管理文本 79
3.5.1 設定文本格式 79
3.5.2 文本變換 81
3.5.3 調整段落文本的寬和高 82
3.5.4 套用案例——設計製作App高保真原型的上新部分 84
3.6 設計畫板 86
3.6.1 創建垂直滾動 86
3.6.2 創建滾動組 87
3.6.3 套用案例——設計製作App高保真原型的推薦部分 89
3.7 解惑答疑 90
3.7.1 如何使用“多邊形工具”繪製“收藏”圖示 90
3.7.2 App圖示集的工作流程是否與UI設計一致 91
3.8 總結擴展 92
3.8.1 本章小結 93
3.8.2 擴展練習—— 設計製作Android系統App原型界面 93
第4章 使用Adobe XD完成UI設計
4.1 使用處理設計系統 94
4.1.1 創建庫資源 94
4.1.2 管理庫資源 97
4.1.3 共享庫資源 99
4.1.4 套用案例——創建移動UI處理設計系統 101
4.2 使用圖層 102
4.2.1 “圖層”面板 102
4.2.2 搜尋圖層 102
4.2.3 管理圖層 103
4.2.4 套用案例——繪製App收藏界面的心形元素 105
4.3 為對象設定效果 106
4.3.1 使用模糊效果 107
4.3.2 套用案例——設計製作App收藏界面 108
4.3.3 使用混合效果 109
4.3.4 套用案例——繪製App界面中的卡片模組 112
4.4 設計UI界面的結構 113
4.4.1 回響式調整大小 113
4.4.2 創建和使用組件 115
4.4.3 套用案例——設計製作Android系統App主題界面 116
4.4.4 覆蓋組件實例 118
4.4.5 為組件添加多個狀態 119
4.4.6 套用案例——為移動端UI設計添加不同狀態 121
4.4.7 使用嵌套組件 123
4.5 使用3D變換進行透視設計 124
4.5.1 啟用3D變換 124
4.5.2 旋轉物體 125
4.5.3 套用案例——繪製App界面的基礎結構 125
4.5.4 使用Z軸套用深度 128
4.5.5 套用案例——設計製作Android系統App點餐界面 128
4.6 解惑答疑 130
4.6.1 如何確定移動App UI項目中的配色 130
4.6.2 如何處理Adobe XD中的缺失字型 131
4.7 總結擴展 132
4.7.1 本章小結 132
4.7.2 擴展練習——設計製作iOS系統圖片瀏覽界面 133
第5章 使用Adobe XD完成UX設計
5.1 添加互動 134
5.1.1 設定主頁螢幕 134
5.1.2 建立連結 135
5.1.3 設定互動效果 137
5.1.4 套用案例——設計製作App聊天氣泡互動動效 140
5.1.5 連結上一個畫板 144
5.1.6 取消連結 144
5.1.7 套用案例——設計製作App貓爪選單互動動效 144
5.2 互動動畫 147
5.2.1 創建互動動畫 147
5.2.2 套用案例——設計製作App刪除和置頂互動動效 148
5.3 使用其他方式創建互動 152
5.3.1 使用鍵盤和遊戲手柄創建互動 152
5.3.2 使用“語音”命令和“語音放”操作類型創建互動 153
5.4 創建定時過渡 155
5.4.1 使用“時間”觸發條件創建互動 155
5.4.2 套用案例—— 設計製作App載入界面互動動效 155
5.5 添加疊加 157
5.5.1 使用“疊加”操作類型創建互動 157
5.5.2 套用案例——設計製作App搜尋界面互動動效 157
5.6 創建錨點連結 159
5.7 預覽UI與UX設計 160
5.7.1 預覽UI設計 161
5.7.2 套用案例——預覽App界面中的互動動效 162
5.8 解惑答疑 164
5.8.1 互動用戶的工作內容 164
5.8.2 動效設計製作工具有哪些 165
5.9 總結擴展 167
5.9.1 本章小結 167
5.9.2 擴展練習——設計製作App界面中的輪播圖 167
第6章 輸出、標註和共享UI設計
6.1 使用Adobe XD輸出設計資源 169
6.1.1 導出切片資源 169
6.1.2 不同格式的切片資源 172
6.2 輸出iOS系統的UI設計 175
6.2.1 iOS系統向下和向上適配 176
6.2.2 適配切片命名規範 178
6.2.3 套用案例——完成iOS系統UI界面的切片輸出 180
6.3 輸出Android系統的UI設計 181
6.3.1 Android系統中的“點9”切圖 181
6.3.2 適配輸出中的一稿兩用 185
6.3.3 套用案例——完成Android系統UI界面的切片輸出 186
6.4 標註移動App UI設計 187
6.4.1 App界面標註內容 187
6.4.2 標註的聲明文檔 188
6.4.3 套用案例——使用PxCook標註App瀏覽界面 189
6.4.4 UI設計的標註規範 190
6.4.5 套用案例——使用PxCook標註App主題界面 192
6.5 共享移動App UI設計 193
6.5.1 共享UI設計 193
6.5.2 使用共享UI設計 197
6.5.3 創建共享連結 198
6.5.4 套用案例——共享移動App UI界面 200
6.5.5 使用設計規範 200
6.5.6 套用案例——發布與共享App的設計規範 202
6.6 解惑答疑 203
6.6.1 切片的尺寸為什麼必須是雙數 203
6.6.2 如何協同編輯共享的UI設計 203
6.7 總結擴展 203
6.7.1 本章小結 204
6.7.2 擴展練習——完成UI界面的切片輸出 204
第7章 綜合案例
7.1 設計製作美妝App項目 205
7.1.1 美妝App項目分析 205
7.1.2 製作美妝App草圖 206
7.1.3 美妝App界面色彩搭配 208
7.1.4 美妝App界面元素分析 209
7.1.5 美妝App UI設計 211
7.1.6 美妝App 互動設計 213
7.1.7 輸出美妝App切片資源 215
7.1.8 標註美妝App 217
7.2 設計製作社交App項目 219
7.2.1 社交App項目分析 220
7.2.2 製作社交App草圖 220
7.2.3 社交App界面色彩搭配 222
7.2.4 社交App界面元素分析 223
7.2.5 社交App UI設計 225
7.2.6 社交App互動設計 227
7.2.7 輸出社交App切片資源 230
7.2.8 標註社交App 232
7.3 設計製作日曆App項目 234
7.3.1 日曆App項目分析 234
7.3.2 製作日曆App草圖 234
7.3.3 日曆App界面色彩搭配 237
7.3.4 日曆App界面元素分析 237
7.3.5 日曆App UI設計 239
7.3.6 日曆App互動設計 240
7.3.7 輸出日曆App切片資源 242
7.3.8 標註日曆App 244
作者簡介
盧斌，男，博士，雲南美術家協會會員，雲南藝術學院任教，致力於視覺藝術與設計、設計形態學領域的研究和探索，設計作品多次獲省級獎項。從事UI設計多年，有豐富的移動UI設計經驗，熟練使用Axure RP和Adobe XD等設計軟體，曾出版Indesing CS6完全自學一本通等圖書。
