詳細(xì)說明
Adobe XD是一站式UX/UI設(shè)計平臺,在這款產(chǎn)品上面用戶可以進(jìn)行移動應(yīng)用和網(wǎng)頁設(shè)計與原型制作。同時它也是一款結(jié)合設(shè)計與建立原型功能,并同時提供工業(yè)級性能的跨平臺設(shè)計產(chǎn)品。設(shè)計師使用Adobe XD可以高效準(zhǔn)確的完成靜態(tài)編譯或者框架圖到交互原型的轉(zhuǎn)變。
主要功能
組件
創(chuàng)建在整個 XD 文檔內(nèi)或多個文檔之間重復(fù)使用的設(shè)計元素。將更改從主組件推送到所有實例,并覆蓋任何單個實例的屬性。
狀態(tài)
通過創(chuàng)建組件的變體來映射到不同類型的用戶交互(例如,懸停、按下、禁用和成功),避免重復(fù)工作,并更好地傳達(dá)您的意圖。
在 Photoshop 中編輯
直接通過 XD在 Adobe Photoshop 中打開和編輯圖像。右鍵單擊圖像,在 Photoshop 中打開并編輯圖像,然后單擊“保存”,所做的更改將在 XD 中自動更新。
內(nèi)容識別布局
無需繁瑣的手動操作,即可輕松創(chuàng)建和編輯 UI 元素。支持內(nèi)容布局可識別不同對象之間的關(guān)系,并在向組中添加或更換對象時對組進(jìn)行自動調(diào)整。
矢量繪圖工具
使用一組繪圖和形狀工具、布爾值運(yùn)算符、混合模式和其他矢量編輯功能,創(chuàng)建線框、圖標(biāo)、組件和其他設(shè)計元素。
響應(yīng)式調(diào)整大小
根據(jù)不同的屏幕大小輕松調(diào)整對象組或組件大小,同時保持對象之間的相對位置和比例不變。
Adobe Fonts 集成
不會再有缺失字體的情況。打開 XD 文檔時,Adobe Fonts 便會自動激活。
精確設(shè)計工具
利用畫板參考線、布局網(wǎng)格、微移和重新調(diào)整大小快捷方式,以及相對測量功能,設(shè)計體驗的布局并進(jìn)行對齊。
Sketch、Photoshop 和 Illustrator 文件導(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)容。
導(dǎo)出到 After Effects
利用行業(yè)領(lǐng)先的動畫工具 Adobe After Effects 導(dǎo)出設(shè)計,并讓動畫更上一層樓。
共同編輯(測試版)
整個團(tuán)隊同時在同一文檔中協(xié)作,避免任何重復(fù)性工作。在您處理文檔時,可以清楚地看到其他人同時在處理文檔的哪部分。
文檔歷史記錄
查看設(shè)計的整個演變過程:XD 在您工作時自動保存歷史記錄,因此您可以隨時返回以前的版本。標(biāo)記里程碑版本,確保始終可訪問設(shè)計流程中的關(guān)鍵階段。
共享以供審閱
通過生成可共享的鏈接來征集設(shè)計反饋,或者將鏈接嵌入 Behance 或網(wǎng)頁中。審閱者可通過 Web 或移動設(shè)備直接在原型上添加評論。
應(yīng)用程序集成
XD 已與更多協(xié)作應(yīng)用程序和工作應(yīng)用程序進(jìn)行集成,其中包括 Jira、Airtable、Slack 和 Microsoft Teams。
適用于 MacOS 和 Windows
Adobe XD 適用于 Windows 10(通用 Windows 平臺)和 macOS。
配套移動應(yīng)用程序
使用適用于 iOS 和 Android 的配套應(yīng)用程序來體驗移動設(shè)計的實時交互式原型。
多語言支持
支持的語言包括英語、法語、德語、日語、中文、韓語、巴西葡萄牙語和西班牙語。