原型设计工具

当下主流的原型设计工具有Axure、Figma、Pixso、墨刀。
一.Axure
Axure,全称叫做 Axure RP 。Axure是一款功能强大的原型设计工具,被广泛用于用户体验(UX)和用户界面(UI)设计。这算是目前原型图领域最常用的工具,有着丰富的交互设计功能,可创建各种高保真、低保真的交互原型图,产品经理能够快速创建可交互的原型,并与团队成员进行协作。Axure作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。作为一款专业的快速原型设计工具,拥有强大的组件库,可快速完成产品或 Web 线框图、流程图及原型设计,加上控件和动效的支持,堪称交互神器,支持Window、macOS 系统。
下图为axure的官网

  1. 发展历程
    2002年,维克托和马丁在旧金山湾区的一家初创公司工作,发现自己一再被软件开发生命周期的限制所困扰,而且产品团队在编写规范之前很难评估他们的解决方案,开发人员经常不理解(或不阅读)给出的规范,结果导致效率低下或者产品质量受损,于是创建了 Axure RP 这个产品。 随着时间的推移,使用 Axure RP 团队更加多样化,对软件和软件项目的期望也更高,于是 Axure RP 发展了更多功能,可以用于丰富的交互和文档,发布和共享,以及团队协作。
  2. 局限性
    ①Axure 过于专业庞大的软件功能架构,对新手要求较高,需要花费较多时间在学习和熟悉软件上。
    ②在使用成本方面,Axure 仅可以免费试用 30 天,升级到 Axure 专业版,价格为 290 元/人/月或 2500 元/人/年。
    ③低版本 Axure 不兼容高版本 Axure
    ④查看别人发送过来的 Axure 文件,需要先在本地安装 Axure 客户端
    ⑤Axure 未在国内架设服务器,团队无法很好地使用 Axure Cloud 进行在线协作。
  3. 优点
    ①浏览器打开即可使用,不限制设备和系统,同时提供多平台客户端
    ②文件线上存储,不占本地空间,支持历史版本随时回溯
    ③无需下载安装,功能更新实时上线
    ④对个人及中小型团队免费
    ⑤Axure提供了丰富的定制和逻辑设计功能,可以创建复杂的交互逻辑、条件判断和动态内容,以模拟真实的用户操作和系统行为。
    ⑥Axure允许团队成员之间进行协作,共享设计文件,并具备版本控制功能,可以追踪和管理设计文件的变更历史。如下图所示:

    二.Figma
    1.发展历程
    Figma 最初的想法来自于它的创始人——Dylan Field——2012 年在 Flipboard 实习期间,当时团队的设计工具还是 Adobe Fireworks,而 Dylan 深受 Fireworks 糟糕体验的困扰,不禁想到:为什么不能有一款设计工具能够像 Google Docs 那样方便呢?于是他就开始和自己的大学同学 Evan 开始研究如何使用 WebGL 来构建一款可以在浏览器上运行的设计工具,他们的初心是让设计更加触手可及,让更多人可以接触设计。潜心研究 3 年之后,2015 年他们正式对外发布了第一个版本,并以此开启了创业生涯2。后来 Figma 也确实不负 Dylan 所望,收获了一大批粉丝,也逐渐蚕食了 PS、AI、Sketch 等老牌设计软件的一部分市场。现在越来越多的设计师开始转向 Figma,并喜欢上这个软件,而且很多非设计师也开始使用这个软件。现在的 Figma 已经完成了「让更多人可以接触设计」这个愿景。
    2.局限性
    ①插件较少,缺少很多拓展性功能
    ②如果要转平台,需要从头开始移植
    ③不能断网工作,同步受网络影响
    ④价格略贵:专业版每人每月 15 刀,企业团队版每人每月 45 刀
    ⑤不能按比例缩放
    ⑥不支持动态按钮
    ⑦不支持阴影扩展
    ⑧不支持多层描边
    3.优点
    ①功能齐全:Figma = Sketch(UI 设计)+ InVision(原型设计) + Zeplin(标注)+ Dropbox(云端同步)+ Abstract(版本历史)+ Craft-Freehand(实时讨论) + Liveshare(实时分享)+ Team Library (团队组件库)+ Web API(第三方接入)+ …

②文件存储在云端:不用同步,在任何电脑上都可以访问,设计稿永远是最新的。
②在线协作:可以同时处理一个文件,可以一起查看文件而无需共享屏幕,任何人都可以对设计稿评论。

③多平台(Win,、Chrome、Linux、Mac)
④智能排列(统一调整间距,重新排列内容)
⑤批量图片置入
⑥Style(字体、颜色、描边、阴影)分开,Figma 中的字体 Style 不用管对齐方式,只包含文字本身属性。
三.Pixso
Pixso是国内首个实现产品设计一体化交付能力的在线设计工具,通过跨平台的协同、文件实时云同步以及智能设计和协作功能,在产品内打通白板、UI/UX、原型三大板块。

  1. 发展历程
    Pixso最早源于团队内部的一次头脑风暴,Pixso产品经理Oliver回忆到,“公司的创新创意大赛上金点子频出,我们项目组决定回归用户需求,在多次头脑风暴后就选择了打造在线协同设计产品。”
  2. 局限性
    ①Pixso上线时间较短,相对于成熟的在线设计软件,PC端不稳定,容易弹出页面或闪退。
    ②链接的访问速度在国内不够流畅,没有中文版本,把设计模板从英文换成中文就不好看了,在国内无法用于企业协同办公的企业微信、钉钉等应用,只能通过自研或聚合的方式满足用户多样的设计需求,无法直接嵌入设计工具。
    ③功能性的单一也成为了Pixso的薄弱之处,在大型设计操作时,需要其他软件进行辅助,用户需要下载多个应用。
  3. 优点
    ①Pixso的特殊之处在于它的一键交付,即用一个链接就能够同时完成预览评审、标注、查看以及切图,摆脱繁琐重复的交接步骤,让沟通和交付变得轻松、简洁。
    ②原型真实直观:Pixso支持建立原型框架流程,将产品整体方案进行具像化演示,其功能有:置入指定区域交互事件、页面跳转自动选择、在线交互模拟演示、可行性评估讨论等。
    ③交互效果丰富:多种转场动画、动态曲线、鼠标/手势指令动作等,可组合实现上百种转场形式。
    ④个人免费:Pixso 目前对个人用户完全免费,个人使用零成本。
    ⑤支持导入Axure文件:三步轻松创建原型动效支持导入 Axure 文件,Axure 资源可无缝迁移到 Pixso 中使用支持多人异地实时协作,随时在线评审自带标注切图功能,提高交付效率。
    ⑥它的新手教程十分详细,这意味着,Pixso更适合一个新手设计师使用。
    四.墨刀
    墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。

1.发展历程
APP原型设计工具墨刀完成500万Pre A轮融资,FreeS资本领投。此前,墨刀曾获得150万元天使轮融资。
2017年6月,墨刀推出3.0版本,主打团队协同方向,从3.0开始,墨刀不再是一个只给产品经理用的,用来画产品原型的工具,而是变成了一个覆盖整个产品的设计和开发流程,帮助整个产品团队最大限度的发挥协同效应的团队协同工具。
6月12日,高保真产品原型制作及团队协同工具公司墨刀宣布推出最新3.0版本,此次发布会墨刀主打团队协同方向,未来重点打造高效团队协作工具,加速团队内部效率和流程。同期墨刀宣布与石墨文档、吆喝科技、轻芒、联创工厂等多家上下游企业达成合作,未来打通整个产品设计流程。
2018年1月推出Sketch插件2.0版本,Sketch设计稿可以导入墨刀,进行交互设计,自动获取标注信息,推进开发进程;
2019年1月,墨刀启动To B 战略上线企业版,提供诸如企业项目及成员管理、基本数据统计等功能。
2.局限性
①墨刀是一款线上产品设计工具,使用墨刀需要上网,设计的产品也保存在云端,在墨刀数据库中。
②安全性和保密性没有保障,而产品是互联网企业的命脉,这是一个致命问题。
③墨刀本地下载的功能需要注册并且购买,也就是需要收费。普通用户只能通过页面分享、或者扫一扫的形式进行观看。
3.优点
①操作简单,简单拖拽和设置,即可将想法、创意变成产品原型。

②真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。

③团队协作,与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。

④简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。

⑤自动标注及切图将 Sketch 设计稿墨刀插件上传至墨刀,将项目链接分享给开发人员,无需登录可直接获取到每个元素宽高、间距、字体颜色等信息,支持一键下载多倍率切图。

⑥内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

posted @ 2024-05-18 20:30  Valenchirs  阅读(13)  评论(0编辑  收藏  举报