Adobe XD

Adobe Experience Design簡(jiǎn)稱(chēng)Adobe XD是一款功能非常強(qiáng)大且專(zhuān)業(yè)的矢量化圖形規(guī)劃軟件，它有著新一代的頁(yè)面與移動(dòng)應(yīng)用的UX規(guī)劃工具，能用來(lái)進(jìn)行矢量圖形設(shè)計(jì)，能自定義尺度規(guī)劃，自帶預(yù)設(shè)的UI Kit包，小編這附上Adobe Experience Design安卓最新版！

Adobe Experience Design怎么用

使用說(shuō)明

安裝后，只需要通過(guò)USB連接手機(jī)到電腦上。同時(shí)打開(kāi)電腦和手機(jī)上的Adobe Experience Design CC應(yīng)用，就可以實(shí)時(shí)預(yù)覽到你的原型。在手機(jī)上使用Adobe全新的配套應(yīng)用,很容易地就能實(shí)時(shí)預(yù)覽到Adobe Experience Design CC的設(shè)計(jì)和原型，并且可以完成所有的互動(dòng)。

Adobe Experience Design功能介紹

顏色選擇器

顏色選擇器的使用與其他軟件一樣，但現(xiàn)在還沒(méi)有漸變功能。文本的改進(jìn):子區(qū)間樣式

現(xiàn)在你可以選擇文本的一部分,改變它的字體,大小和字符間距等屬性。選擇并編輯多個(gè)畫(huà)板

現(xiàn)在可以同時(shí)框選或按住shift鍵選擇多個(gè)畫(huà)板并在右邊的屬性檢查器中同時(shí)對(duì)他們進(jìn)行編輯。對(duì)齊畫(huà)板

Adobe XD之前發(fā)布的版本中,我們可以使用對(duì)齊工具來(lái)調(diào)整不同對(duì)象之間的位置�，F(xiàn)在,我們可以使用相同的對(duì)齊工具來(lái)調(diào)整對(duì)象與畫(huà)板的位置關(guān)系。

滾動(dòng)

這個(gè)算是反饋中用戶(hù)呼聲最高的功能了。要使用該功能,先使用預(yù)設(shè)模板創(chuàng)建一個(gè)畫(huà)板并調(diào)整它的高度，虛線(xiàn)以下就代表折疊部分，可以在預(yù)覽窗口查看滾動(dòng)效果。尺寸助手

我們?cè)谟懻搮^(qū)看到說(shuō)給開(kāi)發(fā)人員傳遞有價(jià)值的信息在工作流中很重要，所以我們開(kāi)發(fā)出了一系列功能，旨在給開(kāi)發(fā)人員實(shí)現(xiàn)像素級(jí)設(shè)計(jì)提供詳細(xì)的信息。尺寸助手用起來(lái)像桌上的直尺。選中畫(huà)布上任一對(duì)象，就會(huì)出現(xiàn)水平線(xiàn)、豎直線(xiàn)，并在上面顯示距離。

Adobe Experience Design cc更新內(nèi)容

輔助網(wǎng)格

在這個(gè)版本中,我們可以定制網(wǎng)格畫(huà)板，當(dāng)需要更精確的布局時(shí)可以設(shè)置標(biāo)準(zhǔn)間距，當(dāng)畫(huà)板啟用網(wǎng)格后,對(duì)象將自動(dòng)與網(wǎng)格線(xiàn)對(duì)齊。

文本調(diào)整

加入調(diào)整文本行間距的選項(xiàng)。

在接下來(lái)的幾個(gè)更新中將有更多文本屬性設(shè)置功能。

設(shè)計(jì)改進(jìn)

在第一個(gè)預(yù)覽版中,我們可以為一個(gè)矩形的四個(gè)角設(shè)置一個(gè)半徑，也可以通過(guò)“alt”編輯每個(gè)角的半徑�，F(xiàn)在，直接在屬性檢查器就可以單獨(dú)對(duì)每個(gè)角進(jìn)行設(shè)置。

拖拽功能

這個(gè)版本中，我們不但可以從瀏覽器中將圖片拖放到XD畫(huà)布，還可以直接將txt純文本文件拖入XD。

支持嵌入式圖像

當(dāng)從AI復(fù)制/粘貼或?qū)�入SVG時(shí)可以選擇嵌入式圖像。此外,當(dāng)你選擇導(dǎo)出為SVG時(shí)，我們還增加了“嵌入”或“鏈接”圖像的選項(xiàng)。

共享的改進(jìn)

這次的更新實(shí)現(xiàn)了多個(gè)版本的原型共享，修改后的設(shè)計(jì)可以創(chuàng)建一個(gè)新的分享鏈接，而舊的設(shè)計(jì)版本及分享鏈接仍然有效，具體做法是:

1、點(diǎn)擊分享圖標(biāo)

2、創(chuàng)建一個(gè)分享鏈接

3、修改你的設(shè)計(jì)

4、再次點(diǎn)擊分享圖標(biāo)

5、選擇“New Links”創(chuàng)建一個(gè)新的公共鏈接

五月份

▼

顏色選擇器

顏色選擇器的使用與其他軟件一樣，但現(xiàn)在還沒(méi)有漸變功能。

文本的改進(jìn):子區(qū)間樣式

現(xiàn)在你可以選擇文本的一部分,改變它的字體,大小和字符間距等屬性。

選擇并編輯多個(gè)畫(huà)板

現(xiàn)在可以同時(shí)框選或按住shift鍵選擇多個(gè)畫(huà)板并在右邊的屬性檢查器中同時(shí)對(duì)他們進(jìn)行編輯。

對(duì)齊畫(huà)板

Adobe XD之前發(fā)布的版本中,我們可以使用對(duì)齊工具來(lái)調(diào)整不同對(duì)象之間的位置�，F(xiàn)在,我們可以使用相同的對(duì)齊工具來(lái)調(diào)整對(duì)象與畫(huà)板的位置關(guān)系。

滾動(dòng)

這個(gè)算是反饋中用戶(hù)呼聲最高的功能了。要使用該功能,先使用預(yù)設(shè)模板創(chuàng)建一個(gè)畫(huà)板并調(diào)整它的高度，虛線(xiàn)以下就代表折疊部分，可以在預(yù)覽窗口查看滾動(dòng)效果。

網(wǎng)頁(yè)原型的全屏功能

只需點(diǎn)擊右上角的全屏圖標(biāo)，按Esc鍵退出。

六月份

▼

尺寸助手

我們?cè)谟懻搮^(qū)看到說(shuō)給開(kāi)發(fā)人員傳遞有價(jià)值的信息在工作流中很重要，所以我們開(kāi)發(fā)出了一系列功能，旨在給開(kāi)發(fā)人員實(shí)現(xiàn)像素級(jí)設(shè)計(jì)提供詳細(xì)的信息。

尺寸助手用起來(lái)像桌上的直尺。選中畫(huà)布上任一對(duì)象，就會(huì)出現(xiàn)水平線(xiàn)、豎直線(xiàn)，并在上面顯示距離。

啟動(dòng)尺寸助手

1.選中對(duì)象后，按住Alt/Option鍵，XD會(huì)顯示這個(gè)對(duì)象四個(gè)邊緣到畫(huà)板的距離。

2.選中一個(gè)對(duì)象，按住Alt/Option鍵，將鼠標(biāo)懸浮至其他對(duì)象之上，XD會(huì)顯示兩個(gè)對(duì)象之間的距離。

3.如果在視覺(jué)上一個(gè)對(duì)象在另一個(gè)對(duì)象之內(nèi)，XD也可以顯示它們之間的距離。

4.當(dāng)兩個(gè)對(duì)象在任何坐標(biāo)軸上都不相交時(shí)，我們會(huì)使用輔助線(xiàn)顯示它們之間的距離。

5.當(dāng)對(duì)象旋轉(zhuǎn)時(shí)，我們會(huì)計(jì)算并顯示對(duì)象外接矩形各邊到其他對(duì)象的距離。

6.當(dāng)你在移動(dòng)對(duì)象時(shí)也可以看到尺寸助手。按住Alt/Option鍵，同時(shí)輕輕移動(dòng)你的目標(biāo)，你依然可以看到距離。

背景和對(duì)象模糊

這個(gè)版本的XD，你可以為任何對(duì)象或文字添加模糊效果了。

XD支持兩種模糊：

對(duì)象模糊：模糊對(duì)象本身

背景模糊：模糊對(duì)象的下層對(duì)象

對(duì)象模糊：直接模糊你選中的對(duì)象。你可以利用側(cè)邊欄控制模糊的數(shù)值。

背景模糊：幫你突出強(qiáng)調(diào)UI界面中特定的一部分，這種效果經(jīng)常用在iOS、macOS和Windows系統(tǒng)中。

背景模糊有三個(gè)設(shè)置項(xiàng)：

模糊值

亮度

不透明度

將原型嵌入網(wǎng)頁(yè)

除了分享鏈接，你現(xiàn)在可以將原型嵌入網(wǎng)頁(yè)了。你還可以將你的原型添加到Behance，這樣每個(gè)人都能在網(wǎng)頁(yè)環(huán)境下體驗(yàn)它們了。只要你打開(kāi)LINK  >嵌入，XD將為您提供一個(gè)iframe HTML代碼段。

增加語(yǔ)言支持

除了英文版，XD現(xiàn)已推出日文、德文和法文版，日后也將會(huì)有更多的版本發(fā)布。

七月份

▼

縮放工具

如果是觸摸板直接滑動(dòng)縮放。如果是鼠標(biāo),按住ALT +鼠標(biāo)滾動(dòng)就可實(shí)現(xiàn)縮放。

縮放工具的快捷方式

縮放工具          z

臨時(shí)縮放          space⌘

放大                 ⌘+

縮小                 ⌘-

縮放以適應(yīng)      ⌘0

100%縮放        ⌘1

200%縮放        ⌘2

放大                  單擊

縮小                  opt / ALT +單擊

返回之前的畫(huà)板

在之前的版本中,沒(méi)辦法在你的原型創(chuàng)建一個(gè)真正的“返回”按鈕,現(xiàn)在，我們?cè)趯?duì)象的下拉列表中加入了這項(xiàng)可選屬性——Previous Artboard（之前的畫(huà)板）

通過(guò)使用這個(gè)新選項(xiàng)你可以很容易地創(chuàng)建一個(gè)鏈接回到先前的畫(huà)板,當(dāng)回到上次訪(fǎng)問(wèn)的畫(huà)板時(shí),動(dòng)畫(huà)會(huì)自動(dòng)反向。

導(dǎo)出PDF

除了PNG和SVG的這兩種格式,XD現(xiàn)在支持PDF導(dǎo)出了。

從Sketch和其他工具中復(fù)制&粘貼內(nèi)容

現(xiàn)在只要(Cmd + C)就可以將Sketch,PPT,InDesign等工具中將內(nèi)容復(fù)制，(Cmd + V)粘貼到你的XD文件中，復(fù)制過(guò)來(lái)的內(nèi)容還是可編輯的。