山東經(jīng)緯技工學(xué)校是大學(xué)嗎(山東經(jīng)緯技工學(xué)校簡介)

AdobeXD是一種基于矢量的UI和UX設(shè)計工具，可用于設(shè)計從智能手表應(yīng)用程序到成熟網(wǎng)站的任何內(nèi)容。讓我們來看看它為設(shè)計師提供了什么以及為什么它是網(wǎng)頁設(shè)計行業(yè)中如此強大的工具。

什么是AdobeXD？

AdobeXD于2015年在AdobeMAX年度會議上首次作為“ProjectComet”推出。當(dāng)時，對于仍在使用Photoshop或Illustrator進行UI設(shè)計的人來說，這是一股新鮮空氣。畢竟，網(wǎng)絡(luò)給印刷帶來了截然不同的設(shè)計挑戰(zhàn)。

我自己開始在Photoshop中設(shè)計網(wǎng)站，所以我知道所有的困難（特別是在響應(yīng)式和流暢設(shè)計方面），但XD完全不同。它是從頭開始開發(fā)的，特別考慮了UI和UX設(shè)計，因此它具有許多其他圖形應(yīng)用程序中從未存在的功能。

AdobeXD有什么用途？

請務(wù)必記住，AdobeXD解決了Photoshop和其他圖形應(yīng)用程序無法解決的兩個主要問題：

交互設(shè)計不是靜態(tài)的。設(shè)計師不能單獨使用像素來傳達流暢和動態(tài)的設(shè)計。現(xiàn)代設(shè)計過程不僅僅涉及拋光的成品。線框圖、迭代和行為都是UI和UX設(shè)計中協(xié)作決策的一部分。AdobeXD非常適合獨立設(shè)計師或整個團隊進行基于矢量的UI設(shè)計、線框圖、交互設(shè)計、原型設(shè)計和高保真Web/應(yīng)用程序設(shè)計。

EnvatoElements上的AdobeXD圖形模板

在EnvatoElements上無限下載高質(zhì)量AdobeXD圖形模板，創(chuàng)建令人驚嘆的項目。只需按月付費即可獲得您所需的所有設(shè)計資源！

AdobeXD功能

在AdobeXD的功能中，我們可以找到以下功能：

原型制作工具3D變換動畫和過渡設(shè)計組件（完全流暢）支持第3方插件和擴展響應(yīng)式調(diào)整內(nèi)容和布局大小重復(fù)網(wǎng)格這些只是AdobeXD中可以內(nèi)置的一些出色功能，因為它從一個全新的開始。

我最喜歡的3個是：

1.重復(fù)網(wǎng)格

重復(fù)網(wǎng)格很棒。它們允許您復(fù)制元素并自動將它們排列在網(wǎng)格中。使用控件可以輕松更改垂直和水平間距。這可以節(jié)省您在設(shè)計中手動復(fù)制和粘貼（和更改）元素的大量時間。

2.AdobeXD組件

我的列表中的第二個是組件和組件狀態(tài)。AdobeXD中的組件是適用于“主”和“實例”邏輯的可重用元素。

主要組件的副本稱為“實例”。對main所做的任何更改都會反映在實例上，但實例可以獨立于main進行更改。“狀態(tài)”是組件的變體，在AdobeXD中，您可以輕松地在設(shè)計模式和原型模式的狀態(tài)之間切換。

3.文件資產(chǎn)

最后，我們有文檔資源，它允許您將顏色和字符樣式保存在單個存儲庫中，然后將它們應(yīng)用到其他元素。

這些以及組件也保存在可以與其他人共享的文檔庫中。例如，對于創(chuàng)建設(shè)計系統(tǒng)或協(xié)作完成單件作品，這是一個非常有用的功能。

AdobeXD中的原型設(shè)計

我個人最喜歡的三個功能到此結(jié)束，但對于大多數(shù)人來說，您會發(fā)現(xiàn)原型設(shè)計位于列表的頂部——這是有充分理由的。有了它，您可以創(chuàng)建非常流暢的動畫并在更真實的環(huán)境中展示您的設(shè)計；具有轉(zhuǎn)換、多個屏幕和對象狀態(tài)。像這樣將您的設(shè)計變?yōu)楝F(xiàn)實并允許用戶與其交互是非常有價值的。

價格和平臺可用性

AdobeXD我喜歡的一件事是它可以免費使用。它確實為任何想要訪問協(xié)作功能的人提供付費計劃，但免費應(yīng)用程序本身對于大多數(shù)人來說已經(jīng)足夠了。另一個優(yōu)點是它可在MacOS和Windows上使用，并且您還可以將所有XD文件保存在AdobeCloud中，這意味著您可以從多個設(shè)備訪問它們。