設計必修課：Adobe XD 移動 UI 設計 (微課視頻版)

購買商店

設計必修課：Adobe XD 移動 UI 設計 (微課視頻版)

$534.00

馬上購買

內容描述

本書從實用的角度出發，全面、系統地講解了Adobe XD的各項功能和使用方法。書中內容基本涵蓋了Adobe XD中的大多數工具的使用方法和重要功能，並將多個精彩實例和移動UI設計規範貫穿於全書講解的過程中，操作一目瞭然，語言通俗易懂，適合讀者自學。本書適合移動App設計人員、動畫製作人員、網頁設計人員、大中專院校學生及交互式原型愛好者等參考閱讀。

目錄大綱

□□章了解Adobe XD
1．1 移動端UI設計基礎1
1．1．1 了解移動UI設計1
1．1．□ iOS系統與Android系統□
1．1．3 移動端與PC端UI設計的區別6
1．□ 移動UI設計流程8
1．□．1 需求分析8
1．□．□ 交互原型設計9
1．□．3 視覺界面設計9
1．3 移動UI設計常用工具10
1．4 關於Adobe XD13
1．4．1 Adobe XD簡介13
1．4．□ Adobe XD的應用領域14
1．4．3 Adobe XD的特點14
1．5 下載和安裝Adobe XD14
1．5．1 下載Adobe XD15
1．5．□ 應用案例――安裝和啟動Adobe XD15
1．5．3 使用Creative Cloud Cleaner Tool16
1．6 Adobe XD的工作界面17
1．6．1 菜單欄17
1．6．□ 工具欄18
1．6．3 模式欄19
1．6．4 “屬性”面板19
1．6．5 工作區域19
1．7 Adobe XD的幫助資源□0
1．8 解惑答疑□□
1．8．1 Adobe XD的工作流程是怎樣的□□
1．8．□ Adobe XD的試用時間為多長□□
1．9 z結擴展□□
1．9．1 本章小結□□
1．9．□ 擴展練習――卸載Adobe XD□□
D□章Adobe XD的基本操作
□．1 主頁□4
□．□ 新建文件□5
□．3 創建和管理畫板□5
□．3．1 創建新畫板□5
□．3．□ 應用案例――創建iOS系統App文件□7
□．3．3 使用現有畫板□8
□．3．4 管理畫板□8
□．3．5 應用案例――創建Android系統App文件31
□．4 打開文件3□
□．4．1 “從您的計算機中打開”命令3□
□．4．□ “打開”命令33
□．4．3 “在您的計算機上”按鈕33
□．4．4 “□近打開文件”命令34
□．5 導入文件34
□．6 存儲文件35
□．6．1 “保存”命令35
□．6．□ “存儲為本地文檔”命令36
□．6．3 “重命名”命令36
□．6．4 應用案例――保存iOS和Android系統UI文件37
□．7 獲取用戶界面套件37
□．8 撤銷與恢復操作38
□．8．1 還原與重做38
□．8．□ 恢復文件38
□．8．3 文檔歷史記錄39
□．9 輔助工具39
□．9．1 應用案例――為iOS系統UI設計創建參考線39
□．9．□ 管理參考線40
□．9．3 使用智能參考線41
□．9．4 應用網格定位對象41
□．9．5 管理網格4□
□．10 解惑答疑44
□．10．1 如何在iOS或Android設備中預覽XD設計44
□．10．□ Adobe XD為何不提示用戶將文件保存在Windows中44
□．11 z結擴展44
□．11．1 本章小結44
□．11．□ 擴展練習――為Android系統UI設計添加參考線45
D3章使用Adobe XD完成原型設計
3．1 創建對象46
3．1．1 使用“矩形工具”創建對象46
3．1．□ 使用“橢圓工具”創建對象47
3．1．3 使用“直線工具”創建對象47
3．1．4 使用“多邊形工具”創建對象47
3．1．5 使用“鋼筆工具”創建對象49
3．□ 為對象設置樣式51
3．□．1 設置填充、邊界和陰影5□
3．□．□ 應用案例――繪製iOS系統的狀態欄圖標57
3．□．3 布爾運算59
3．□．4 應用案例――繪製iOS系統Wi-Fi和電池圖標61
3．□．5 形狀蒙版6□
3．□．6 創建重複元素63
3．3 編輯對象64
3．3．1 選擇和移動對象64
3．3．□ □□、粘貼和刪除對象65
3．3．3 對齊、分佈和排列對象66
3．3．4 應用案例――設計製作扁平風格裝飾圖標68
3．3．5 調整和旋轉對象71
3．3．6 編組和鎖定對象7□
3．3．7 應用案例――設計製作□□App啟動圖標73
3．4 創建文本76
3．4．1 輸入文本76
3．4．□ 拼寫檢查77
3．4．3 導入文本77
3．5 管理文本79
3．5．1 設置文本格式79
3．5．□ 文本□換81
3．5．3 調整段落文本的寬和高8□
3．5．4 應用案例――設計製作App高保真原型的上新部分84
3．6 設計畫板86
3．6．1 創建垂直滾動86
3．6．□ 創建滾動組87
3．6．3 應用案例――設計製作App高保真原型的推薦部分89
3．7 解惑答疑90
3．7．1 如何使用“多邊形工具”繪製“收藏”圖標90
3．7．□ App圖標集的工作流程是否與UI設計一致91
3．8 z結擴展9□
3．8．1 本章小結93
3．8．□ 擴展練習―― 設計製作Android系統App原型界面93
D4章使用Adobe XD完成UI設計
4．1 使用處理設計系統94
4．1．1 創建庫資源94
4．1．□ 管理庫資源97
4．1．3 共享庫資源99
4．1．4 應用案例――創建移動UI處理設計系統101
4．□ 使用圖層10□
4．□．1 “圖層”面板10□
4．□．□ 搜索圖層10□
4．□．3 管理圖層103
4．□．4 應用案例――繪製App收藏界面的心形元素105
4．3 為對象設置效果106
4．3．1 使用模糊效果107
4．3．□ 應用案例――設計製作App收藏界面108
4．3．3 使用混合效果109
4．3．4 應用案例――繪製App界面中的卡片模塊11□
4．4 設計UI界面的結構113
4．4．1 響應式調整大小113
4．4．□ 創建和使用組件115
4．4．3 應用案例――設計製作Android系統App主題界面116
4．4．4 覆蓋組件實例118
4．4．5 為組件添加多個狀態119
4．4．6 應用案例――為移動端UI設計添加不同狀態1□1
4．4．7 使用嵌套組件1□3
4．5 使用3D□換進行透視設計1□4
4．5．1 啟用3D□換1□4
4．5．□ 旋轉物體1□5
4．5．3 應用案例――繪製App界面的基礎結構1□5
4．5．4 使用Z軸應用深度1□8
4．5．5 應用案例――設計製作Android系統App點餐界面1□8
4．6 解惑答疑130
4．6．1 如何確定移動App UI項目中的配色130
4．6．□ 如何處理Adobe XD中的缺失字體131
4．7 z結擴展13□
4．7．1 本章小結13□
4．7．□ 擴展練習――設計製作iOS系統圖片瀏覽界面133
D5章使用Adobe XD完成UX設計
5．1 添加交互134
5．1．1 設置主頁屏幕134
5．1．□ 建立鏈接135
5．1．3 設置交互效果137
5．1．4 應用案例――設計製作App聊天氣泡交互動效140
5．1．5 鏈接上一個畫板144
5．1．6 取消鏈接144
5．1．7 應用案例――設計製作App貓爪菜單交互動效144
5．□ 交互動畫147
5．□．1 創建交互動畫147
5．□．□ 應用案例――設計製作App刪除和置1；CY=CY交互動效148
5．3 使用其他方式創建交互15□
5．3．1 使用鍵盤和遊戲手柄創建交互15□
5．3．□ 使用“語音”命令和“語音放”操作類型創建交互153
5．4 創建定時過渡155
5．4．1 使用“時間”觸發條件創建交互155
5．4．□ 應用案例―― 設計製作App加載界面交互動效155
5．5 添加疊加157
5．5．1 使用“疊加”操作類型創建交互157
5．5．□ 應用案例――設計製作App搜索界面交互動效157
5．6 創建錨點鏈接159
5．7 預覽UI與UX設計160
5．7．1 預覽UI設計161
5．7．□ 應用案例――預覽App界面中的交互動效16□
5．8 解惑答疑164
5．8．1 交互用戶的工作內容164
5．8．□ 動效設計製作工具有哪些165
5．9 z結擴展167
5．9．1 本章小結167
5．9．□ 擴展練習――設計製作App界面中的輪播圖167
D6章輸出、標註和共享UI設計
6．1 使用Adobe XD輸出設計資源169
6．1．1 導出切片資源169
6．1．□ 不同格式的切片資源17□
6．□ 輸出iOS系統的UI設計175
6．□．1 iOS系統向下和向上適配176
6．□．□ 適配切片命名規範178
6．□．3 應用案例――完成iOS系統UI界面的切片輸出180
6．3 輸出Android系統的UI設計181
6．3．1 Android系統中的“點9”切圖181
6．3．□ 適配輸出中的一稿兩用185
6．3．3 應用案例――完成Android系統UI界面的切片輸出186
6．4 標註移動App UI設計187
6．4．1 App界面標註內容187
6．4．□ 標註的聲明文檔188
6．4．3 應用案例――使用PxCook標註App瀏覽界面189
6．4．4 UI設計的標註規範190
6．4．5 應用案例――使用PxCook標註App主題界面19□
6．5 共享移動App UI設計193
6．5．1 共享UI設計193
6．5．□ 使用共享UI設計197
6．5．3 創建共享鏈接198
6．5．4 應用案例――共享移動App UI界面□00
6．5．5 使用設計規範□00
6．5．6 應用案例――發布與共享App的設計規範□0□
6．6 解惑答疑□03
6．6．1 切片的尺寸為什麼必須是雙數□03
6．6．□ 如何協同編輯共享的UI設計□03
6．7 z結擴展□03
6．7．1 本章小結□04
6．7．□ 擴展練習――完成UI界面的切片輸出□04
D7章綜合案例
7．1 設計製作美妝App項目□05
7．1．1 美妝App項目分析□05
7．1．□ 製作美妝App草圖□06
7．1．3 美妝App界面色彩搭配□08
7．1．4 美妝App界面元素分析□09
7．1．5 美妝App UI設計□11
7．1．6 美妝App 交互設計□13
7．1．7 輸出美妝App切片資源□15
7．1．8 標註美妝App□17
7．□ 設計製作社交App項目□19
7．□．1 社交App項目分析□□0
7．□．□ 製作社交App草圖□□0
7．□．3 社交App界面色彩搭配□□□
7．□．4 社交App界面元素分析□□3
7．□．5 社交App UI設計□□5
7．□．6 社交App交互設計□□7
7．□．7 輸出社交App切片資源□30
7．□．8 標註社交App□3□
7．3 設計製作日曆App項目□34
7．3．1 日曆App項目分析□34
7．3．□ 製作日曆App草圖□34
7．3．3 日曆App界面色彩搭配□37
7．3．4 日曆App界面元素分析□37
7．3．5 日曆App UI設計□39
7．3．6 日曆App交互設計□40
7．3．7 輸出日曆App切片資源□4□
7．3．8 標註日曆App□44