使用Adobe XD的unDraw插件使您的设计栩栩如生

Adobe XD的UnDraw插件的封面图像。

设计师拥有无与伦比的自由度,可以为工作创建和生成正确的元素,并找出正确的工作流程以快速完成工作。但是,在创建带有插图的设计时,您的选择是有限的,并且您经常会面临一个艰难的选择:您应该花费宝贵的时间从头开始创建原始插图,还是请插图画家为您创建插图。此外,您的设计可能会被拒绝或需要进行大量更改,而您对项目插图的梦想很快就会变成噩梦。

新的XD插件UnDraw for Adob​​e XD通过提供不断更新的可自定义.svg插图集合来帮助解决此问题,即使在商业项目中,您也可以免费使用这些插图而无需注明出处。UnDraw已经成为设计社区中许多人的固定装置,每月有15万用户登录unDraw网站以查找精美的插图,所有插图均由希腊塞萨洛尼基的才华横溢的设计师Katerina Limpitsouni创作。现在,随着针对Adobe XD的官方unDraw插件的发布,设计师可以使用XD的自动动画功能来获得插图并进行动画处理。

UnDraw for Adob​​e XD:平台中的全面功能

新插件将unDraw的所有功能直接集成到了Adobe XD中。这意味着您无需离开XD,就可以进行实时和本地色彩编辑,直接.svg导入,即时搜索以及与网站的实时同步以获取最新插图。您可以按主题浏览或搜索以找到精美的插图,这些插图可以在XD中完全编辑,因此您可以组合图像,形状和重新绘制对象来创建自己的独特设计。Katerina Limpitsouni的作品已经有700多个手工绘制的插图处于绘制阶段,他们的工作在Adobe XD中为您提供了可观的矢量图像库,以提高您的设计技能。

使用UnDraw向量和Adobe XD的自动动画功能创建的示例。 动画人物在树上荡秋千。 叶子以及角色的各个部分都被动画化。

使用UnDraw矢量和XD的自动动画功能可在几分钟内创建的示例。

UnDraw和Adobe XD入门

我们要求unDraw的技术联合创始人Aggelos Gesoulis分解开始将unDraw与Adobe XD一起使用的过程。您也可以直接下载插件,然后在此处尝试。

  • 步骤1:打开Adobe XD。
  • 步骤2:在任何浏览器上访问https://xd.undraw.co,然后单击“下载”,或在XD内选择“附件”>“插件”以启动插件管理器。搜索unDraw,然后单击“安装”。

该屏幕快照显示了如何通过Adobe XD的插件管理器安装UnDraw插件。

  • 步骤3:在XD中,选择“插件”>“展开”。浏览库,找到要在设计中使用的图像。单击搜索图标,然后输入任何相对关键字。
  • 步骤4:点击插图。它会下载到XD中,随时可以粘贴到您需要的位置。
  • 步骤5:右键单击并选择Paste(粘贴),或按Ctrl +V。现在将图像插入到您的设计中。确保在调整大小的同时按住Shift键并将其放置在需要的位置。
  • 步骤6:通过打开“资产”并更改值(已自动添加)来自定义插图的主要颜色。

用户演示使用XD的UnDraw插件自定义矢量插图中的颜色所涉及的过程。

自动动画和绘制:使您的设计栩栩如生

您还可以将unDraw插件的插图提供的所有功能与XD最激动人心的功能之一“自动动画”一起使用。这使您可以添加运动并创建引人注目的动画设计。如您在整个帖子中的图像中所见,结果非常有效,只需单击几下即可快速轻松地为多个画板之间的过渡设置动画。点击此处,了解如何通过下载unDraw团队与我们共享的starter XD文件来为设计添加动感,提取独特的图标并使用插图。

使用UnDraw向量和Adobe XD的自动动画功能创建的示例。 动画角色与动画文本框图形进行交互。

UnDraw for Adob​​e XD插件将两个功能强大的设计工具整合在一起,以创建简单(但仍具有影响力)的插图工作流程。开始在您的设计中添加精美的插图,并且无需注明出处,并且无需支付任何费用。如果您已经拥有Adobe XD,请单击此处下载适用于XD的unDraw插件并立即开始使用。如果您还没有尝试过XD,则可以访问我们的网站免费下载XD。

本站所有素材均来自网络,如果侵犯了您的版权,就随时联系我们的客服。
Adobe XD中文网 » 使用Adobe XD的unDraw插件使您的设计栩栩如生

Adobe XD中文网

立即查看 了解详情