主流原型设计工具对比and墨刀初体验
原型设计工具
摹客
摹客是国内知名的在线设计协作平台。摹客的在线设计无需下载安装,不受设备系统的限制,打开浏览器即可快速进行原型设计。
摹客自带高自由度的可扩展复用的组件,提供强大的组件级的交互制作能力,帮助产品经理和设计师快速完成设计,同时,摹客还支持复杂的矢量编辑。设计完成后,直接复制项目链接即可完成分发,无论是评审还是交付开发都非常简单、高效。摹客平台还自带强大的产品文档撰写和任务管理模块,满足设计团队全流程的创作和管理需求,一条线完成产品设计的全流程。
InVision
作为目前国外非常知名的一款在线原型设计协作工具,Invision 的发展势头很强。虽然最一开始Invision 主要是做设计稿之后的交互原型和团队协作管理,比如可以顺畅衔接Sketch/PS设计稿,为设计稿做批注,以及Freehand功能可以实现团队自由讨论想法。
但后来发布的 Invison studio 具备从基础开始的设计功能,可以完成相当精细的设计稿,较为强大的交互动效功能也可以满足大多数设计者的动效需求。利用 InVision Studio,还可以将团队的设计规范落地在设计工作中。
不过对于国内用户来说,Invision 始终还有些不便利:比如全英文的界面;国内访问速度一般;以及价格较贵。
Figma
炙手可热的全平台UI设计工具 Figma,自推出以来就收获了一大票设计师们的拥趸。虽然是在Sketch成为主流设计工具之后才正式推出,但它的基础体验丝毫不落下风。加上基于Web的核心优势,方便团队内多人在线实时协作,大大降低了团队沟通和协作的成本。
目前对于国内用户来说,Figma存在本地化支持缺失、自身交付能力弱以及团队协作费用昂贵等问题,不过借助摹客等平台推出的Figma插件,国内用户也已经可以完美规避上述问题,高效交付Figma设计稿。
Marvel
Marvel 也是海外知名度较高的一款在线原型设计协作工具,支持PS和sketch设计稿导入做交互原型,也有自动标注功能。使用Marvel 可以在线完成中保真程度的原型设计,添加手势操作和过渡效果后,即可实现可交互的产品原型设计。
通过 Marvel,用户可以便捷地分享和演示项目,客户或团队其他成员则可以直接在相应的界面上进行评论或注释。
Proto .io
Proto .io 也是国外一款轻便好用的在线原型设计工具,在大多数浏览器中都能使用,支持导入Sketch和PS设计稿做交互。界面清爽,拥有较为丰富的UI组件。可以直接用链接分享原型,而且因为集成了移动录屏工具lookback,适用于用户测试场景:可以记录用户点击、滑动、点击区域;也可以记录用户的声音和facecam视频评论。
目前Proto .io 有协作功能,只是比较受限;此外,交互设计较为复杂,细节效果只能通过容器实现,上手成本较高。价格相对Invision较便宜,但相对国内产品来说仍然较高。
Axure
老牌原型设计工具,交互制作功能强大,当然同时也带来了较高的学习成本。设计区域是无限画布,方便给设计稿添加文字注解。在交互效果层面,可以实现非常多条件判断、巧妙运用可以实现更复杂的交互。不过同时也会带来“效率不高”的问题,因为细节过于繁琐,所以会加重产品经理或交互设计师在画原型时的负担。
此外,作为一款离线工具,Axure的原型预览和分享方式并不十分友好。浏览器预览本地文件需要安装插件;支持上传到Axshare分享,但在国内的速度也较慢。因为离线,Axure 文档存档会比较安心,不过如果涉及到多人协作,也会有“信息更新不及时”的问题。
墨刀
作为国内目前广受认可的一款在线原型设计和协同工具,墨刀有内置丰富的UI素材和模板,清爽的界面,让设计原型的过程顺畅高效。墨刀同样支持Sketch设计稿的导入,拖拽式创建交互链接,可以通过链接或者二维码在电脑端或者移动端快捷预览原型。此外,设计师也可以通过墨刀进行自动标注,开发者也可以用墨刀进行切图。
而墨刀新出的版本更加强化了协同管理功能,满足了更大规模团队的需求。不仅多人团队可以在墨刀协同编辑/实时讨论,共同管理素材库,对于人员权限的管理也更加清晰分明。
墨刀初体验
注册/登录墨刀后,首先到达的是「项目管理页」,创建的项目都会展示在这个页面。
点击右侧的按钮「创建项目」,可以选择空白项目,也可以直接套用模板。
选择空白项目:有iPhone、ipad、Android、Web四种平台,选择后进入项目属性设置页,可设置不同的设备型号。点击创建,就进入到了工作区。
成功利用墨刀完成了一个简单的原型设计
小结
原型设计工具能快速解决原型问题、大多拥有极致的细节体验、能协同设计、便捷的导出和分享,各有优缺点但总有一款适合你。