軟件介紹

Adobe XD CC2020是功能強(qiáng)大的圖形設(shè)計軟件，可以為用戶提供一站式UX/UI設(shè)計平臺，支持移動應(yīng)用和網(wǎng)頁設(shè)計與原型制作。Adobe XD中文特別版結(jié)合了設(shè)計與建立原型功能，可以高效準(zhǔn)確的完成靜態(tài)編譯或者框架圖到交互原型的轉(zhuǎn)變，歡迎有需要的用戶前來下載使用。

Adobe XD CC 2020軟件特色

1、Illustrator 中的可編輯矢量

您將矢量內(nèi)容從 XD 復(fù)制粘貼到 Illustrator 后，矢量內(nèi)容支持用戶進(jìn)行全面編輯，而不是轉(zhuǎn)換成像素。跨組選擇對象

用戶可以輕松地從不同組中選擇多個對象，并在“屬性檢查器”中更改所有對象都具備的屬性。只需使用 ?+Shift+Click (Mac) 或者 Ctrl+Shift+Click (Win)。

2、Web 瀏覽器中的拖動手勢

現(xiàn)在在瀏覽器中查看原型和設(shè)計規(guī)范時，您可以看到拖動手勢動畫。

3、可用性測試控件

禁用 Web 原型中的導(dǎo)航控件并針對用戶測試創(chuàng)建更加可控的環(huán)境。

4、生成導(dǎo)出標(biāo)記

當(dāng)您從 Photoshop 和 Illustrator 導(dǎo)入圖像時，對象將自動生成導(dǎo)出標(biāo)記。您也可以在畫板上選擇對象，通過“屬性檢查器”或者使用右鍵單擊菜單為其生成導(dǎo)出標(biāo)記。

5、改進(jìn)的字體管理

不會再有缺失字體。現(xiàn)在當(dāng)您打開 XD 文檔時，Adobe Fonts 便會自動激活。在文檔中查看其他缺失字體更容易，以便您進(jìn)行批量替換。

6、改進(jìn)的 Jira 集成

加快從設(shè)計到開發(fā)的過程。除了 Jira 軟件云之外，團(tuán)隊現(xiàn)在可訪問 Jira Software Server 和 Jira 軟件數(shù)據(jù)中心上的共享 XD 設(shè)計。

Adobe XD CC 2020軟件功能

組件

創(chuàng)建在整個 XD 文檔內(nèi)或多個文檔之間重復(fù)使用的設(shè)計元素。將更改從主組件推送到所有實(shí)例，并覆蓋任何單個實(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è)計體驗(yàn)的布局并進(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)格中。

交互

通過連接畫板交流用戶體驗(yàn)的流程和感受。借助一系列的觸發(fā)器和操作來定義您希望創(chuàng)建和共享的體驗(yàn)。

觸發(fā)器

使用 XD，可以為任何類型的體驗(yàn)創(chuàng)建逼真的原型，包括移動設(shè)備上的常見觸摸手勢、鍵盤輸入、基于時間的過渡、語音命令和游戲控制器。

預(yù)覽

借助適用于 iOS 和 Android 的 XD 移動應(yīng)用程序預(yù)覽在真實(shí)設(shè)備上的體驗(yàn)。在桌面應(yīng)用程序上進(jìn)行更改，然后在設(shè)備上測試這些更改，確保保真度和可用性。

自動生成動畫

創(chuàng)建畫板之間的微交互。復(fù)制一個元素并更改其屬性（例如大小、位置或顏色），XD 便會自動根據(jù)所做的更改生成動畫。

音頻播放

可向原型中添加聲音效果和其他音頻文件打造多感官體驗(yàn)。

疊加支持

快速添加對疊加在內(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)用程序來體驗(yàn)移動設(shè)計的實(shí)時交互式原型。

多語言支持

支持的語言包括英語、法語、德語、日語、中文、韓語、巴西葡萄牙語和西班牙語。

Adobe XD CC 2020使用方法

點(diǎn)開Adobe XD，一個Material Design風(fēng)格的彈窗映入眼簾。四個不同尺寸的畫框選擇很人性化，這讓我們不需要像在使用Axure時候手動去調(diào)整寬高，或者是導(dǎo)入一個手機(jī)外殼素材，讓我們在設(shè)計原型時與實(shí)際尺寸更貼近，也讓我們能更加專心于內(nèi)容與排版的思考。

這里以第一個iphone6/7的底框?yàn)槔�制作一個原型。

相信對于熟悉PhotoShop的同學(xué)來說，這個界面以及左側(cè)的工具欄都是非常熟悉的，這里為了方便不熟悉PhotoShop的朋友對Adobe XD的使用，簡單介紹一下每個工具的具體用途。

鼠標(biāo)圖案就是鼠標(biāo)點(diǎn)擊的基礎(chǔ)功能，用于選中與點(diǎn)擊的作用；

繪制方框的工具既是字面的意思，可以繪制方形，這里提一個小細(xì)節(jié)：按住鍵盤的ctrl鍵后，再行拖住鼠標(biāo)在畫框中繪制即可得到一個完美的正方形；

繪制圓形工具與繪制方框工具使用方式類似，按住ctrl同樣可以繪制一個完美的圓形；

畫線工具可以繪制一根直線，它同樣可以使用按住ctrl的方式繪制，繪制出的線會以繪制原點(diǎn)偏轉(zhuǎn)（N*45°）的形式出現(xiàn)，而如果不按住ctrl可以自由繪制；

鋼筆工具可以繪制自由曲線的線條甚至組成一個自由度極高的圖形，相信對于PhotoShop的大觸駕馭起來相當(dāng)easy，但是對于新手而言還是有一定的難度的，博主也沒有熟練掌握，像類似于一些可視化的圖表基本上博主基本也都是使用網(wǎng)友大觸們做好的素材再行調(diào)整的；

文字工具顧名思義，可以在畫框中添加文字；

創(chuàng)建畫框工具可以在當(dāng)前的畫板中在創(chuàng)建一個新鮮的畫框，所謂的畫板就是我們ctrl+s保存后生成的xd文件，而每個文件（畫板）中理論上可以有無數(shù)個畫框，然而經(jīng)博主的Surface Pro 3測試，太多畫滿原型的畫框會導(dǎo)致該畫板越來越卡，恩，估計也和我的本子有很大關(guān)系；

局部界面放大與縮小工具的使用場景，比如說這個畫板中有30多個畫框，那么我們想要將其中某一個畫框正確的停留在可視界面上且保持最適宜調(diào)整的尺寸是相當(dāng)難的一件事，因?yàn)閣indows版的Adobe XD沒有橫線滾動條（沒有使用過mac版，所以不清楚mac版的現(xiàn)狀），那么我們點(diǎn)擊一下工具欄上的放大鏡按鈕并在我們需要調(diào)整的畫框上逐漸的點(diǎn)擊，而這時除了點(diǎn)擊和選擇適合的尺寸外，你可以提前想好需要做何種調(diào)整了，因?yàn)榻酉聛砟愕男薷臅r間即將來臨，這里在提一個小細(xì)節(jié)：因?yàn)闆]有縮放的工具，所以可以使用ctrl+-與局部放大工具組合使用；

項目畫框管理工具，假如我們的畫框過多的時候就需要一個類似于PhotoShop的圖層管理的工具去對它的整體尺寸或是其他進(jìn)行整體的調(diào)整，而項目畫框管理工具就類似于這樣一個工具。

Adobe XD共分為兩大功能部分，Design（界面原型設(shè)計）與Prototype（界面關(guān)聯(lián)與交互）兩個部分，剛剛說到的工具是屬于Design功能的，而Prototype的使用是與Axure完全不同的。

Axure的交互操作也并非不舒服，但是它缺少了更具互動性質(zhì)的可視化操作。在Adobe XD中，只是將需要交互的兩端拉上一條線就可以完成的操作，Axure上卻是更多的操作步驟與繁雜的選項按鈕。

Adobe XD CC 2020安裝方法

1、等待Adobe XD CC 2020下載完成，然后解壓到當(dāng)前文件夾中，然后我們點(diǎn)擊其中的XD_SetUp.exe應(yīng)用程序。

2、開始斷網(wǎng)，如圖打開網(wǎng)絡(luò)和共享中心;

3、進(jìn)入網(wǎng)絡(luò)，點(diǎn)擊本地連接;

4、進(jìn)入本地連接，我們點(diǎn)擊禁用;

5、開始安裝xd，點(diǎn)擊繼續(xù);

6、選擇語言和安裝位置，華軍小編建議用戶安裝在D盤中。

7、Adobe XD正在安裝，等待安裝結(jié)束即可。

8、Adobe XD安裝完成，就可以使用啦！