Adobe XD:您可以立即使用的免费UI和UX设计工具

您通常不将Adobe与“免费"下载相关联,但这恰恰是该公司使用Adobe XD所做的。这是一款用于移动设备和网站的快速界面原型开发应用程序,可让设计人员快速提出针对特定平台的设计。

关于Adobe XD的最好的事情就是它的易用性。即使您几乎没有设计任何东西的经验,也只有一个非常缓慢的学习曲线才能使您退缩。

即使UI令人耳目一新,也没有所有工具和面板使如此众多的人离开Photoshop等应用程序,Illustrator和Lightroom。在本文中,我们将向您介绍Adobe XD,并说明您可以使用或不使用它。

什么是Adobe XD?

Adob​​e XD是一种设计工具。它不会为您构建应用程序,但是它将帮助您为下一个移动或平板电脑应用程序,网站或其他用户界面呈现什么样的外观或原型。该应用程序使用画板(基本上是屏幕模型)来提供您的应用程序设计的可视化表示。

创建可运行的移动应用程序和网站可能需要大量的技术知识。 Adobe XD为您提供了将想法转变为概念证明的工具。完成后,您将获得一份可用于工作的蓝图,并且可以不断进行调整,直到对设计满意为止。

同样,概念艺术也是如此重要在创造性工作中(请参阅此精美的视频游戏概念艺术作为证明),对于软件和网站建设,理想的界面设计概念证明非常重要。为程序员提供与最终产品非常匹配的概念是一种使您的期望与可能的结果保持一致的好方法。

所有应用程序中最好的应用程序以任何人都可以使用的方式进行设计。无论您是经验丰富的设计师,程序员还是缺少这两种技能的人; Adobe XD可以弥合您的愿景与技术知识之间的鸿沟。您甚至不必学习编写代码即可设计应用程序。

Adob​​e XD可以做什么?

Adob​​e XD在设计时考虑了一些特定的应用程序,但是您可以还要跳出框框。该应用程序通过包含以下模板来使事情变得简单:

  • 智能手机应用程序:从iPhone 5和SE到最新型号;
  • 平板电脑应用:使用适用于iPad的模板,两种尺寸的iPad Pro,Surface Pro 3和4,以及一个通用的Android平板电脑模板。
  • 网站/网络应用程序:有一些预设可供选择,包括Full HD。
  • 您不必坚持使用这些模板,它们是只是为了让您的生活更轻松。您还可以指定一个完全自定义的界面(即屏幕)大小,并开始针对您可以想象的任何平台进行设计。

    如果要设计移动应用程序,则可以下载免费的Adobe XD

    UI套件使生活更轻松

    如果您正在考虑为iOS,Android,Windows或Windows进行设计,另一个完善的平台;您可以使用UI工具包获得帮助。这些实质上是由Apple,Google,Microsoft和其他公司维护的项目模板,可以Adobe .XD文件格式下载。

    使用UI套件,您可以加快生产速度,从而可以在限制和通用范围内设计应用程序您选择的平台中看到的元素。由于它们是由平台开发人员维护的,因此它们通常始终是最新和透彻的。

    例如,Apple的iOS UI套件包括适用于各种设备的空白屏幕尺寸,例如iOS键盘,导航元素(如屏幕顶部的功能区),iOS切换按钮等。您可以轻松地将元素复制并粘贴到设计画板上,并创建准确的原型。

    Adob​​e还维护其他一些UI套件,包括与watchOS兼容的smartwatch示例,一个电子商务网站套件和一套创建数字货币智能手机应用程序的示例。您需要分别下载适用于iOS,Google的Material设计和Microsoft Windows的相应UI工具包。

    一组简单的内置工具

    与Adobe的其他复杂图形和设计不同应用程序,XD仅有一个简单的工具,界面简洁漂亮。您已经有了基本的形状:矩形,圆形,直线和用于创建自定义形状的钢笔工具。还有一个简单的文本工具,可以访问Typekit字体库(但不是全部)。

    然后,您可以更改与这些元素相关的各种属性,例如不透明度,填充颜色,边框,阴影,和滚动行为。最后是一个放大镜和一个画板工具,用于扩展您的设计。

    Adob​​e XD通过“捕捉"到屏幕边缘(屏幕的中心点)周围的位置,将元素放置在美观的位置。画布和其他元素。如果需要,可以按住一个按钮来覆盖它(在Mac版本中为 Cmd )。

    在应用程序的顶部边缘,您将看到两个开关:< strong>设计和原型。在设计上,您将花费大部分时间来创建愿景。切换到“原型"模式以在屏幕上的元素之间添加各种交互。您可以触发事件并切换到不同的画板,从而提供简单的用户体验,而无需编写任何代码。

    这是通过简单的拖放界面完成的,例如:创建一个按钮使用圆圈工具,创建具有该按钮按下所需结果的新画板(例如,应用程序中的其他选项卡),切换到“原型"模式,然后将箭头从该按钮拖动到新画板。点击“播放"按钮或在实时设备上预览以查看其播放效果。

    您甚至可以指定过渡效果和效果,使其看起来精美。原型模式有一些很大的限制。您可能无法真正深入地了解它,但是它可以达到目的,并且简单的实现使其易于使用。

    Adob​​e XD的免费版本有多有限?

    作为免费产品,Adobe XD旨在让您迷上其简单的工作流程和用户友好的工具,而无需花一分钱。免费版本的最大缺点是无法一次拥有多个活动的共享原型或一组设计规范。

    因此对于您的第一个设计或项目,免费版本可能就足够了。与团队或应用程序开发人员共享更多设计或项目时,您很快就会碰壁。您始终可以通过 File> Export 选项永久免费地将各种画板导出为.PNG文件。

    但是,画板之间的共享原型和交互性是其中的佼佼者之一这里的功能。没有它,该应用程序仍然很有用,只是程度不同。您无法构建完全实现的原型,但可以快速放下设计。

    免费版本的其他限制包括有限数量的Typekit字体和2GB的云存储(相对于100GB)(适用于Creative Cloud订户)。如果您决定增加付费版本的现金,那么单独使用此应用程序,Adobe XD每月将花费您9.99美元,而完整的Creative Cloud套件将花费您52.99美元/月。

    我们认为Adobe Creative Cloud是值得花钱,但前提是您能够充分利用它。

    Adob​​e XD是令人惊讶的用户友好工具

    Adob​​e XD是有用的工具,无论您打算使用什么工具付出还是不付出。在某些情况下,您可能会免费使用免费版本来处理小型个人项目。在进行认真的工作和与团队共享时,您需要进行升级。

    Adob​​e XD并不是UI设计的全部内容。多年来,设计师一直在使用图形工具来为网站,应用程序设计等创建模型。查看预算有限的设计师最佳的Mac矢量图形工具,以查看一些功能强大的替代品。

    标签: Adobe Creative Cloud 设计