从产生想法到递交项目给开发人员,设计师在进行原型设计师时,都会用到原型图软件,无论你是构建基本线框还是功能齐全的原型,原型图软件都可以为你节省大量时间和精力。如果你是该领域的新手或者想更新你的原型图软件包,那就赶紧看看这11个原型图软件分享吧。

1. Pixso

原型图软件Pixso是国内新一代在线设计协作工具,原型、设计交互和交付都可在此一并完成,属于一站式工作平台。原型图软件Pixso自带组建变体、自动布局等专业设计工具,还支持UI设计和 原型播放,一个工具就能完成 高保真 的产品设计。而且在设计中还可以添加页面交互、模拟产品的最终形态,使工作过程可视化。

  • 原型设计流程更真实直观

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

  • 快速启动原型设计工作

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

  • 打造互动感十足的转场交互

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

  • 上帝视角 感知未来用户体验

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

  • 协同上下游 一站式便捷交付

通过浏览器进入Pixso,实时获取所有原型设计信息,一个工具替代多种传统原型设计和项目管理工具,真正提升产设研团队的沟通协作效率。现在前往Pixso官网注册账号,可以享受到Pixso会员的所有权益:无限文件数量、无协作者人数限制、无限云存储空间以及Pixso资源社区的海量设计素材资源等等。

2. Figma

Figma是一款一体化原型图软件,可简化协作,主要通过基于浏览器的云平台为 UI 设计师、开发人员和所有团队成员提供协作平台,允许所有人在此共同编辑、修改以及提交结果。一致性是 网页设计 的首要任务。可以使用原型图软件 Figma 的灵活样式来控制项目中文本、网格和其他元素的外观,另外当中还有各种插件,例如用于显示用户路径的Autoflow、用于动画创建的Figmotion等等,都可在Figma 插入。

缺点:

  • 程序在执行任务期间缓慢或突然卡顿闪退(国内用户较常出现该情况)

  • 内存占比空间较大

    原型图软件figma

    3. Invision

    原型图软件InVision内置许多有用的功能,包括一个方便的 矢量绘图工具,可复制组件并在之后修改它们以及创建动画和其他交互式视觉效果。原型图软件Invision也允许团队成员在此对同一设计进行绘图、添加注释和留下反馈,不需跨平台工作。

    缺点:

    • 客户支援服务很差

    • 程序启动有时很慢

    • 只适用于macOS系统,受众人群有限

        原型图软件Invision

        4. Adobe XD

        原型图软件Adobe XD提供了一个矢量原型系统,包括可用于创建交互、过渡和其他类型的动态工具。因为它基于向量,所以缩放和调整元素的大小比较轻松。在用户界面和用户体验设计方面,原型图软件Adobe XD涵盖了从概念创建到高细节原型设计所需的所有工具,更重要的是,每个月他们都会内部更新以扩展它的功能。

        缺点:

        • 内置的功能和模板都不如Sketch 和Invision那样成熟

        • 协作方面差点意思,与团队成员和客服共享作品很麻烦

            原型图软件Adobe XD

            5. Sketch

            作为一款受众多UI设计师青睐的原型图软件,Sketch的口碑是有目共睹的,通过Sketch巧妙的布局,你可以创建可重用的元素,调整它们的大小,然后保存到自己团队共用的资源库中,方便大家下次使用。

            缺点:原型图软件Invision一样,Sketch仅限macOS系统使用

              原型图软件Sketch

              6. Balsamiq

              Balsamiq是一个低保真线框图工具,可制作产品设计草图、web应用程序、移动应用程序、用户界面布局等。原型图软件Balsamiq的组件偏 涂鸦风格,制作的界面效果更具趣味性,并且还有HTML控件原型图以及iPhone手机元素原型图,尽可能一比一还原。

              缺点:

              • 绘制的原型风格比较小众

              • 因为没有页面交互和页面层级,原型图软件Balsamiq的页面关系是平级的,需要一个一个转换

              原型图软件Balsamiq

              7. Marvel

              原型图软件Marvel提供了一套完整的工具和功能来快速创建应用和网站,通过这个平台,设计师不再局限于静态布局,可享有创建动态过渡和手势交互原型的能力,这将为大家提供一个真实的交互体验。另外,原型图软件Marvel还有传输工具自动为开发人员提供他们最近迭代中的所有代码和资源,因此他们可以轻松设计一个网站。

              缺点:没有动画模拟屏幕的功能

              原型图软件Marvel

              8. Axure

              原型图软件Axure结合了线框和原型设计功能,它允许设计师在不了解代码的情况下开发网站和应用程序的交互原型。除了视觉效果、交互性和架构所需的一切之外,原型图软件Axure还提供了一个全面的文档工具,它允许跟踪任务和其他重要的数据,以供有需要人士使用。

              缺点:不支持视频或动画gif

              原型图软件Axure

              9. Framer

              Framer是一款拥有高保真模板和布局的原型图软件,该程序要求用户具有CSS和HTML的基本知识来处理交互元素和动画。在该平台工作,简单几步就可开发一个框架和网页的视觉设计。

              缺点:

              原型图软件Framer

              10. Origami Studio

              原型图软件Origami Studio为网站和移动应用程序的原型设计提供了强大的工具,它支持创建逻辑和行为链、动画和交互。另外,它还包含了许多现成的原型模板,可直接套用。对于寻找更高级系统的设计师来说,原型图软件Origami Studio绝对是不会出错的选择

              缺点:

              • 标准功能采用缓慢

              • 学要多花些时间才能掌握使用方法

              原型图软件Origami Studio

              11. Proto.io

              原型图软件Proto.io提供了许多拖放web UI组件、模板、图标库以及音频和视频集成。由于组件和工具的广泛选择,无需代码就可以创建交互式原型,所以小白设计师也能很快掌握使用方法。

              缺点:

              • 比一般的UI设计工具更贵

              • 没有桌面应用程序

              原型图软件Proto.io

              优秀的作品往往源于优秀的工具,通过上述对11款好用的原型图软件的介绍,相信你一定有了自己心仪的原型设计工具。如果你还是觉得难以抉择,那么强烈推荐你先试用原型图软件Pixso,它基于云端操作,无需下载,随时随地打开网页就能使用,并且还有出色的在线协同、丰富的免费资源,如此优秀又免费的国产原型图软件,有什么道理不去试试呢?点击页面上方按钮,免费注册Pixso账号。