面向UX / UI设计人员的9大免费和付费原型制作工具

探索用于UX的最佳原型制作工具 & UI设计器,可以使您的产品创建更快,更有效.


UX / UI设计人员的最佳原型制作工具

原型比上千次会议更好.

毕竟,您将来的用户和利益相关者都可以看到并点击。这是收集他们的反馈并使您的产品更好的好方法-在早期阶段,而不是在即将完成时.

这就是为什么设计师在此阶段尽力而为的原因,正确的工具一定可以帮助您.

但是,很难在如此众多的应用程序中迷失自己-免费,付费,基于网络的应用程序和桌面应用程序.

为了帮助您选择合适的软件,我列出了2020年9种最佳的原型设计工具,既实用又有效.

让我们检查一下.

顶级免费原型制作工具

当您可以使用免费的原型制作工具时,花数百美元购买软件有什么意义??

但是有一个陷阱-免费工具大多简单,功能有限。如果您与大量开发人员一起进行UI / UX设计,则它们将无法工作.

不过,如果您正在从事单个项目(例如企业网站),那么免费工具可能绰绰有余.

我已经收集了一些您可能需要试用的原型制作工具-不会花一分钱.

Adobe XD

平台类:macOS,Windows

Adobe XD原型工具截图

Adobe XD 带有非常简单但易于使用的界面,与其他Creative Cloud应用程序匹配.

在“原型”部分中,设计人员可以链接画板或屏幕,查看完成的原型并共享以供客户查看.

核心功能:

  • 线原型流程. 设计者可以从设计模式切换到原型并连接画板。它可以帮助他们交流多屏应用程序的流程并在不同情况之间切换.
  • 语音原型. 创作者使用语音触发器和语音回放与原型交互。简而言之,在Adobe XD中,设计师可以使用语音命令作为触发器.
  • 设备上的iOS和Android预览. 在为iOS或Android应用程序构建原型时,设计人员可以使用XD移动应用程序在兼容的设备上预览其工作。因此,他们可以同时预览和测试应用.
  • 草图,Photoshop和Illustrator文件导入. Adobe设计工具彼此兼容,因此您可以在Illustrator中复制一个元素并将其粘贴到Adobe XD。除了Adobe工具,还有Sketch的插件.

入门计划 用户有权访问无限的共享文档,编辑器和共享链接(至2020年4月).

视觉

平台类:基于网络

Invision原型工具屏幕截图

视觉 是迄今为止最流行的线框图,原型制作和模型制作工具.

核心功能:

  • 构建丰富的交互式原型. 帮助设计人员有效处理InVision并创建新的整齐原型的主要功能.
  • 留下评论. 设计团队可能会写他们对不同原型的评论。另外,他们可以查看更改的历史记录–文件一旦被编辑,便会立即更新.
  • 同步化. 项目与Google云端硬盘或Dropbox等云存储进行同步。 InVision还具有一个项目管理系统,可以有效地组织工作流程.
  • 外挂程式. 一些允许用户从Sketch和Photoshop将设计发送到InVision的插件.

免费计划提供了一个带有无限屏幕的原型,这对于单个设计师而言可能就足够了.

奇迹

平台类:网络,iOS,Android

奇迹原型工具屏幕截图

奇迹 是另一个具有不同平台预装元素(按钮,菜单)的原型工具.

核心功能:

  • 建立逼真的原型. 设计人员可以在几分钟内将设计模型转换为交互式移动或Web原型。无需编写任何代码.
  • 用户测试. 由于UX在任何数字产品的创建中都扮演着至关重要的角色,因此设计师可能会在Beta测试期间从用户那里获得反馈,并进行更改以满足客户的需求.
  • 自动化设计规格创建. Marvel有一个集成的Handoff工具,使设计人员可以通过向其发送URL将其设计移交给开发人员.

Marvel应用程序非常易于使用-其界面清晰明了,因此即使是初学者也可以使用它.

此外,Marvel还有一个适用于Sketch的插件,可实现更好的交互和高效的工作.

菲格玛

平台类:基于网络

Figma原型工具屏幕截图

菲格玛 是一种类似于Sketch的基于云的设计工具,但对于团队协作而言更好.

Firma使使用过渡构建原型变得非常简单,您无需为此下载单个第三方应用程序.

核心功能:

  • 顺利交接. UI / UX团队所需要做的就是与开发人员共享链接,他们将可以访问所有信息,例如读取线,图形资产,准备导出的度量值.
  • 多合一平台. 设计人员可以轻松地在设计文件和实时原型之间切换。编辑立即出现在原型中.
  • 合作. 包括客户在内的团队成员可以轻松地查看完成的设计,实时留下反馈并通过集成在Figma中的Slack进行交流.
  • 外挂程式. 设计师可以使用Unsplash,Figmotion,Color Bling等插件来扩展Figma的核心功能-目前已超过100个.

Figma免费提供给个人设计师-最多2位编辑者和3个项目.

网络流

平台类:基于网络

Webflow原型工具屏幕截图

网络流 是一种多功能工具,如果您要查找它,它将是最佳选择 如何创建网页设计 –练习很多.

借助Webflow,您可以创建网站用户界面,动画和布局,以及对其进行进一步发布.

核心功能:

  • 发展&设计. 设计师将其设计转换为符合所有必需标准的简洁代码。反过来,设计师也将成为开发人员.
  • 3D动画/变换. UI / UX团队无需编写代码即可创建3D CSS转换.
  • 广泛的组件. Webflow包含可自定义的表单,下拉菜单,选项卡,响应式网站导航等.
  • Webflow CMS. Webflow CMS允许网站所有者在任何浏览器或设备中管理其网站.
  • 整合方式. 作为成熟的网站建设者,Webflow已与Google Analytics(分析),Google Optimize,MailChimp,Zapier集成.

因此,对于需要自己完成所有工作的设计师来说,Webflow是一个不错的选择.

顶薪原型制作工具

使用付费软件,您可能会期望获得好处,例如无限的磁盘空间,新的有用功能,专用插件和字体等等。.

让我们找出在2020年值得使用的原型工具.

草图

平台类: 苹果系统

草图原型工具屏幕截图

如果您已经接近UI设计,那么我相信您已经听说过这一方面。今天, 草图 是最受欢迎,功能最强大的原型制作工具之一.

Sketch允许用户构建线框,模型和原型,并由于多个插件而与其他原型工具进行交互. 

核心功能:

  • 原型制作. 用户使用Sketch创建交互式且健壮的原型,并预览其设计以了解其工作原理.
  • 矢量编辑. 由于Sketch是基于矢量的设计工具,因此UI团队使用矢量编辑功能来创建和编辑现有形状.
  • 预设添加,存储,导出. 设计人员创建喜欢的预设并将其存储在Sketch中。然后他们可以导出这些预设以与团队成员共享.
  • 代码导出. 设计可以作为代码导出。因此,它有助于设计师和开发人员之间的协作.
  • 数以百计的插件. Sketch提供了许多有用的插件,可简化设计过程并改善整体体验.

成本:个人许可证$ 99

原理

平台类: 苹果系统

原理原型工具屏幕截图

原理 用于构建动画和交互界面的更流行的原型工具.

核心功能:

  • 动画界面构建. Principle使设计人员可以创建交互式的动画用户界面.
  • 导出和查看原型. 如果设计人员需要查看原型在手机上的外观,则可以下载iPhone版Principled应用并将其智能手机连接到Mac以测试预览.
  • 多屏. 您可以为多屏幕应用创建多个屏幕.
  • 进口. 设计器导入草图文件,如果它们是静态的,则使其具有动画效果.

成本:$ 129

阿克斯雷

平台类:macOS,Windows

Axure原型工具屏幕截图

阿克斯雷 是一种渐进的UX原型制作工具,可帮助设计人员为Web和移动平台构建原型.

核心功能:

  • 原型制作. 最新的Axure版本(RP 9)带有带有触摸光标和移动滚动条的移动模式,以改善移动体验,缩放选项,下一页/上一页的快捷方式等.
  • 表单小部件. Axure提供自定义样式,包括版式,边框和填充,样式效果,允许设计人员添加自定义元素.
  • 文档添加. 设计人员可以在其原型和图表中包含文档。它有助于编写有关每个原型或图表的详细信息-原型的工作方式,应用程序的主要组件等.
  • 高层合作. 设计师与同事一起在Axure上工作于同一原型。与股东或潜在用户共享设计以获取他们的反馈很容易.

成本: 每月$ 29可获得Axure RP 9 Pro版本($ 495 –永久)

JustInMind

平台类:macOS,Windows

Just In Mind原型工具屏幕截图

的最大优势之一 JustInMind 原型工具是其桌面版本。即使您目前没有Internet连接,也可以将其安装在计算机上并以离线模式工作.

核心功能:

  • 预装的UI套件. JustInMind包含UI工具包,使Web和移动版本的原型制作变得更加轻松快捷.
  • 需求管理. 设计人员可以将所有项目要求添加到原型制作过程中并链接文本。这样,他们可以管理所有需求,并确保每个需求都得到执行.
  • 积分. JustInMind可以与Sketch,Adobe Suite,JIRA集成在一起,以扩展协作流程.
  • 合作. 设计师与团队成员分享他们的工作,迅速合作并发表评论.

成本: 每月$ 29(每年$ 228)

而已!如您所见,原型设计工具有很多选择–适用于个人设计师和团队成员.

这取决于您的使用方式,因此请明智地选择.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map