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