17款设计师必备的设计工具

移动应用程序设计人员一直在寻找合适的工具，从而设计出更有价值的产品。开发有价值的移动应用程序需要顶尖的技能、创造力，当然还有正确的工具。

根据DMI的说法，“在10年内，以设计为中心的公司投资10,000美元的收益将比标准普尔的同样投资高出228％。”

虽然在纸上绘制线框和产品原型仍然是必不可少的，但是应用程序设计软件使得与客户、开发人员和设计人员更轻松地共享完成或未完成的工作变得更加容易。

但是现在设计工具如此之多，为您的特定类型的应用程序选择最佳工具可能具有挑战性。但是没关系，今天，我提炼了移动应用程序开发者喜欢使用的17个工具，希望能对你有所帮助。

1.Sketch

Sketch是一款基于MacBook的轻量级UI / UX设计工具，适用于现代应用程序设计人员。Sketch更像是Adobe Photoshop，但它主要用于应用程序原型设计，并且在线框和原型设计空间中占有最高份额。

下载大小约为20兆字节，它不会占用太多系统资源，它可以非常快速地导出你的文件。但是，您需要购买一次，然后每年续订许可证。它不能制作动画，却是大多数设计师的最爱。

因此，如果您想编辑照片，则必须将此应用程序与Photoshop或Adobe Illustrator等其他工具结合使用，但是它不支持PC端使用。

2. Adobe体验设计（XD）

XD是Sketch的直接竞争对手。如果你是PC粉丝并且一直在寻求使用Sketch但由于它专门支持Mac而受到限制，那么这对你来说应该是个好消息。

XD基本上为您提供了Sketch - 线框，原型设计等所有功能。

XD非常快速且易于使用，尽管它仍然处于预览状态，功能还不是特别完善，但也深受设计师的喜爱，它的发展前途是非常不错的。

3. Axure RP

Axure RP是专业设计师的完整应用程序设计工具。它试图为您提供从头到尾设计应用程序所需的所有功能。当然，这并不意味着它是完美的。

除了原型设计，它还允许您设计线框，模型，流程图，角色，创意板，用户旅程，图表和图形文档等等。

有趣的是，如果你想要做一些编码，它允许你编码，并且还允许你添加现成的组件和库，以帮助你无缝地创建更好的设计。

所以在这里你不受限制，我猜你只受想象力的限制。目前支持OSX和Windows OS系统。

4. Marvel

这款工具可以轻松地同步其他工具（如Sketch或Photoshop）和插图画家的设计，甚至可以同步Dropbox或Google Drive等云存储设计。

因此，您可以使用不同的工具添加您的设计，并使用Marvel使其具有所有动画功能。

与其他工具不同，Marvel是特定的设计，原型和协作。如果你也正在寻找这样的设计工具，那么Marve就再合适不过了。

5. Proto.io

通过大量的设计和原型模板，可以使用Proto.io。它易于使用，因为不需要编码。更重要的是，您可以从Sketch或Photoshop无缝导入UI组件。

我们可以使用时间轴功能创建动画，以在不同屏幕上显示应用流程。Proto.io有很多功能，它可以做得简单而优雅。

在Dropbox或Google云端硬盘中拥有资源？Proto.io可以轻松地同步，以帮助您简化工作流程。Proto.io（Material Design UI Library和离线模式）的这些有趣的功能不容忽视 - 尽管它是一个Web应用程序。

值得庆幸的是，它是一个基于浏览器的原型设计工具，您无需下载任何重型软件，您可以在注册15天免费试用后立即开始使用它。

6.Origami Studio

Origami是由Facebook工程师开发的独立界面设计工具，已被Facebook用于设计Facebook Messenger和Instagram等Facebook应用程序，可以免费使用，它是一个功能强大的复杂工具。

您可以使用Origami（Android或iOS）预览应用原型，从Sketch复制和粘贴图层并让它们在Origami中工作。

想向您的客户或任何人展示您的设计？您可以录制原型并快速将其发送给Origami应用程序中的任何人。

Origami的另一个很酷的功能是，您可以将其连接到您的iOS或Android设备进行预览，并在您处理时查看实时更改。

7. OmniGraffle

OmniGraffle是一个图表设计工具，提供原型屏幕流，战略地图，线框图和各种图表的功能和自由。

使用OmniGraffle，您可以快速可视化应用程序的流程。因此，它可以帮助您轻松规划应用程序开发。

8. Balsamiq

与其他工具不同，Balsamiq可以帮助您轻松地设计线框。如果你正在寻找一种仅仅设计线框的工具，那么Balsamiq就能很好地完成。

您可以决定制作线框草图或制作干净的线框设计。它速度快，并且有很多UI元素可以与您的设计相匹配。

9. JustIn Mind

JustInMind是一个独立的工具，用于设计线框和原型设计。可以将此工具下载到您的服务器以进行团队协作。它允许您通过其小部件库将HTML，视频，在线小部件，文档，交互式地图和在线/离线添加到您的应用程序。

JustinMind还允许与JIRA，Microsoft TFS，Doors集成。您可以从同一平台管理您的团队成员。更重要的是，他们有大量的插件扩展，以帮助您更轻松的工作。

10. HotGloo

HotGloo是一个强大的界面设计工具，允许您对需要特定用户界面的任何类型的移动应用程序进行原型设计。它具有非凡的互动功能。

它允许许多设计人员从任何地方开始处理单个线框项目。它是一个基于Web的工具，这意味着您不受限制 - 您可以从任何地方使用它，并且您不需要下载任何软件。

11. UI Stencil Kit

如果您与团队合作，在办公室中，UI模板工具包可以在您的应用程序头脑风暴和构思阶段为您提供大量帮助。

它有一些粘滞便笺功能，你可以在创意板上发布，使你的初始构思阶段非常灵活。UI模板套件是每个设计师必备的工具。把想法写在纸上，这非常重要。

12.Flinto

也许您想与您的团队合作，每个人都在使用Mac，现在您正在考虑购买Mac，因为您希望能够使用Sketch？

好吧，Flinto有一个网络版和Mac版，您可以轻松导入Sketch和Photoshop设计并加入您的团队。你永远不会觉得自己被排除在外。

FramerJS是一个灵活的交互式移动应用程序设计工具，允许您编写或使用他们的可视化编辑工具，在后端自动生成相应的代码，如果您想更改代码，也可以。如果你只是一个视觉设计师，视觉编辑器应该没问题。

FramerJS不是刚开始使用访问他们网站的应用程序。您需要接受一些免费提供的培训。您可以学习如何使用该工具创建强大的线框和原型。

基本上，对于Framer，你的想象力有限。您可以预览原型。它有助于简化工作流程，并轻松地从Sketch，Figma和Photoshop导入您的设计，并与您的团队成员协作。

14. InVision

您是否已经完成了设计并需要为其添加交互性？inVision允许您上传设计文件并添加动画，手势和过渡，以将静态原型转换为交互式可点击原型。

它可以帮助您通过有效的协作来指导和管理工作流程。

15.Zeplin

Zeplin是一个面向设计人员和开发人员的协作工具。它远远超出了设计和工作流程，它允许移动设计师创造杰作。它允许您从Photoshop和Sketch上传线框和视觉设计，并将它们添加到Zeplin中的项目文件夹中。

构建产品规范文档并每隔一段时间重复一次这样做真的很乏味。但是 使用Zeplin，就不需要这样做了。

开发人员无需等到设计人员在获得规范之前完成设计，因为开发人员可以尽早引入该过程，并为Sketch或Photoshop上传的文件生成注释。

迭代可以同时完成 - 从而减少项目的迭代次数。

16. UXPin

您希望能够在没有代码的情况下创建功能强大的用户体验，并在一个地方完成从设计到开发的整个过程的方式吗？那找UXPin就够了。

UXPin是一个拖放UI / UX设计工具，用于创建高端保真线框和原型。

它允许您在程序中或从Photoshop或Sketch中进行设计并将其导入UXPin，您可以在短时间内创建交互式工作流和线框。

由于它有很多内置元素，因此您不受任何限制。也就是说，您可以尝试使用1000多种内置元素来处理Web，移动和桌面产品。

17. Iconjar

组织你的图标无法改善，Iconjar允许您将所有图标上传并存储在一个可以搜索它们的位置，然后将它们拖放到Sketch或Photoshop上的项目中。

一直搜索和上传图标可能会非常紧张和耗时 - 实际上，Iconjar消除了这种麻烦。现在，您可以在一个地方组织数千个图标，然后，在Sketch，Photoshop或Illustrator上拖放到您的项目中。

但是，您可能无法上传.ai和.sketch文件。

结论

原型为您的新想法赋予生命。我们不需要全部使用这些工具，您只需要找到真正适合您的工具。