-- 會員 / 註冊 --  
 帳號:
 密碼:
  | 註冊 | 忘記密碼
6/20 新書到! 5/31 新書到! 5/24 新書到! 5/18 新書到!
購書流程Q & A站務留言版客服信箱
3ds MaxMayaRhinoAfter EffectsSketchUpZBrushPainterUnity
PhotoShopAutoCadMasterCamSolidWorksCreoUGRevitNuke
C#CC++Java遊戲程式Linux嵌入式PLCFPGAMatlab
駭客資料庫搜索引擎影像處理FluentVR+ARANSYS深度學習
單晶片AVROpenGLArduinoRaspberry Pi電路設計CadenceProtel
HadoopPythonStm32CortexLabview手機程式AndroidiPhone
可查書名,作者,ISBN,3dwoo書號
詳細書籍分類

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

( 簡體 字)
作者:盧斌類別:1. -> 程式設計 -> UI/UX
譯者:
出版社:電子工業出版社設計必修課:Adobe XD移動UI設計(微課視頻版) 3dWoo書號: 55736
詢問書籍請說出此書號!

有庫存
NT售價: 445

出版日:3/1/2022
頁數:256
光碟數:0
站長推薦:
印刷:全彩印刷語系: ( 簡體 版 )
加入購物車 加到我的最愛
(請先登入會員)
ISBN:9787121430299
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證)
作者序:

譯者序:

前言:

Adobe XD是Adobe公司推出的一款專業設計軟件,集原型設計、UI設計和UX設計于一體,它
可以幫助UI和UX設計師快速構建移動端App和PC端網頁的原型與UI設計,包含線框圖、UI設計、
UX設計、動畫制作、預覽和共享等功能。無論是在國內還是在國外,Adobe XD都是一款備受矚目
的設計工具。
本書從實用的角度出發,全面、系統地講解了Adobe XD的各項功能和使用方法,書中內容基
本上涵蓋了Adobe XD中的大多數工具和重要功能,并將多個精彩實例和移動UI設計規范貫穿于整個
講解過程中,操作一目了然,語言通俗易懂,適合讀者自學。
本書共分為7章,各章的主要內容如下。
第1章,講解了Adobe XD的相關入門知識,包括移動端UI設計基礎、移動UI設計流程、移動UI
設計常用工具、下載和安裝Adobe XD、Adobe XD的工作界面和Adobe XD的幫助資源等內容。
第2章,從軟件的基本操作入手,介紹了Adobe XD的一些基本操作,如新建、打開、導入和存
儲文件,以及創建和管理畫板、撤銷與恢復操作和輔助工具的使用方法等內容。
第3章,主要對如何使用Adobe XD完成移動App原型設計進行了詳細介紹,包括創建對象、為
對象設置樣式、編輯對象、創建文本、管理文本和設計畫板等內容。
第4章,講解了如何使用Adobe XD完成移動App UI設計,包括使用處理設計系統、使用圖層、
為對象設置效果、設計UI 界面的結構、使用3D變換進行透視設計等內容。
第5章,主要講解了使用Adobe XD完成UX設計的操作方法、使用技巧和設計規范,包括添加交
互、制作交互動畫、創建定時過渡、添加疊加、創建錨點鏈接,以及使用Adobe XD預覽UI與UX設
計等內容。
第6章,詳細介紹了使用Adobe XD輸出、標注和共享UI設計,包括使用Adobe XD輸出設計資
源、輸出iOS系統的UI設計、輸出Android系統的UI設計、標注移動App UI設計和共享移動App UI設
計等內容。
第7章,通過綜合的大型商業案例講解如何使用Adobe XD完成移動App項目,包括設計制作美
妝App項目、設計制作社交App項目和設計制作日歷App項目。
本書特點
本書結構編排合理,內容全面,特別是移動UI設計規范部分,通過特殊的方式進行布局排版,
方便讀者查找與閱讀。
案例步驟只有4步,操作簡單明了,讀者可通過掃描二維碼觀看當前案例的演示視頻,獲取案
例的素材和源文件。
刪除了知識點中的大量參數,減少讀者的閱讀難度。部分案例配備了案例中需要使用的移動UI設計規范。
內容簡介:

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

第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
序: