返回  

2019年Adobe XD UI套件和模板

2019/11/6 9:39:47 来源:深圳网站建设公司Clh

今天,我们准备了一些视觉设计以及功能上很非常不错的Adobe XD UI套件和模板。 借助这些模板,你可以使用Adobe一流的UX设计工具来创建更具专业外观的设计。


带有免费计划的Adobe XD在功能上令所有人感到惊讶。 它正在成为Sketch应用程序的绝佳替代品,吸引了许多用户体验和用户界面设计师。 同时也满足了Windows用户在UX设计工具选择上的空缺。

Adobe XD应用程序本身具有许多功能,使其成为UX设计人员的绝佳工具。 但是,使用第三方模板,你可以很好更快地创建更多令人惊叹的设计。 以下列表中的所有Adobe XD UI套件和模板都可以证明了这一点。


1.vApp – Website UI Kit Adobe XD Templates

vApp – Website UI Kit Adobe XD Templates

该捆绑包非常适合作为应用程序登录页面以及在SaaS网站界面上工作的设计师。 它包括15个主页模板和9个内部网页设计。 所有模板都可以使用Adobe XD和Sketch应用程序进行编辑和调整。


2.E-Commerce Admin Dashboard UI Kit

E-Commerce Admin Dashboard UI Kit

设计数据类或信息类的仪表界面需要非常注意细节。 使用这些模板,设计过程将变得更加容易。 它具有完整的仪表板设计,其中包含许多元素。 模板提供了浅色和深色设计。


3.Cards UI Kit – Dashboard Widgets & Components

Cards UI Kit – Dashboard Widgets & Components

此Adobe XD UI套件具有许多可编辑的小部件和组件模板,你可以在设计时尚的仪表板用户界面时使用它们。 模板使用Bootstrap网格框架制作,同时也提供了Sketch版本。


4.Prisma UI Kit – Adobe XD Mobile Screens

Prisma UI Kit – Adobe XD Mobile Screens

另一个完整的移动UI套件,具有70多个独特的移动屏幕,可用于设计各种应用程序。 它具有针对iOS 12和iPhone X进行优化的应用程序屏幕。模板提供7种不同类别。


5.Company Dashboard UI KIT for Adobe XD

Company Dashboard UI KIT for Adobe XD

使用此Adobe XD UI工具包可以为公司服务类的网站设计和SaaS后端设计提供现代且简洁的仪表板界面。 模板易于定制。 并且还包括一个登录页面和关于我们的页面模板。


6.Free Smartwatch UI Kit for AdobeXD

Free Smartwatch UI Kit for AdobeXD

这是一个使用Adobe XD制作的独特且免费的UI套件,捆绑了许多用于设计smartwatch用户界面的屏幕。 它包括60个带有可自定义元素和图标的屏幕。


7.FreeWire – Free Wireframe Kit For Adobe XD

FreeWire – Free Wireframe Kit For Adobe XD

网站设计人员必备的一个Adobe XD模板。 该免费资源包括用于设计网站线框和模型的完整线框图工具包。


8.Material Design UI KIT – 300+ Adobe XD Templates

Material Design UI KIT – 300+ Adobe XD Templates

这是一个包含有多个Adobe XD模板的文件,可用于设计各种应用程序和用户界面。 该软件包包含300多种不同的模板,这些模板可分为14个类别,共有1200个独特元素可以供你进行选择。


9.Settings – Android UI Kit for Adobe XD

Settings – Android UI Kit for Adobe XD

如果你正在处理Android应用程序的相关页面,则此Adobe XD模板会派上用场。 它带有4个独特的应用程序屏幕,专门用于设计移动应用程序的设置屏幕。


10.Features & Icon Boxes – Multipurpose Templates

Features & Icon Boxes – Multipurpose Templates

这是一个模板的集合,这些模板具有用于网站设计和应用程序登录页面的图标框和功能块,并提供了Adobe XD,Sketch和Photoshop文件格式。


使用Adobe XD UI套件的5条提示

学习使用UI工具包其实很容易。 有了这些技巧,该过程将变得更加容易。

1.选择合适的资源包

在下载Adobe XD的UI套件时,请确保为你的项目选择正确的文件。 例如,UX设计过程的每个部分都有模板,包括线框图工具包,模型,应用程序屏幕等。 尝试查找包含设计项目每个阶段的所有必要元素的文件。


2.使用网格或风格指南

即使使用预制模板,也必须保持适当的网格和样式指南。 它非常方便,特别是当你必须自己创建其他新屏幕和元素时。

幸运的是,Adobe XD具有内置工具,可以很轻松地创建样式指南。 实际上,你也可以从第三方站点下载和导入网格和样式指南。


3.从Photoshop复制矢量文件

使用Adobe XD的众多好处之一是,它与其他Adobe图形编辑软件有着密切的关系。 例如,你可以轻松地从Photoshop复制SVG之类的矢量并将其粘贴到Adobe XD画布中,以轻松放置图形。

这将帮助你更快地编辑Adobe XD模板。


4.图片占位符

在Adobe XD中创建形状时,可以将其用作图像占位符。 你所要做的就是将图像拖放到形状上,它将自动充当图像蒙版。 Adobe XD模板上的大多数形状都以相同的方式工作。


5.直接在移动设备上预览

Adobe XD还具有适用于Android和iOS设备的应用程序。 该应用程序也可以与你的Creative Cloud帐户关联。 它使你可以直接在移动设备上预览应用程序设计。 这对于移动应用程序和UI设计而言非常有用。


总结

使用合适的模板文件可以有效的帮助你的项目获得更好的视觉和交互体验,并节约你更多的时间和预算。

如果你正在学习Adobe XD,或者正在规划相关的项目的换,欢迎阅读原文章(https://designshack.net/articles/inspiration/adobe-xd-ui-kits-templates/)以获取更多的资源和创意灵感。








----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务