原型工具-聊聊墨刀
上一篇从图形绘制、组件库、动效制作、版本管理、团队协作五个层面分析了下sketch在画原型方面的优缺点,发完文章后反思了一下自己的行文结构,虽然每个纬度都分析了,但是没有给出强有力的结论,没法帮助大家选择真正适合自己的工具,所以这次对墨刀的分析,将会给出一些较确定的结论。
说回到工具本身,下面是百度百科对“工具”的定义,“达到、完成或促进某一事物的手段”,所以大家一直在说:工具不重要,创意(想法)才重要。但这也是相对的,对于某些不需要创新,已有行业规范的功能来说,能帮助我们快速达到目的的工具,就是该场景下的好工具。
百度百科对工具的定义今天就来聊聊,墨刀是不是一款好的原型工具。
先介绍一下墨刀,可能很多人都没听说过,可以查看这个帖子,是对创始人张元一的一次专访,可以看到他打造整个产品的心路历程
也可以关注这个账号
,会定期发布新功能。我个人关注这个产品挺久了,也是老用户,墨刀从第一次海外发版至今有8年时间,但有2年是被放弃的状态,能活到如今也是不容易。因为墨刀的产品形态和sketch完全不一样,是一个基于web端的全平台工具,所以本身的适用性就比sketch强。加上我又仔细思考了一下日常工作中原型设计的需求,其核心诉求就是
快速搭建页面框架能画流程图能写交互说明轻松管理文件快捷得分享给他人更改的版本能有记录,日后方便撕逼。所以这次我会从文件管理、图形绘制、动效制作、组件库、版本管理、团队协作6个层面来分析。
文件管理
得益于web端的优势,墨刀采用项目和文件夹的形式来存储和管理文件,经常使用的项目还可以做标记,所有的数据都在云端,目前也不支持导出本地文件。我觉得这一点有利有弊吧
墨刀最新的管理界面优点
省去了本地文件对内存的挤压,也不需要再想尽办法备份,只要墨刀没倒闭,你的文件就不会丢随时随地都可以管理项目,墨刀有移动端,也做了wap适配同事间交接文件再也不需要各种传输工具,只需要共享给他,前提得付费企业版实时保存,不怕软件崩溃缺点
我觉得唯一的缺点就是对服务稳定性和文件安全性的担忧,服务器出一个小波动,可能你所有的设计资产都没了,这对企业和个人来说都是很难接受的损失墨刀在文件管理的便捷性上碾压本地应用,虽然sketch也可以保存在cloud里,但还是得有上传这个动作,而且因为网络问题,国内上传会非常慢,没办法推广开。使用墨刀的话,如果非常注重文件的安全和隐私,可能得联系墨刀搞个私有化部署,才能高枕无忧。
便捷性:★★★★★
安全性:★★★★
图形绘制
我截了一下墨刀最新版本的界面,可以看到,基本图形和基础组件一应俱全,该有的都有,没什么好说的。目前没有矢量工具,想要特殊的图形只能自己去拼,但这不是画原型的必备工具,有没有都不重要。
墨刀的工作区界面自由度:★★★☆
动效制作
墨刀的动效采用目前比较主流的拖动链接+事件设置的形式实现,用交互事件+行为+目标+动效+时长的设置,可以制作较为细腻的页面跳转效果,上手难度很低,小白看一遍新手教程基本就会了。而且如果熟悉帧动画的话,还有更高级的功能“状态”可以制作神奇移动的效果,当然这也是比较常规的功能了。
墨刀的动效设置面板和状态面板总得来说,墨刀的动效功能可以满足原型阶段大部分的需求,如果要制作更为精细炫酷的动效就无能为力了,交互行为没有auto,建议还是使用priciple或者ae。
学习难度:★☆
细腻程度:★★★
组件库
接下来就是墨刀的重点功能了,如果说文件管理和图形绘制都是很基础的功能,那墨刀丰富的组件素材绝对算大杀器。作为一款在线软件,对组件的存储、转移和迭代天然就有优势,不需要像symbol那样用library去共享,墨刀只需要将制作好的组件添加为我的组件或制作母版,就可以在任何项目中复用。
墨刀的组件功能,相当于一个封装好的图形组,只不过可以统一存储起来,并不具有继承性,同一个组件可以在不同页面有完全不同的样式,一般我会把常用的图形保存起来,需要用的时候从面板里拖出来就行,也不考虑一致性的问题。
“我的组件”面板,并没有按项目来存储,而是跟随账号而母版功能相当于sketch中的symbol,具有继承性,母版改了其他的也会相应改动。母版支持交互动画,所以什么switch、点赞、弹窗、toast、下拉列表都可以做成母版,并且在预览时演示。但它和symbol的功能不太一样,不能对单个母版进行样式修改,所以只要你用了这个母版,它在所有地方的样式都是统一的。
除了自己制作以外,还有很多内置的官方组件库如Ant Design、WeUI、Element等都可以调用,基本通用的组件都可以找到。个人素材库也支持上传图片,常用的头像啊封面啊什么的,都可以保存在里面,在制作高保真原型的时候可以用到。
内置的素材库除了这些,还有最重要的:素材广场。这是墨刀去年新推出的功能,汇聚了各行各业丰富的原型、页面、组件,而且目前由官方统一上传,质量还算可以。我数了一下,目前差不多有400套完整素材,虽然目前数量还不算多,但如果放开用户自己上传的通道,再搞几个奖励活动,应该数量很快就能上来。最近他们就搞了一次设计大赛的活动,一等奖是MBP,很香。
素材广场,虽然比较简陋,但已经颇具规模了最近举办的设计大赛,一等奖奖品是MBP素材广场的原型可以直接保存到自己的个人空间进行修改,如果你要画的原型刚好有素材,那能省下你不少功夫。当然,通用的产品功能比如支付、主页、信息流、短视频,基本没什么创新空间直接用就可以。而想做差异化的话,建议不要使用素材,会禁锢自己的想法。
可以预览、试用、保存整体来说,合理利用墨刀的组件、母版和素材广场,能让你省下大量重复工作的时间,本人亲测,用官方的组件半个小时就可以搭建好7、8个页面,效率杠杠的。
母版和组件功能:★★☆
素材丰富度:★★★★☆
版本管理
以前墨刀是没有版本管理功能的,想要记录历史版本只能每次修改就复制一个项目,一点都不像线上的应用。今年终于推出了第一版,但只限企业用户使用,目前只能创建10个版本,我猜是因为存储成本的原因,想体验的朋友可以创建个试用企业,有15天试用期。
版本记录面板打开这个功能,你可以把当前已保存的内容手动存储为一个版本,并做好命名和备注,比如:
第一版(这个方案简直太牛了,真佩服我自己)第二版(产品经理说这个按钮得换个位置,行吧就听他一次)第三版(产品又TM改需求,真是受够了)...最最最最最最最后一版(明天我就写辞职信)除此之外还会记录创建者的昵称和创建时间,整个项目的时间流很清晰,让你以后撕逼起来有理有据。
选择一个版本后点击可以进入预览状态,无法编辑,只能查看,确定后可以还原到该版本。亲测页面比较少的话创建、预览和还原的速度还是比较快的,基本能满足需求。使用体验上来说,还有以下不足:
没法实时对比,但命名和备注写清楚的话找起来也不麻烦。不知道为什么预览的时候画板总是偏左边,对强迫症很不友好对大型项目来说版本数量还是有点少,以后能升级数量限制就好了功能完善度:★★★★
团队协作
协作功能因为我是个人用户,没有在团队的生产流程中,所以体验不是很深,但在我仔细看了他们企业版的介绍和试用了企业版之后,可以大概聊一下:
支持成员管理,可以通过邮箱邀请成员加入,支持增删改查精细化权限设置,文件夹和项目都可以单独设置权限,也就是说可以只给成员看他该看的项目,对于大公司来说比较实用。支持多人实时编辑,有编辑权限的话可以多人同时编辑一个项目,适用于开会或者多部门协作。支持评论和回复,但是墨刀的通知做得比较烂,也不能@,实操并不好用。分享原型给他人十分简单,一个链接就可以搞定,也可以设置分享权限。还有各种场景化的模式可以选,真机模式适合展示,PRD模式适合开发或者UI看备注,在预览页可以随意切换,功能比较全面。https://modao.cc/app/d5ad5a7b65bd7341a785a01e09430b5cc2909a3a?simulator_type=device&sticky (二维码自动识别)
预览模式对个人用户来说,其实我只关心它能否方便得分享和预览,墨刀几乎完美解决了我在这方面的需求。至于其他协作功能在真实工作流程中到底好不好用,有兴趣的朋友可以研究下。
分享功能:★★★★★
基于这6个纬度对墨刀的分析,相信大家都可以判断它究竟是不是一款好的原型设计工具,或者说,是不是能解决你的需求,当然只听我说是感受不到的,可以去注册体验看看。
回顾一下我好像全文都在夸它... 但对我来说它就是真的很好用,很契合我的需求。当然,因为工作习惯和公司环境的不同,每个人都会有不同的看法,大家和而不同,选择自己喜欢的就好。另外墨刀有深色模式,喜欢酷黑沉浸感的朋友也可以体验一下。
不知道下一篇写什么呢?
axture 还是 figma ?
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱:dacesmiling@qq.com