Adobe XD功能解析與應(yīng)用 培訓(xùn)教材版
定 價:49.9 元
叢書名:XD
- 作者:黃方聞
- 出版時間:2021/4/1
- ISBN:9787115531261
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092.2
- 頁碼:182
- 紙張:
- 版次:01
- 開本:16開
《Adobe XD功能解析與應(yīng)用(培訓(xùn)教材版)》分為三大部分:第1部分是Adobe XD從零到精通,這部分對軟件的各種操作方法和技巧進行了全面的講解,為設(shè)計打下基礎(chǔ);第2部分是Adobe XD設(shè)計實例,這部分講解軟件在具體設(shè)計實例中的應(yīng)用,在強化軟件操作的同時使讀者了解實際的設(shè)計工作;第3部分講解Adobe XD和其他軟件的銜接,這部分知識是對Adobe XD的延伸和拓展。附帶學(xué)習(xí)資源,內(nèi)容包括書中知識講解用到的源文件,以及PPT教學(xué)課件和在線教學(xué)視頻,讀者可通過在線方式獲取這些資源,具體獲取方法請參看本書前言。
《Adobe XD功能解析與應(yīng)用(培訓(xùn)教材版)》適合UI和UE設(shè)計師閱讀使用,同時也可以作為產(chǎn)品經(jīng)理和程序員的參考用書。
全面講解中文版Adobe XD 的操作方法和技巧;
從零開始,結(jié)合實例演示Adobe XD在設(shè)計中的應(yīng)用;
分享Adobe XD與第三方應(yīng)用的銜接方法,擴展設(shè)計邊界;
15集配套教學(xué)視頻,幫助讀者輕松掌握Adobe XD;
提供9個配書教學(xué)PPT課件。
黃方聞
高級交互設(shè)計師,IXDC、UI中國等平臺合作講師,曾實現(xiàn)過多款產(chǎn)品的從0 到1,已出版著作《動靜之美——Sketch 移動UI與交互動效設(shè)計詳解》《Adobe XD功能解析與應(yīng)用》。
第1部分 Adobe XD從零到精通
第1章 Adobe XD基礎(chǔ)入門 1
1.1 Adobe XD簡介 2
1.2 Adobe XD的安裝 6
1.2.1 macOS版Adobe XD的安裝 6
1.2.2 Windows版Adobe XD的安裝 8
1.3 Adobe XD的歡迎界面 9
1.4 Adobe XD的常見問題 14
1.4.1 Adobe XD是否是完全免費的 14
1.4.2 Adobe XD對系統(tǒng)版本的要求 14
1.4.3 Adobe XD是否可以離線安裝 15
1.4.4 Adobe XD的卸載 15
1.4.5 能否使用Windows 10的觸控功能操作Adobe XD 16
1.4.6 Adobe XD官方中文版 16
第2章 Adobe XD的設(shè)計模式詳解 17
2.1 Adobe XD的界面布局 18
2.1.1 macOS版Adobe XD的界面布局 18
2.1.2 Windows版Adobe XD的界面布局 18
2.2 Adobe XD的工具及其用法 20
2.2.1 選擇工具 20
2.2.2 矩形工具 22
2.2.3 橢圓工具 31
2.2.4 直線工具 31
2.2.5 鋼筆工具 31
2.2.6 文本工具 35
2.2.7 畫板工具 37
2.2.8 縮放工具 39
2.3 Adobe XD的資源面板和圖層面板 40
2.3.1 資源面板 40
2.3.2 圖層面板 45
2.4 重復(fù)網(wǎng)格 47
2.4.1 創(chuàng)建重復(fù)網(wǎng)格 48
2.4.2 為重復(fù)網(wǎng)格添加內(nèi)容 50
2.4.3 批量修改樣式 54
2.5 Adobe XD其他補充知識 55
2.5.1 蒙版遮罩 55
2.5.2 將文本轉(zhuǎn)換為路徑 57
第3章 Adobe XD的原型模式詳解 59
3.1 Adobe XD的原型模式 60
3.1.1 進入Adobe XD的原型模式 60
3.1.2 設(shè)置主界面 60
3.1.3 設(shè)置滾動頁面 61
3.1.4 設(shè)置固定位置 62
3.1.5 設(shè)置頁面跳轉(zhuǎn) 62
3.1.6 設(shè)置跳轉(zhuǎn)效果 64
3.1.7 錄制交互預(yù)覽效果 67
3.2 在移動設(shè)備上預(yù)覽設(shè)計和原型 68
3.2.1 移動版Adobe XD的App安裝 68
3.2.2 Adobe XD文檔 68
3.2.3 實時預(yù)覽 69
3.2.4 設(shè)置 70
第4章 Adobe XD的導(dǎo)出和共享 71
4.1 Adobe XD的導(dǎo)出 72
4.1.1 導(dǎo)出畫板和圖層 72
4.1.2 導(dǎo)出選項 74
4.2 Adobe XD的共享 75
4.2.1 共享原型 76
4.2.2 共享設(shè)計規(guī)范 78
4.2.3 管理發(fā)布的鏈接 79
第2部分 Adobe XD設(shè)計實例
第5章 用Adobe XD設(shè)計圖標(biāo) 81
5.1 線框圖標(biāo)設(shè)計 82
5.1.1 搜索圖標(biāo)設(shè)計 82
5.1.2 燈泡圖標(biāo)設(shè)計 85
5.1.3 扳手圖標(biāo)設(shè)計 86
5.2 扁平圖標(biāo)設(shè)計 88
5.2.1 圖片文件圖標(biāo)設(shè)計 88
5.2.2 實驗器材圖標(biāo)設(shè)計 90
5.2.3 花朵圖標(biāo)設(shè)計 92
第6章 用Adobe XD設(shè)計UI界面 97
6.1 UI設(shè)計前的準(zhǔn)備 98
6.2 登錄界面的設(shè)計 98
6.2.1 輕量化登錄界面設(shè)計 98
6.2.2 帶鍵盤交互的登錄界面設(shè)計 106
6.2.3 傳統(tǒng)的登錄界面設(shè)計 111
6.3 主界面的設(shè)計 117
6.3.1 App store的Today界面設(shè)計 118
6.3.2 旅游App的首頁設(shè)計 122
6.4 內(nèi)容界面的設(shè)計 130
App store的內(nèi)容頁設(shè)計 130
6.5 個人中心界面的設(shè)計 132
App store的個人中心界面設(shè)計 132
第3部分 Adobe XD和第三方應(yīng)用的銜接
第7章 將外部資源導(dǎo)入Adobe XD 137
7.1 PSD文件的導(dǎo)入 138
7.1.1 在Photoshop中復(fù)制內(nèi)容 138
7.1.2 用Adobe XD打開PSD文件 140
7.2 AI文件的導(dǎo)入 143
7.3 Sketch文件的導(dǎo)入 144
7.3.1 在Sketch中復(fù)制內(nèi)容 144
7.3.2 使用Adobe XD打開Sketch文件 146
7.4 其他資源的導(dǎo)入 149
第8章 Adobe XD與藍湖的銜接 151
8.1 快速上手藍湖 152
8.1.1 認識藍湖 152
8.1.2 使用藍湖前的準(zhǔn)備工作 153
8.1.3 上傳畫板到藍湖 154
8.1.4 藍湖的基礎(chǔ)使用 156
8.1.5 切圖 159
8.2 藍湖的其他實用功能 160
8.2.1 團隊管理 160
8.2.2 交互原型 160
8.2.3 在移動設(shè)備上預(yù)覽 161
8.2.4 項目文檔 161
第9章 用ProtoPie與Adobe XD銜接制作交互動效 163
9.1 ProtoPie的基礎(chǔ)入門 164
9.1.1 了解ProtoPie 164
9.1.2 ProtoPie的官網(wǎng) 166
9.1.3 ProtoPie的安裝與購買 168
9.1.4 ProtoPie的界面 170
9.1.5 ProtoPie的工作邏輯 173
9.1.6 ProtoPie的預(yù)覽和視頻錄制 176
9.1.7 移動設(shè)備預(yù)覽原型 176
9.1.8 原型上傳和云端共享 177
9.2 ProtoPie和Adobe XD的銜接 178
9.3 幾種常見交互動效的制作 179
9.3.1 滑屏交互動效制作 179
9.3.2 翻頁交互動效制作 180
9.3.3 文字輸入交互動效制作 182