基本功能
組件:創(chuàng)建在整個 XD 文檔內(nèi)或多個文檔之間重復(fù)使用的設(shè)計元素,。將更改從主組件推送到所有實例,并覆蓋任何單個實例的屬性,。
狀態(tài):通過創(chuàng)建組件的變體來映射到不同類型的用戶交互(例如,,懸停、按下,、禁用和成功),,避免重復(fù)工作,并更好地傳達您的意圖,。
編輯:直接通過 XD 在 Adobe Photoshop 中打開和編輯圖像,。右鍵單擊圖像,在 Photoshop 中打開并編輯圖像,,然后單擊“保存”,,所做的更改將在 XD 中自動更新。
內(nèi)容識別布局:無需繁瑣的手動操作,,即可輕松創(chuàng)建和編輯 UI 元素,。支持內(nèi)容布局可識別不同對象之間的關(guān)系,并在向組中添加或更換對象時對組進行自動調(diào)整,。
矢量繪圖工具:使用一組繪圖和形狀工具,、布爾值運算符、混合模式和其他矢量編輯功能,,創(chuàng)建線框,、圖標、組件和其他設(shè)計元素,。
響應(yīng)式調(diào)整大?。?/strong>根據(jù)不同的屏幕大小輕松調(diào)整對象組或組件大小,同時保持對象之間的相對位置和比例不變,。
Adobe Fonts 集成:不會再有缺失字體的情況,。打開 XD 文檔時,Adobe Fonts 便會自動激活,。
精確設(shè)計工具:利用畫板參考線,、布局網(wǎng)格,、微移和重新調(diào)整大小快捷方式,以及相對測量功能,,設(shè)計體驗的布局并進行對齊,。
文件導(dǎo)入:導(dǎo)入并使用 Sketch 和常用 Adobe 設(shè)計應(yīng)用程序中的文件。文件會自動轉(zhuǎn)換為 XD 文件,,因此無需從頭開始,。
資源導(dǎo)出:快速標記要導(dǎo)出的元素,針對您的目標平臺選擇批量導(dǎo)出元素,,或者將其添加到設(shè)計規(guī)范中以供開發(fā)人員下載,。
重復(fù)網(wǎng)格:選擇一個設(shè)計元素,然后根據(jù)需要多次快速復(fù)制該元素,。更新一個元素以修改整個網(wǎng)格,,調(diào)整元素之間的填充,放置一個 .TXT 文件以將數(shù)據(jù)導(dǎo)入到網(wǎng)格中,。
交互:通過連接畫板交流用戶體驗的流程和感受,。借助一系列的觸發(fā)器和操作來定義您希望創(chuàng)建和共享的體驗。
觸發(fā)器:使用 XD,,可以為任何類型的體驗創(chuàng)建逼真的原型,包括移動設(shè)備上的常見觸摸手勢,、鍵盤輸入,、基于時間的過渡、語音命令和游戲控制器,。
預(yù)覽:借助適用于 iOS 和 Android 的 XD 移動應(yīng)用程序預(yù)覽在真實設(shè)備上的體驗,。在桌面應(yīng)用程序上進行更改,然后在設(shè)備上測試這些更改,,確保保真度和可用性,。
自動生成動畫:創(chuàng)建畫板之間的微交互。復(fù)制一個元素并更改其屬性(例如大小,、位置或顏色),,XD 便會自動根據(jù)所做的更改生成動畫。
音頻播放:可向原型中添加聲音效果和其他音頻文件打造多感官體驗,。
疊加支持:快速添加對疊加在內(nèi)容上的菜單,、對話框、虛擬鍵盤和其他可視元素的支持,。
保留滾動位置:讓元素始終處于同一位置,,在查看者進行滾動操作時,使其位置保持不變,。這種全新的原型創(chuàng)建功能非常適合固定的頁眉,、頁腳等內(nèi)容,。
使用技巧
XD一鍵替換所有字體:按字體名稱搜索到系統(tǒng)字體,然后刪除(粘貼在桌面進行備份),,在軟件中設(shè)置替換即可,,替換完成后,再將字體重新安裝進入,。
XD位置移動去除小數(shù)點:選擇需要的元素,,右擊對齊像素網(wǎng)絡(luò)(注意不要選擇圖標會變形)
Psd粘貼至XD是矢量圖層:首先Psd粘貼到Ai中,再從Ai復(fù)制粘貼到Xd,;
XD一鍵添加圖片,、文字數(shù)據(jù)填充:直接拖入,文字用Txt呈一行一行(注意使用Utf-8格式)
XD圖片處理更快捷更好:Xd圖片編輯可以直接通過Photoshop,,但是不能保存分層(暫時解決方法使用PS本地備份,,然后再粘貼XD,這樣比較麻煩,。)
XD軟件安裝不了:一般情況下最好Vpn才能安裝,,如果遇到錯誤,需要重裝一下系統(tǒng),,最新支持Win10系統(tǒng)1803,。