作为一个从业十年,使用了5年Sketch软件的传统设计师,在“遗憾”错过了Figma以后,没想到如今国产设计软件发展得蒸蒸日上。在今年以创作者身份入驻各个设计软件平台之后,萌发了这一次独特的体验巡礼。在过去从Photoshop转到Sketch的时候,我经历了一段痛苦的用户习惯改变,我如今还记忆犹新,但当我对Sketch彻底熟悉以后,我就再也不想使用Photoshop了。而现在,时代的拐点又悄然而至。如今以即时设计、Mastergo和Pixso为代表的国产设计软件已经日渐成熟,他们designinchina,怀着为国产设计师打造一款属于自己人设计软件的愿景,在这条无比艰辛的设计路上,付出了无数的汗水和努力,而经过多年的打磨,他们已经具备了不输于Sketch、Figma的软件实力。趁着五一假期,我对这三个设计软件逐一进行实操测评,最后为大家输出一份操作体验报告。
2.MastergoMastergo作为国内最早的产品设计协作平台蓝湖旗下的旗舰产品,背靠蓝湖多年的用户、产品、技术资源积累,2021年2月发布测试版,10月正式上线发布,目前Mastergo联合多家国内企业打造“国产设计软件共创计划”,致力于解决开发者和使用者之间的断层沟通,真正实现产研协同All-in-one。
3.PixsoPixso是深圳万兴科技内部孵化的旗舰产品,而万兴科技旗下拥有过多款千万级产品如亿图、墨刀等知名软件,Pixoso2021年5月发布测试版,10月正式上线发布。Pixso致力于成为新一代产品设计协作工具,集合「原型·设计·协同·交付·资源管理」全流程链路,为UI设计师和企业提供专业先进的协同设计解决方案。
二、体验用户
三、体验环境
MastergoMastergo的工作台非常简洁,学习成本较低。优质资源为用户提供社区的精品资源下载,帮助快速上手,右上角可以快速导入Figma、Sketch、XD的文件,左侧栏可以查看草稿箱、回收站和资源社区,左下角可以快速建立团队。
1.2新建文件和画板工作台熟悉以后,我将开始建立文件进行实操。这一步非常简单,点击新建,就能立马生成文件。即时设计、Mastergo和Pixso均支持多种画板的尺寸,如手机、桌面、平板、平面等。即时设计新建文件后,出现了一个引导提示,这对从未使用过设计软件的新手来说非常友好,这会让他们知道怎么开始第一步。
MastergoMastergo的界面和Sketch一样简洁,这让我有种熟悉的感觉,更容易上手。
Pixso和Mastergo的界面相似,Pixso的设计和Sketch一样简洁,让我的上手成本更低。
1.3熟悉工作区UI设计软件的功能其实几乎大同小异,虽然使用了Photoshop十年、Sketch五年,但其实真正使用的功能没有超过20%,所以虽然是新软件的学习,但其实更多是探索一下工作区,简单熟悉一下软件的功能分类和操作习惯。即时设计和Sketch相比,操作区的展现形式略显不同。不过经过我的仔细探索,我发现了一个Sketch适配模式,这简直就像和老朋友相遇一样,非常棒,我快速切换以后,降低了学习成本。
MastergoMastergo的操作面板和sktech很相似,操作习惯相近,我在文件里发现了历史版本的功能,这个功能我觉得非常方便。其次点击右键后,提供了一个沉浸模式,有点像xmind里面的zen模式,在设计演示场景中非常方便。
PixsoPixso的操作区也和sketch很相似,非常简洁,用户习惯也差不多,上手起来很方便,其次我在文件里也发现了历史版本的功能,非常方便。
Mastergo组件的位置很明显,就在图层的左边,不过操作很繁琐,我需要先回到工作台的团队面板,导入组件库,进入组件库文件,然后添加到团队组件库,发布更新才能正式生效,这让我折腾了好久。
PixsoPixso组件的导入逻辑和mastergo很相似,都需要在团队导入组件发布以后才能生效。
2.2建立文本样式组件库虽然导入了,但是我发现均不支持导入文本样式,而文本样式是确保整个界面的字体大小、颜色保持统一的基础,所以我只能单独重新制作一套文本样式组件库。即时设计、Mastergo和Pixso均嵌入了多款免费商业字体,无需下载安装,极大节省了设计师的成本,其次有效避免设计师使用商业字体带来侵权的困扰。另外,它们都提供了本地字体下载助手,这帮助我可以快速载入本地的字体,非常方便。最让我惊喜的地方则是字体均支持使用渐变色、支持图层混合模式,这省去了我过往使用Sketch时候要去photoshop进行视觉加工的成本,我的天,这真的棒极了。
2.3建立颜色样式和文本样式一样,颜色样式是确保整个界面配色统一的基础,在我开始使用形状工具之后,就需要开始建立颜色样式,确保整个设计的颜色统一。即时设计、Mastergo和Pixso的颜色样式功能和Sketch都差不多,没有太多学习成本,轻松上手。
2.6小结当我开始实际操作以后,我发现学习成本并不高,当然这和我的工作经验有关,其次即时设计、Mastergo和Pixso在功能体验方面,进行了一些关键创新,极大的提高工作效率,这是一个以外的惊喜,而当我彻底熟悉以后,我开始对它们越来越有兴趣。3.视觉设计3.1使用渐变渐变工具比较简单,只要掌握渐变原理,没有太大的学习成本。其次相比Sketch,即时设计、Mastergo和Pixso都提供了优秀的插件,有很多现成的渐变效果,只需鼠标轻轻点击,设计效果就出来了,这对新手的帮助非常大,让设计变得更简单。
3.3绘制图标虽然从业多年,但我不擅长画图标,我一般采用iconfont插件进行二次绘制或直接交给我的同事。但这次为了全面体验,我简单尝试了几个简单的图标绘制,我发现以前在Sketch里画圆弧已经算困难的事情,即时设计、Mastergo和Pixso可以轻松搞定,真让我意识到必须要与时俱进,才能跟得上时代的脚步。至于贝塞尔曲线、图形的算法组合,和Sketch都大同小异,没有学习成本。
3.4设计走查把所有页面设计完以后,我要开始进行设计走查。这一步将会整理各个页面的图层分类,以及页面名称。即时设计&Pixso我在即时设计和Pixso发现一个特别好用的功能,批量收缩画板的图层展示内容,这对图层的管理有极大的帮助,以前在sektch里对这个问题就非常头疼。
五、用户需求分析1.用户为什么需要国产设计软件?在过往,设计软件几乎都来自美国,如Adobe全家桶系列软件、Sketch、Figma等。但随着以开辟在线协同设计软件的Figma封停了大疆账号,引发了国内软件圈“地震”以后,国内的企业和设计师才有危机意识。以主打云储存的Figma类型软件不仅会导致正常工作中断,也有可能窃取我们的设计资料和数据,所以设计软件国产化是大势所趋。其次,设计师在使用Figma这样的跨国云储存软件时,经常面临网速受限的难题,导致了协同效率极其低下。而Sketch这样的本地部署软件,又只支持IOS系统,这导致用户使用成本高,极其不方便。这场设计师的软件变革,势在必行。