原型图是产品设计师日常工作的“常客”,原型图软件从而也扮演着产品设计师“利器”的角色。原型图用什么软件做呢?很多产品设计师新手都不知道如何选择原型图软件。在选择原型图软件之前,需要了解原型图软件的应用场景和基本原型图设计功能。本篇文章盘点了11款风评极佳的原型图软件,一起来看看吧。

1. Pixso

原型图软件Pixso,具备一站式原型、设计、交付能力,是新一代在线原型设计协作软件。Pixso工作台采用全中文的界面,相比海外原型图软件,Pixso更加适合国内设计师的使用习惯。Pixso原型设计功能强大,并且可以在线生成原型图共享链接,一起对设计进行调整,也可在线评论,提供意见,云端会自动保存和更新,让设计师和客户都能了解最新进展。Pixso打通了产品设计各个团队直接的沟通壁垒,让产品设计不再是一座孤岛。除此之外,Pixso支持还导入Figma、Sketch和Adobe XD文件,使文件迁移更方便。

  • 原型设计流程更真实直观:Pixso支持建立流畅的原型框架流程,将产品整体方案进行具象化演示,以便产品经理、设计师、开发共同探索分析用户核心需求。

  • 快速启动原型设计工作:借助Pixso内置设计系统和社区资源,产品经理、UI/UX设计师可获得海量原型模板、页面、组件及图标素材 ,开启敏捷高效工作。

  • 打造互动感十足的转场交互:在跳转、弹窗、切换、关闭等情景下,提供丰富的转场交互动画自定义设置,可组合实现上百种转场形式。

  • 上帝视角 感知未来用户体验:提供宏观和微观双重视角,即可完整地向外界演示产品全貌和交互细节,也可预览GIF来微调动作、动画设计,与团队在协作中不断优化体验。

  • 协同上下游 一站式便捷交付:通过浏览器进入Pixso,实时获取所有原型设计信息,一个工具替代多种传统原型设计和项目管理工具,真正提升产设研团队的沟通协作效率。

Pixso

2. Adobe XD

原型图软件Adobe XD适用于线框构建、沉浸式原型、网站设计、智能手机应用程序、语音界面等,是一款一体化原型设计平台。目前原型图软件Adobe XD支持macOS和windows系统,但仅支持 win10ver.17003以上的版本,且原型图软件 Adobe XD 绘图工具较少,若需绘制插画的话会比较麻烦。

Adobe XD

3. Figma

Figma 是一款基于 WEB 的原型图软件,为广大设计师提供了一个易于使用的拖放编辑器来创建线框和实用原型,还具有许多沉浸式元素来为原型制作动画。原型图软件 Figma 支持 Windows、macOS、Linux多个系统使用,选择性更多,大大减少工作时间。不过,Figma被Adobe收购,Adobe股价盘中大跌逾17%以上

Figma

4. Webflow

原型图软件Webflow目前在设计师界非常流行,因为原型图软件Webflow所提供的语义代码和设计干净整洁,为开发人员的工作省去了许多繁琐步骤。众所周知,该程序是用于开发零编码网站的原型设计方法,设计师可以使用其预先构建的功能来创建高保真设计,原型图软件 Webflow 将其转换为可用于生产的网站。

Webflow

5. Sketch

Sketch是当今最好的原型图软件之一,可用于创建各种形式的用户界面,例如移动、Web 和代码。但对部分设计师来说不太友好,因为Sketch仅支持iOS系统使用。同时,Sketch的插件功能对设计师来说,使用率极高,这里分享10款Sktch插件,感兴趣的小伙伴可以点击阅读《懒人福星!使用率超高的10款Sketch插件合集》

Sketch

6. Claritee

Claritee是一款智能线框图工具,可让你和团队将想法转换为可视线框图并与让每位成员都可进行实时协作。对于设计师和项目经理,营销人员和团队中需要提供意见的工作者来说,这是一个非常易于使用的程序。 

Claritee

7. InVision

原型图软件 InVision是另一个专注于架构的 Web 应用程序,内置了很多提升工作效率的功能。另外原型图软件 Invision 可自定义加载页面和主屏幕icon ,可将动画、特效、手势等静态设计转换为原型,但只能创作较为基础的UI设计、流程图和线框图。

InVision

8. Axure RP

原型图软件Axure RP,将 SVG 导入、Sketch 和 Adob​​e XD 集成与原型设计功能相结合,你可以从 Adob​​e XD 和 Draw 中轻松共享 Axure RP 原型和画板,并在屏幕顶​​部快速收集输入。原型图软件 Axure RP 还促进了全面的文档、自动化的红线和更好的移交给开发人员,而无需代码。

Axure RP

9. Framer

原型图软件 Framer 是一个基于代码的原型平台。原型图软件 Framer 能从普通的拖放特性中扩展了设计师的动态。

Framer

10. Origami Studio

原型图软件 Origami Studio 是 Facebook 创建和使用的 macOS 桌面应用程序以及移动应用程序。使用原型图软件 Origami Studio ,便可以在真实设备上查看原型图。

Origami Studio

11. Marvel

原型图软件 Marvel 主要展示第三方汇入的设计而非直接在工具内绘制,可用纸笔拟草图,再拍摄上传至原型图软件 Marvel 内,无法创作深度的设计。原型图软件 Marvel 拥有可用于构建各种移动和 Web 界面的资源,从概念到模板,还有助于创建动画智能手机应用程序的手势交互。

Marvel

11款原型图软件的介绍就结束了,相信大家也对他们有一定的了解,下面说说我的使用感受,在我用过这么多款的原型图软件中,我个人更推荐 Pixso 这款国人专属设计神奇,因为它支持导入各类文件,可配合其他平台一起使用,跨平台工作很方便,节省工作成本。而且全中文的界面还有使用教程,学习曲线较低,小白也能很快上手!