第1章 初識Adobe XD
1.1 XD的基本介紹 2
1.1.1 XD與同類軟件的區彆 4
1.1.2 位圖與矢量圖的區彆 6
1.1.3 關於XD的一些其他使用說明 6
1.2 XD的安裝與卸載 6
1.2.1 係統要求 6
1.2.2 安裝和卸載 6
1.3 XD的工作界麵介紹 8
1.3.1 啓動界麵 8
1.3.2 設計界麵 9
1.3.3 菜單欄 10
1.3.4 導航欄 10
1.3.5 設計模式 11
1.3.6 工具欄 11
1.3.7 資源/圖層麵闆 11
1.3.8 畫布和畫闆 12
1.3.9 屬性檢查器 12
第2章 XD的基本操作
2.1 文件管理 14
2.1.1 打開一個文件 14
2.1.2 文件保存 15
2.1.3 文件保存狀態 15
2.1.4 關閉文件 15
2.1.5 撤銷和重做 16
2.2 視圖管理 16
2.2.1 放大視圖顯示比例 17
2.2.2 縮小視圖顯示比例 18
2.2.3 縮放視圖至指定顯示比例 19
2.2.4 移動視圖 20
2.3 選擇工具 20
2.3.1 多選 20
2.3.2 選擇對象內部的元素 21
2.4 繪製基礎形狀 21
2.4.1 繪製矩形和圓角矩形 21
2.4.2 繪製橢圓和圓 22
2.4.3 繪製直綫 23
2.5 鋼筆工具 23
2.5.1 繪製直綫 23
2.5.2 繪製麯綫 24
2.5.3 編輯路徑 24
2.5.4 禁用錨點對齊 24
2.6 文本工具 26
2.6.1 點文本 26
2.6.2 區域文本 26
2.6.3 拼寫檢查 26
2.7 畫闆工具 27
2.7.1 增加畫闆 27
2.7.2 修改畫闆名稱 28
2.7.3 修改畫闆尺寸 29
2.8 隱藏的輔助功能 29
2.8.1 距離測量 29
2.8.2 更智能的參考綫 30
2.8.3 自動吸附 30
2.9 對象管理 31
2.9.1 剪切、復製和粘貼 31
2.9.2 編組 32
2.9.3 鎖定和解鎖對象 32
2.9.4 隱藏或顯示 33
2.10 圖層麵闆 33
2.10.1 XD中的圖層麵闆 33
2.10.2 鎖定/解鎖和顯示/隱藏 34
2.10.3 調整圖層順序 35
2.10.4 編組 36
2.10.5 搜索和篩選 36
2.10.6 修改圖層名稱 37
2.11 資源麵闆 37
2.11.1 資源麵闆界麵 38
2.11.2 添加和刪除資源 38
2.11.3 資源重命名 39
2.11.4 修改資源麵闆中元素的順序 39
2.11.5 符號 39
2.11.6 高亮顯示 42
第3章 屬性檢查器
3.1 對齊 44
3.1.1 對齊工具 44
3.1.2 相對於畫闆對齊 44
3.1.3 多個元素對齊 45
3.1.4 水平分布和垂直分布 45
3.2 重復網格 46
3.2.1 創建和編輯重復網格 46
3.2.2 調整重復網格中元素的間距 47
3.2.3 編輯重復網格中的元素 47
3.2.4 批量替換文本 48
3.2.5 批量替換圖片 49
3.2.6 取消重復網格 50
實 戰 音樂App首頁 50
3.3 布爾運算 54
3.3.1 使用布爾運算 54
3.3.2 編輯布爾運算對象 54
實 戰 繪製一條小魚 55
3.3.3 轉換為路徑 61
3.4 常用屬性和工具 61
3.4.1 寬高和坐標 61
3.4.2 鏇轉角度 62
3.4.3 畫闆方嚮設置 63
3.4.4 翻轉工具 63
3.5 文本屬性 64
3.5.1 字體、字號和字重 64
3.5.2 文本的對齊方式 65
3.5.3 點文本和區域文本切換 66
3.5.4 下畫綫 67
3.5.5 字符間距、行間距和段落間距 67
3.6 外觀 67
3.6.1 透明度 68
3.6.2 圓角 68
3.6.3 填充純色和漸變 69
實 戰 使用漸變 73
3.6.4 描邊 75
3.6.5 陰影 76
實 戰 帶有投影的漸變顔色按鈕 77
3.6.6 模糊 79
實 戰 登錄頁設計 80
3.7 網格 86
3.7.1 開啓或關閉網格 86
3.7.2 設置方形屬性 86
3.7.3 設置版麵屬性 87
3.7.4 存儲為默認並使用 88
3.8 使用數學計算 88
3.9 響應式調整大小 89
實 戰 響應式調整大小 91
第4章 導入和導齣資源
4.1 導入 94
4.1.1 從本地計算機中導入 94
4.1.2 打開或導入PSD文件 94
4.1.3 從Photoshop中復製內容 94
4.1.4 從Illustrator 中導入或復製 95
4.1.5 從Sketch中導入或復製 95
4.1.6 關於Creative Cloud Libraries 95
4.2 導齣 96
4.2.1 導齣的基本操作方法 96
4.2.2 導齣PNG文件 97
4.2.3 導齣SVG文件 100
4.2.4 導齣PDF文件 101
4.2.5 導齣JPG文件 101
4.2.6 導齣到After Effects 101
4.2.7 將XD文件轉為PSD文件 102
第5章 創建可交互式原型
5.1 創建原型 106
5.1.1 設置首頁 107
5.1.2 可滾動畫闆 107
5.1.3 固定元素 108
實 戰 創建固定元素可滾動原型 108
5.2 鏈接 111
5.2.1 添加跳轉鏈接 111
5.2.2 刪除跳轉鏈接 112
實 戰 交互式原型 113
5.3 觸發 118
5.3.1 拖移 118
5.3.2 時間 118
實 戰 自動播放的輪播圖 119
5.3.3 語音 121
5.4 目標 122
5.5 操作 122
5.5.1 自動製作動畫 123
實 戰 循環鏇轉動畫 124
實 戰 輪播圖拖移動畫 125
5.5.2 語音播放 133
5.5.3 上一個畫闆 133
5.5.4 過渡 134
5.5.5 疊加 135
5.6 動畫 136
5.6.1 動畫中的無和溶解 136
5.6.2 滑動動畫 136
5.6.3 推齣動畫 138
5.7 緩動 139
5.8 持續時間 140
5.9 粘貼交互 140
第6章 預覽和共享
6.1 預覽 142
6.1.1 桌麵預覽 142
6.1.2 使用XD移動端預覽 144
6.2 共享 144
6.2.1 邀請編輯 145
6.2.2 查看和評論原型鏈接 147
6.2.3 共享以審閱 150
6.2.4 查看設計規範鏈接 155
6.2.5 共享以開發 162
6.2.6 管理鏈接 163
第7章 插件和第三方工具介紹
7.1 安裝和管理插件 166
7.1.1 安裝插件 166
7.1.2 管理插件 167
7.2 常用插件 168
7.2.1 頭像填充插件UI Faces 168
7.2.2 二維碼生成插件 QR Code Makerfor XD 169
7.2.3 英文大小寫切換插件Change Case 170
7.2.4 圖層批量重命名插件Rename It 171
7.2.5 多邊形插件Polygons 174
7.2.6 圖片填充插件PhotoSplash 176
7.2.7 日曆插件Calendar 177
7.2.8 提取網頁設計規範插件Mimic 178
7.2.9 圖錶生成插件VizzyCharts 178
7.3 第三方工具介紹 183
7.3.1 通過Axhub Icons快速使用網絡圖標 183
7.3.2 交互原型設計工具ProtoPie 184
7.3.3 自動標注工具PxCook 185
第8章 商業實戰項目案例解析
8.1 設計規範介紹 188
8.1.1 iOS設計規範介紹 188
8.1.2 Android設計規範介紹 190
8.1.3 電腦端網頁設計規範介紹 191
8.2 萬聯數字藝術館App設計項目實戰 191
8.2.1 製作首頁 192
8.2.2 製作文章列錶頁 197
8.2.3 製作文章詳情頁 199
8.2.4 製作藝術傢列錶頁 202
8.2.5 製作藝術傢個人主頁 204
8.2.6 製作交互原型 206
8.3 鮮藝App小程序設計項目實戰 209
8.3.1 製作首頁 210
8.3.2 製作分類頁 215
8.3.3 製作課程列錶頁 217
8.3.4 製作課程詳情頁 219
8.3.5 製作我的學習頁 219
8.3.6 批量替換顔色 221
8.3.7 製作交互原型 222
8.4 XD中文網網頁項目設計實戰 224
8.4.1 創建文件並設置網格 224
8.4.2 製作網頁導航和首屏 225
8.4.3 製作內容列錶 227
8.4.4 製作網頁頁腳 228
附錄
附錄：常用快捷鍵 230
· · · · · · (收起)