Adobe XD界面設計與原型制作教程（全彩） ( 簡體 字) |
| 作者：文家齊 | 類別：1. -> 程式設計 -> UI/UX |
| 譯者： |
| 出版社：電子工業出版社 |  3dWoo書號： 51844
詢問書籍請說出此書號！【缺書】
NT售價： 395 元 |
| 出版日：1/1/2019 |
| 頁數：240 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：全彩印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787121373077 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：Adobe XD是一款專為UI界面設計和網頁設計打造的矢量設計軟件。Adobe的首席執行官兼執行副總裁Scott Belsky（斯科特?貝爾斯基）曾說道：“我們相信 XD 即使不會比 Photoshop 更強，也至少和它同樣強大。”XD同時支持Windows和Mac OS操作系統，能夠在同一個軟件里完成設計和交互，支持打開與編輯PSD、SKETCH及AI等格式的文件，能夠一鍵切圖和導出標注，擁有簡潔、高效、快速、學習成本低的特點，已成為眾多UI設計師青睞的工具之一。
筆者是XD中文網的創始人，2015年創建XD中文網，是國內第一批XD內測用戶，從XD內測版開始到現在，四年來一直在國內推廣XD的使用，并持續分享相關素材、資訊和教程。
筆者結合XD中文網四年的實際運營經驗為讀者帶來這本書，本書是初學者快速自學XD 2019的教程，全書從實用角度出發，全面系統地講解了XD 2019的所有應用功能，涵蓋了XD 2019的全部工具、面板和菜單命令，同時安排了實戰性的案例、詳細的制作步驟，還包含了第三方插件和集成的使用方法。
本書共分為8章，按照實際工作中設計的流程，從基礎知識開始逐步深入，按照“認識—了解—掌握—實戰”的過程，讓你從入門到精通全面掌握XD。
第1章為XD的基礎理論知識，主要講解XD相關的基礎知識、安裝與卸載、界面與工具等內容。通過本章學習，讀者可以對XD有一個基本的了解。 第2章為XD的基本操作知識，幫助讀者掌握XD的文件、視圖、圖層面板及資源面板的管理等知識，詳細講解各種工具的操作方式，以及輔助功能中的距離測量、智能參考線、自動吸附功能的使用方法。 第3章為屬性檢查器的使用知識。通過屬性檢查器，根據選擇的對象，用戶可以利用不同的選項來定義其不同的屬
性，如使用矢量運算工具可對多個對象進行不同的組合來創建新的對象，修改對象的寬高、位置、尺寸、顏色、邊框及
陰影；使用加、減、乘、除等數學計算可創建精確的數學設計等。
第4章為導入和導出資源的知識。通過合理地使用外部資源，讀者可更快、更高效地完成設計工作。本章還包含導出、切圖的內容。 第5章為創建可交互式原型的知識。能創建可交互式原型是XD的一大亮點，將設計與原型集成在同一個軟件中，用戶在設計的基礎上就可以輕松完成交互設計。 第6章為預覽和共享的知識。通過XD提供的預覽和共享功能，用戶可以預覽原型查看實際效果，通過共享給同事、客戶來快速獲得反饋。 第7章為插件和第三方工具的知識，詳細講解XD插件的安裝和管理，選取了一些常用的插件和第三方工具進行講
解，這些插件和第三方工具可以用來簡化、加快甚至自動完成一些復雜重復的設計工作。
第8章為商業實戰知識，詳細演示網頁設計、微信小程序設計及移動界面設計的實戰步驟的同時，也讓讀者了解并掌握一些必要的設計規范，為實際工作打下扎實的基礎。
本書旨在編寫一本對讀者真正有幫助的界面設計教程，讓讀者在閱讀本書以后可以輕松地掌握XD設計界面和制作原型的方法，在實際設計過程中使用XD能起到事半功倍的作用。
同時，感謝我愛的人和愛我的人，感謝所有支持和幫助過我的人。另外，特別感謝電子工業出版社的編輯田振宇，沒有他的幫助，本書不可能完成。
由于筆者水平有限，書中難免存在錯誤和不妥之處，希望廣大讀者批評指正。在學習過程中如果發現問題或有更好的建議，歡迎通過微信公眾號“XD資源庫”或郵箱與筆者取得聯系。 |
內容簡介：本書基于Adobe XD 2019 中文版，全面系統地介紹XD 的基本操作方法和界面設計技巧。書中包括界面設計的基礎知識、XD 的簡介和安裝方法、工具的使用、對象的創建和編輯、資源管理、圖層管理、重復網格、響應式調整、導出到After Effects、XD 格式文件轉為PSD 格式文件、生成在線鏈接、標注、切圖、交互式原型、語音觸發、自動制作動畫、實時預覽、常用插件及與第三方軟件協作等內容，使讀者能夠熟悉并掌握XD 的功能和界面設計基礎。本書內容在多個實戰案例的基礎上，增加移動端、小程序、網頁等多個商業案例解析，并適當穿插有一些技術專題知識，使讀者可以快速上手，掌握軟件功能和界面設計思路，提升界面設計能力。本書包含XD 當前版本的全部基礎知識點，通過目錄可以清晰地查看并找到需要的知識點。本書提供的學習資源中包含所有案例的視頻文件、實例源文件及素材文件。本書可作為XD 自學人員的參考用書使用，也可作為相關機構的培訓教材使用。 |
目錄：第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 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.4?XD中文網網頁項目設計實戰 224
8.4.1 創建文件并設置網格 224
8.4.2 制作網頁導航和首屏 225
8.4.3 制作內容列表 227
8.4.4 制作網頁頁腳 228
附錄
附錄：常用快捷鍵 230 |
| 序： |
