今天，我們準(zhǔn)備了一些視覺設(shè)計以及功能上很非常不錯的Adobe XD UI套件和模板。 借助這些模板，你可以使用Adobe一流的UX設(shè)計工具來創(chuàng)建更具專業(yè)外觀的設(shè)計。
帶有免費(fèi)計劃的Adobe XD在功能上令所有人感到驚訝。 它正在成為Sketch應(yīng)用程序的絕佳替代品，吸引了許多用戶體驗(yàn)和用戶界面設(shè)計師。 同時也滿足了Windows用戶在UX設(shè)計工具選擇上的空缺。
Adobe XD應(yīng)用程序本身具有許多功能，使其成為UX設(shè)計人員的絕佳工具。 但是，使用第三方模板，你可以很好更快地創(chuàng)建更多令人驚嘆的設(shè)計。 以下列表中的所有Adobe XD UI套件和模板都可以證明了這一點(diǎn)。
1.vApp – Website UI Kit Adobe XD Templates
該捆綁包非常適合作為應(yīng)用程序登錄頁面以及在SaaS網(wǎng)站界面上工作的設(shè)計師。 它包括15個主頁模板和9個內(nèi)部網(wǎng)頁設(shè)計。 所有模板都可以使用Adobe XD和Sketch應(yīng)用程序進(jìn)行編輯和調(diào)整。
2.E-Commerce Admin Dashboard UI Kit
設(shè)計數(shù)據(jù)類或信息類的儀表界面需要非常注意細(xì)節(jié)。 使用這些模板，設(shè)計過程將變得更加容易。 它具有完整的儀表板設(shè)計，其中包含許多元素。 模板提供了淺色和深色設(shè)計。
3.Cards UI Kit – Dashboard Widgets & Components
此Adobe XD UI套件具有許多可編輯的小部件和組件模板，你可以在設(shè)計時尚的儀表板用戶界面時使用它們。 模板使用Bootstrap網(wǎng)格框架制作，同時也提供了Sketch版本。
4.Prisma UI Kit – Adobe XD Mobile Screens
另一個完整的移動UI套件，具有70多個獨(dú)特的移動屏幕，可用于設(shè)計各種應(yīng)用程序。 它具有針對iOS 12和iPhone X進(jìn)行優(yōu)化的應(yīng)用程序屏幕。模板提供7種不同類別。
5.Company Dashboard UI KIT for Adobe XD
使用此Adobe XD UI工具包可以為公司服務(wù)類的網(wǎng)站設(shè)計和SaaS后端設(shè)計提供現(xiàn)代且簡潔的儀表板界面。 模板易于定制。 并且還包括一個登錄頁面和關(guān)于我們的頁面模板。
6.Free Smartwatch UI Kit for AdobeXD
這是一個使用Adobe XD制作的獨(dú)特且免費(fèi)的UI套件，捆綁了許多用于設(shè)計smartwatch用戶界面的屏幕。 它包括60個帶有可自定義元素和圖標(biāo)的屏幕。
7.FreeWire – Free Wireframe Kit For Adobe XD
網(wǎng)站設(shè)計人員必備的一個Adobe XD模板。 該免費(fèi)資源包括用于設(shè)計網(wǎng)站線框和模型的完整線框圖工具包。
8.Material Design UI KIT – 300+ Adobe XD Templates
這是一個包含有多個Adobe XD模板的文件，可用于設(shè)計各種應(yīng)用程序和用戶界面。 該軟件包包含300多種不同的模板，這些模板可分為14個類別，共有1200個獨(dú)特元素可以供你進(jìn)行選擇。
9.Settings – Android UI Kit for Adobe XD
如果你正在處理Android應(yīng)用程序的相關(guān)頁面，則此Adobe XD模板會派上用場。 它帶有4個獨(dú)特的應(yīng)用程序屏幕，專門用于設(shè)計移動應(yīng)用程序的設(shè)置屏幕。
10.Features & Icon Boxes – Multipurpose Templates
這是一個模板的集合，這些模板具有用于網(wǎng)站設(shè)計和應(yīng)用程序登錄頁面的圖標(biāo)框和功能塊，并提供了Adobe XD，Sketch和Photoshop文件格式。
使用Adobe XD UI套件的5條提示
學(xué)習(xí)使用UI工具包其實(shí)很容易。 有了這些技巧，該過程將變得更加容易。
1.選擇合適的資源包
在下載Adobe XD的UI套件時，請確保為你的項(xiàng)目選擇正確的文件。 例如，UX設(shè)計過程的每個部分都有模板，包括線框圖工具包，模型，應(yīng)用程序屏幕等。 嘗試查找包含設(shè)計項(xiàng)目每個階段的所有必要元素的文件。
2.使用網(wǎng)格或風(fēng)格指南
即使使用預(yù)制模板，也必須保持適當(dāng)?shù)木W(wǎng)格和樣式指南。 它非常方便，特別是當(dāng)你必須自己創(chuàng)建其他新屏幕和元素時。
幸運(yùn)的是，Adobe XD具有內(nèi)置工具，可以很輕松地創(chuàng)建樣式指南。 實(shí)際上，你也可以從第三方站點(diǎn)下載和導(dǎo)入網(wǎng)格和樣式指南。
3.從Photoshop復(fù)制矢量文件
使用Adobe XD的眾多好處之一是，它與其他Adobe圖形編輯軟件有著密切的關(guān)系。 例如，你可以輕松地從Photoshop復(fù)制SVG之類的矢量并將其粘貼到Adobe XD畫布中，以輕松放置圖形。
這將幫助你更快地編輯Adobe XD模板。
4.圖片占位符
在Adobe XD中創(chuàng)建形狀時，可以將其用作圖像占位符。 你所要做的就是將圖像拖放到形狀上，它將自動充當(dāng)圖像蒙版。 Adobe XD模板上的大多數(shù)形狀都以相同的方式工作。
5.直接在移動設(shè)備上預(yù)覽
Adobe XD還具有適用于Android和iOS設(shè)備的應(yīng)用程序。 該應(yīng)用程序也可以與你的Creative Cloud帳戶關(guān)聯(lián)。 它使你可以直接在移動設(shè)備上預(yù)覽應(yīng)用程序設(shè)計。 這對于移動應(yīng)用程序和UI設(shè)計而言非常有用。
總結(jié)
使用合適的模板文件可以有效的幫助你的項(xiàng)目獲得更好的視覺和交互體驗(yàn)，并節(jié)約你更多的時間和預(yù)算。
如果你正在學(xué)習(xí)Adobe XD，或者正在規(guī)劃相關(guān)的項(xiàng)目的換，歡迎閱讀原文章（https://designshack.net/articles/inspiration/adobe-xd-ui-kits-templates/）以獲取更多的資源和創(chuàng)意靈感。
----圖文來自：design shack
----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理，為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)