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