Adobe XD是一站式UX/UI設(shè)計(jì)平臺(tái)陕壹，在這款產(chǎn)品上面用戶可以進(jìn)行移動(dòng)應(yīng)用和網(wǎng)頁(yè)設(shè)計(jì)與原型制作。同時(shí)它也是唯一一款結(jié)合設(shè)計(jì)與建立原型功能树埠，并同時(shí)提供工業(yè)級(jí)性能的跨平臺(tái)設(shè)計(jì)產(chǎn)品糠馆。使用Adobe XD可以更高效準(zhǔn)確的完成靜態(tài)編譯或者框架圖到交互原型的轉(zhuǎn)變。Adobe XD 面向網(wǎng)站設(shè)計(jì)怎憋、移動(dòng) APP 設(shè)計(jì)等設(shè)計(jì)工作又碌。設(shè)計(jì)、原型绊袋、分享毕匀；XD 一站解決。目前Adobe XD 已經(jīng)可以免費(fèi)使用了癌别，有興趣的可以體驗(yàn)一下皂岔。此文章將全面介紹一下Adobe XD工具。

一.何為Adobe XD?

Adobe XD展姐，全稱為Adobe Experience Design躁垛；這是一款集原型、設(shè)計(jì)和交互于一體的小清新時(shí)代風(fēng)格的設(shè)計(jì)軟件圾笨。Adobe XD使用超級(jí)簡(jiǎn)單又高效的界面教馆；一個(gè)繼承自Creative Cloud 包中，同胞應(yīng)用的樣式擂达。 它為不同平臺(tái)提供原型工具土铺，包括網(wǎng)站、手機(jī)、平板電腦等悲敷。

當(dāng)啟動(dòng)這個(gè)應(yīng)用時(shí)究恤，歡迎頁(yè)面提供不同標(biāo)準(zhǔn)屏幕尺寸模板以及添加你自己設(shè)定的文件尺寸。 而且歡迎頁(yè)面還包含很多資源可以訪問后德，這些資源可以作為學(xué)習(xí)這個(gè)應(yīng)用程序的起點(diǎn)丁溅。

二.Adobe XD的安裝方法

目前XD只能通過用Adobe Creative Cloud安裝，沒有獨(dú)立的安裝包探遵。

安裝軟件可以使用Adobe 創(chuàng)意云（Adobe Creative Cloud）安裝窟赏，使用Adobe創(chuàng)意云速度快，而且可以無縫升級(jí)箱季，系統(tǒng)會(huì)自動(dòng)把舊版本里的插件涯穷、首選項(xiàng)設(shè)置遷移到新版本。

新舊版本可以同時(shí)存在藏雏，只要在Adobe Creative Cloud里設(shè)置拷况，不刪除舊版本，就可以保留你之前的老版本的軟件掘殴。

?通過Adobe Creative Cloud 將XD更新到最新版本可以使用中文界面赚瘦。

三.Adobe XD的使用

1.創(chuàng)建原型項(xiàng)目

打開Adobe XD時(shí)，會(huì)顯示歡迎頁(yè)面和可以選擇的項(xiàng)目類型奏寨。 選擇自己想要的類型起意。 然后在圖標(biāo)上點(diǎn)擊來創(chuàng)建項(xiàng)目。? 創(chuàng)建完畫板病瞳，雙擊畫板名稱揽咕，然后改成“主頁(yè)”。

2.創(chuàng)建原型背景

點(diǎn)擊畫板套菜，在應(yīng)用的右邊屬性面板會(huì)顯示它的屬性亲善，并點(diǎn)擊填色來打開顏色選擇對(duì)話框。 可以在此選擇自己喜歡的背景顏色逗柴。

3. 設(shè)置頁(yè)眉蛹头、增加內(nèi)容

打開文件然后選擇導(dǎo)入。 在文件瀏覽器戏溺，定位到頁(yè)眉圖片并點(diǎn)擊導(dǎo)入渣蜗。 使用圖片周圍的控件來調(diào)整它的尺寸以適合頁(yè)面頁(yè)眉∮诠海可以雙擊圖片來修剪圖片袍睡。從左邊的工具面板選擇矩形工具知染，然后在頁(yè)眉下面創(chuàng)建一個(gè)矩形肋僧。 從右邊的屬性面板，設(shè)置填色，并對(duì)描邊選項(xiàng)取消選擇來消除描邊嫌吠。

在此框內(nèi)可以按照前面步驟添加文字或者附加圖片并加以修改

四.創(chuàng)建內(nèi)容網(wǎng)格

Adobe XD中最有用的工具之一就是你可以從已有內(nèi)容里創(chuàng)建一個(gè)網(wǎng)格止潘，而非手動(dòng)復(fù)制。 在鍵盤上按住Shift并選擇小圖片辫诅、內(nèi)容背景和文字凭戴。 然后，在屬性面板中點(diǎn)擊重復(fù)網(wǎng)格按鈕炕矮。 此操作是把已創(chuàng)建的內(nèi)容復(fù)制到網(wǎng)格么夫。拖曳底部綠色圖標(biāo)來創(chuàng)建內(nèi)容的垂直網(wǎng)格。 然后肤视，雙擊重復(fù)內(nèi)容來修改档痪。 最后，選擇內(nèi)容并且選擇取消網(wǎng)格來結(jié)束它們之間的聯(lián)系邢滑。

五.頁(yè)面的創(chuàng)建與修改

為了創(chuàng)建一個(gè)新布局頁(yè)面腐螟，可以在左邊的工具面板上點(diǎn)擊畫板工具。 然后困后，從右邊選擇模板來創(chuàng)建新頁(yè)面乐纸。重復(fù)以上步驟來創(chuàng)建更多頁(yè)面添加內(nèi)容到頁(yè)面。 最終布局如下：

六：在頁(yè)面間建立聯(lián)系

在頁(yè)面間連接摇予，可以選擇主頁(yè)汽绢，在右邊的模糊箭頭上點(diǎn)擊。 對(duì)象浮動(dòng)菜單出現(xiàn)侧戴；選擇下一個(gè)頁(yè)面庶喜，并設(shè)定過渡動(dòng)畫類型）。 重復(fù)此步驟在其它頁(yè)面間連接救鲤。

最后在應(yīng)用的右上角點(diǎn)擊預(yù)覽圖標(biāo)久窟。 會(huì)顯示允許我們看的和導(dǎo)航到不同頁(yè)面的預(yù)覽屏幕。

Adobe XD界面簡(jiǎn)潔易懂本缠，風(fēng)格大眾斥扛，多數(shù)人即使不使用中文版也能夠熟練運(yùn)用。作為一款設(shè)計(jì)軟件丹锹，它十分成功稀颁。