購買商店

Adobe XD 界面設計與原型製作教程 (全彩)

$474.00

內容描述

本書基於Adobe XD 2019 中文版，全面系統地介紹XD 的基本操作方法和界面設計技巧。書中包括界面設計的基礎知識、XD 的簡介和安裝方法、工具的使用、對象的創建和編輯、資源管理、圖層管理、重復網格、響應式調整、導出到After Effects、XD 格式文件轉為PSD 格式文件、生成在線鏈接、標註、切圖、交互式原型、語音觸發、自動製作動畫、實時預覽、常用插件及與第三方軟件協作等內容，使讀者能夠熟悉並掌握XD 的功能和界面設計基礎。本書內容在多個實戰案例的基礎上，增加移動端、小程序、網頁等多個商業案例解析，並適當穿插有一些技術專題知識，使讀者可以快速上手，掌握軟件功能和界面設計思路，提升界面設計能力。本書包含XD 當前版本的全部基礎知識點，通過目錄可以清晰地查看並找到需要的知識點。本書提供的學習資源中包含所有案例的視頻文件、實例源文件及素材文件。本書可作為XD 自學人員的參考用書使用，也可作為相關機構的培訓教材使用。

目錄大綱

目錄
1章
初識Adobe XD
1.1XD的基本介紹 2
1.1.1XD與類件的區別 4
1.1.2位圖與矢量圖的區別 6
1.1.3關 XD的一些其他使用 6
1.2XD的裝與卸載 6
1.2.1 統要求 6
1.2.2 裝卸載 6
1.3XD的工作界面介紹 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 從Illustror 中入或複 95
4.1.5 從Sketch中入或複 95
4.1.6 關 Creive 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 Effe*s 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 Maker
for 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.4XD中文網網頁項目設實 224
8.4.1 創建文件並設置網 224
8.4.2 作網頁航首屏 225
8.4.3 作內容列表 227
8.4.4 作網頁頁 228