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