国产设计软件实操体验:时代拐点悄然而至,让DesignInChina成为民族骄傲

编辑导语:用惯了Sketch软件的作者,在“遗憾”错过了Figma以后,发现原来如今国产设计软件发展得蒸蒸日上,于是选择了即时设计、Mastergo和Pixso这三个国产设计软件,对它们进行了实操测评,最后输出了一份操作体验报告,一起来看一下吧。

作为一个从业十年,使用了5年Sketch软件的传统设计师,在“遗憾”错过了Figma以后,没想到如今国产设计软件发展得蒸蒸日上。在今年以创作者身份入驻各个设计软件平台之后,萌发了这一次独特的体验巡礼。

在过去从Photoshop转到Sketch的时候,我经历了一段痛苦的用户习惯改变,我如今还记忆犹新,但当我对Sketch彻底熟悉以后,我就再也不想使用Photoshop了。而现在,时代的拐点又悄然而至。

如今以即时设计、Mastergo和Pixso为代表的国产设计软件已经日渐成熟,他们designinchina,怀着为国产设计师打造一款属于自己人设计软件的愿景,在这条无比艰辛的设计路上,付出了无数的汗水和努力,而经过多年的打磨,他们已经具备了不输于Sketch、Figma的软件实力。

趁着五一假期,我对这三个设计软件逐一进行实操测评,最后为大家输出一份操作体验报告。

Mastergo作为国内最早的产品设计协作平台蓝湖旗下的旗舰产品,背靠蓝湖多年的用户、产品、技术资源积累,2021年2月发布测试版,10月正式上线发布,目前Mastergo联合多家国内企业打造“国产设计软件共创计划”,致力于解决开发者和使用者之间的断层沟通,真正实现产研协同All-in-one。

Pixso是深圳万兴科技内部孵化的旗舰产品,而万兴科技旗下拥有过多款千万级产品如亿图、墨刀等知名软件,Pixoso2021年5月发布测试版,10月正式上线发布。Pixso致力于成为新一代产品设计协作工具,集合「原型·设计·协同·交付·资源管理」全流程链路,为UI设计师和企业提供专业先进的协同设计解决方案。

体验步骤很简单,我选了三个优秀的APP,然后根据我自己多年的设计流程使用三个软件进行设计临摹,这样的目的是通过真正的实操使用来熟悉软件,只有这样才能全面了解它的优缺点。

1)熟悉工作台

尝试一个新的软件真的不容易,相比过去使用Sketch的习惯,我对工作台完全没有概念。所以当我首次进入国产设计软件工作台的时候,有点无从下手。不过经过了短暂的熟悉,对以在线协同为理念的设计软件慢慢能理解了。

相比传统的PS、Sketch本地软件,不需要再去思考文件需要保存在哪个硬盘,其次文件随时都在自动保存,不用担心文件会丢失或损坏。团队的概念也特别突出,过去设计这部分工作都是独立的,如今在线协作的理念就是让产品、交互、设计、研发融合在一起,实现All-In-One。

即时设计:

即时设计的工作台聚合了很多功能,右上角可以快速导入JSD(即时设计本地文件)、Figma(支持超链接导入)、Sketch、XD文件,左侧栏为最近工作文件、工作台、正在跟进、回收站以及团队。

文件夹是一个非常友好的功能,这样方便设计师对设计文件进行统一的管理,其次提供社区的优质资源下载快速上手。选中文件点击右键后,有一个查看历史版本和跟进文件,这两个功能非常棒。查看历史版本可以返回对该文件操作的历史版本,再也不用担心文件的误删除或其他灾难事件了。而跟进文件可以对该文件进行全面跟踪,这非常便于协作。

Mastergo:

Mastergo的工作台非常简洁,学习成本较低。优质资源为用户提供社区的精品资源下载,帮助快速上手,右上角可以快速导入Figma、Sketch、XD的文件,左侧栏可以查看草稿箱、回收站和资源社区,左下角可以快速建立团队。

Pixso:

2)新建文件和画板

工作台熟悉以后,我将开始建立文件进行实操。这一步非常简单,点击新建,就能立马生成文件。即时设计、Mastergo和Pixso均支持多种画板的尺寸,如手机、桌面、平板、平面等。

新建文件后,出现了一个引导提示,这对从未使用过设计软件的新手来说非常友好,这会让他们知道怎么开始第一步。

Mastergo的界面和Sketch一样简洁,这让我有种熟悉的感觉,更容易上手。

和Mastergo的界面相似,Pixso的设计和Sketch一样简洁,让我的上手成本更低。

3)熟悉工作区

UI设计软件的功能其实几乎大同小异,虽然使用了Photoshop十年、Sketch五年,但其实真正使用的功能没有超过20%,所以虽然是新软件的学习,但其实更多是探索一下工作区,简单熟悉一下软件的功能分类和操作习惯。

和Sketch相比,操作区的展现形式略显不同。不过经过我的仔细探索,我发现了一个Sketch适配模式,这简直就像和老朋友相遇一样,非常棒,我快速切换以后,降低了学习成本。

Mastergo的操作面板和sktech很相似,操作习惯相近,我在文件里发现了历史版本的功能,这个功能我觉得非常方便。其次点击右键后,提供了一个沉浸模式,有点像xmind里面的zen模式,在设计演示场景中非常方便。

Pixso的操作区也和sketch很相似,非常简洁,用户习惯也差不多,上手起来很方便,其次我在文件里也发现了历史版本的功能,非常方便。

4)小结

1)导入组件库

组件的位置很明显,就在图层的左边,不过操作很繁琐,我需要先回到工作台的团队面板,导入组件库,进入组件库文件,然后添加到团队组件库,发布更新才能正式生效,这让我折腾了好久。

Pixso组件的导入逻辑和mastergo很相似,都需要在团队导入组件发布以后才能生效。

2)建立文本样式

组件库虽然导入了,但是我发现均不支持导入文本样式,而文本样式是确保整个界面的字体大小、颜色保持统一的基础,所以我只能单独重新制作一套文本样式组件库。

即时设计、Mastergo和Pixso均嵌入了多款免费商业字体,无需下载安装,极大节省了设计师的成本,其次有效避免设计师使用商业字体带来侵权的困扰。另外,它们都提供了本地字体下载助手,这帮助我可以快速载入本地的字体,非常方便。

最让我惊喜的地方则是字体均支持使用渐变色、支持图层混合模式,这省去了我过往使用Sketch时候要去photoshop进行视觉加工的成本,我的天,这真的棒极了。

3)建立颜色样式

和文本样式一样,颜色样式是确保整个界面配色统一的基础,在我开始使用形状工具之后,就需要开始建立颜色样式,确保整个设计的颜色统一。即时设计、Mastergo和Pixso的颜色样式功能和Sketch都差不多,没有太多学习成本,轻松上手。

4)制作基础组件

设计组件是Sketch最吸引我的地方,我以前在学习UI设计的时候尝试过Photoshop,那种批量修改的痛苦让我每次想起都感到难受,所以自从尝试Sketch以后就彻底放弃Photoshop了。

组件的建立比较简单,但相比Sketch,即时设计、Mastergo和Pixso都加入了一个变体的功能,这真的很棒。因为在Sketch里当一个组件有不同状态的时候,我需要建立不同的组件,略显繁琐,而变体的设计,可以一劳永逸,方便操作,更加灵活。

5)完成交互临摹

通过建立文本样式、颜色样式和掌握基础组件的制作方法,接下来的工作就是根据每一个页面的结构进行拆解、临摹和组合。

相比Sketch、Photoshop本地部署的软件,即时设计、Mastergo和Pixso的操作性也非常流畅,没有卡顿,不过你尽量要保证你的网络稳定,我在制作过程中确实也遇见过网速不佳导致软件无法操作的情况,还好数据是完整无误的自动保存下来,并没有造成影响。

6)小结

当我开始实际操作以后,我发现学习成本并不高,当然这和我的工作经验有关,其次即时设计、Mastergo和Pixso在功能体验方面,进行了一些关键创新,极大的提高工作效率,这是一个以外的惊喜,而当我彻底熟悉以后,我开始对它们越来越有兴趣。

1)使用渐变

渐变工具比较简单,只要掌握渐变原理,没有太大的学习成本。其次相比Sketch,即时设计、Mastergo和Pixso都提供了优秀的插件,有很多现成的渐变效果,只需鼠标轻轻点击,设计效果就出来了,这对新手的帮助非常大,让设计变得更简单。

2)设计配图

而且图片的填充功能也非常棒,粘贴以后,等比自适应缩放,如无特殊处理,你都不需要做任何动作,对于新手来说,这简直就是傻瓜式操作,大大降低了设计的成本。再加上支持混合模式,视觉设计变得更加简单。

3)绘制图标

虽然从业多年,但我不擅长画图标,我一般采用iconfont插件进行二次绘制或直接交给我的同事。但这次为了全面体验,我简单尝试了几个简单的图标绘制,我发现以前在Sketch里画圆弧已经算困难的事情,即时设计、Mastergo和Pixso可以轻松搞定,真让我意识到必须要与时俱进,才能跟得上时代的脚步。

至于贝塞尔曲线、图形的算法组合,和Sketch都大同小异,没有学习成本。

4)设计走查

把所有页面设计完以后,我要开始进行设计走查。这一步将会整理各个页面的图层分类,以及页面名称。

即时设计&Pixso:

我在即时设计和Pixso发现一个特别好用的功能,批量收缩画板的图层展示内容,这对图层的管理有极大的帮助,以前在sektch里对这个问题就非常头疼。

5)小结

通过对原型页面的视觉设计,我对即时设计、Mastergo和Pixso的满意度越来越高,特别是内嵌的资源插件,非常丰富,极大节省了太多的设计成本,这对新手设计师来说,真是一个极大的福利。我甚至觉得未来产品经理、交互设计师、前端工程师都能做出60分的设计稿了。

这足以说明,随着软件的门槛越来越低,对设计思维的提升特别重要,你的老板需要的,不是一个只能掌握工具的设计师。

1)邀请成员

2)在线协作

3)交互演示

就在同一个软件,同一个流程节点便可制作交互演示,真的让人感觉非常棒,感谢即时设计、Mastergo和Pixso,解决了设计师的一大痛点。

4)前端制作

为了验证在线协同软件提倡的All-In-One的设计理念,我特意把程序工程师也邀请进来,让他亲自尝试一下这样的协作模式,看看是否还需要像以前那样我把图片、图标输出,答案是不需要,他亲自体验了研发模式,他觉得很棒,可以直接开始页面制作。

这是我第一次体验在线协作的模式,当我把同事都加入到文件以后,大家对这样的协作方式都感到不可思议,觉得棒极了,这将会极大提高我们以后的作业效率,我也真正开始慢慢思考为什么5年前要从Photoshop转到Sketch,这就像一次心灵洗涤的旅行。

1)学习成本

2)操作体验

即时设计、Mastergo和Pixso的工作区和Sketch都很相似,所以操作体验都不错,只需要通过一两个项目就能完全上手,而且在很多功能上结合国内用户习惯在持续不断优化创新,有过之而无不及。

3)设计资源

4)软件性能

因为是云储存的Saas在线模式操作,所以软件的性能操作和本地部署的软件相对较弱,需要保持网速稳定,其次更建议下载客户端设计工作,特别是多人协作的模式。另外如果以后同时能支持离线软件版本就更完美了。

通过短短的3天设计项目的上手实操,我感觉自己基本熟悉了在线协同软件的操作习惯。总之,不管对于纯新手学习还是像我这样的从Sketch直接转到国产设计软件的设计师,我觉得只要稍微花一点心思就能即时上手。

在过往,设计软件几乎都来自美国,如Adobe全家桶系列软件、Sketch、Figma等。但随着以开辟在线协同设计软件的Figma封停了大疆账号,引发了国内软件圈“地震”以后,国内的企业和设计师才有危机意识。以主打云储存的Figma类型软件不仅会导致正常工作中断,也有可能窃取我们的设计资料和数据,所以设计软件国产化是大势所趋。

其次,设计师在使用Figma这样的跨国云储存软件时,经常面临网速受限的难题,导致了协同效率极其低下。而Sketch这样的本地部署软件,又只支持IOS系统,这导致用户使用成本高,极其不方便。这场设计师的软件变革,势在必行。

1)用户动机

设计软件的发展起点是Adobe软件旗下的Photoshop,在2010年移动互联网时代开启以后,Sketch弯道超车,以灵活、便捷的超高设计效率成为UI设计师的首选。但由于Sketch只支持IOS系统,这导致众多设计师使用成本非常高,你得先购买一台价格不菲的苹果电脑才可能使用Sketch。

直到今年3月,Figma封停大疆事件爆发,让国内企业和设计师才意识到,别人家的终究是别人家的,如果把所有的数据资料储存在国外软件服务器,这是一件非常危险的事情。所以用户渴望改变,也需要改变,其次这不仅仅是设计软件的层面,而是一个国家、一个企业数据安全储存的问题,动机非常强烈。

2)用户需求

①设备需求

Figma不限系统、web端浏览器支持设计的模式把设计软件对设备的需求降低到0,也让用户习慢慢了只要有一台电脑,一个热点就可以随时随地设计。

②金钱需求

设计师对设计软件的认知依旧停留在免费的时代,不管是正版软件收费的Photoshop、Sketch还是部分免费的Figma,对软件的使用付费持保留态度,购买欲望低。

④体验需求

用户对改变天生惧怕,所以当尝试一个新的设计软件时候,如果产品设计不符合自己多年习惯的软件,心情会变得焦躁、不耐烦,很难坚持学习。

⑤功能需求

设计软件就是设计师的工具,是设计师赖以生存、吃饭养家的宝刀,所以选择一门新的设计软件,这把宝刀就要能为设计师披荆斩棘,而不是为情怀买单。

⑥协作需求

当越来越多的企业、团队接受All-in-one的产研协同理念以后,设计不再是一个单点的工作,而是一个产品设计的公交枢纽,对协作的便捷性、沟通效率、演示效果也会越来越高。

1)看得见的对手

从软件竞品层面分析,国产设计软件面临的无非就是Figma、Sketch和AdobeXD这几个美国软件,国产设计软件的起步较晚,虽然已渐渐成熟,但距离顶级的设计软件还有一段距离,这可以归纳为软件的稳定性、易用性、创新性三个方面。我在软件的实操的过程中就深深感受到,设计软件的不稳定性和不合理的设计带来的焦躁和苦恼。

2)真正的对手

我认为,用户习惯的改变才是国产设计软件面临真正的对手。这个时代太浮躁了,静下心来学习可以说非常困难的事情,更何况让用了十年、五年的设计师改变过去的软件操作习惯来适应一个新的软件,这是需要极大的决心才能做出的决定。

上瘾模型的作者尼尔·法埃尔就曾经描述过关于用户习惯改变面临的困难——用户总会尽力和过去的行为保持一致,哪怕是认知失调,狐狸就会认为吃不到的葡萄是酸的,这和我们的江山易改本性难移一个道理。

综上所述,由于Figma封停大疆事件的爆发,国产设计软件真正的春天已经来临,不管是企业还是设计师,已经有了迫切改变的动机。而身后母公司均已打磨多年的即时设计、Mastergo和Pixso,也迎来非常利好的机会,所谓七年磨一剑,这正是实现国产设计软件爆发的好时代。

所以,开始尝试吧,朋友们,把设计软件留在中国,让DesignInChina成为民族骄傲!

THE END
1.Pixo开源项目教程Pixo 是一个用于将 Sketch 设计文件转换为可用于 Web 开发的 CSS 和 HTML 代码的开源工具。它由 c8r 开发,旨在帮助设计师和开发者更高效地协作,减少设计到开发过程中的转换成本。Pixo 利用了 Sketch 的导出功能和一些自定义脚本,自动生成样式和结构代码,使得设计稿能够快速转化为前端页面。 https://blog.csdn.net/gitblog_00206/article/details/141376675
2.商业味道最浓2008巴黎国际车展新车前瞻●日产Pixo 日产宣布将携一款全新的5门4座掀背紧凑型小车Pixo参加本次巴黎国际车展。Pixo是日产与铃木印度公司合作开发的车型,开发目标是针对快速增长的A级车市场。 Pixo的车身尺寸为长3565mm、宽1600mm、高1470mm,轴距为2360mm。精简的设计主要是为了让车身足够紧凑,在城市中驾驶游刃有余;同时得益于有效的设计与包装https://auto.dbw.cn/system/2008/09/18/051504838.shtml
3.wnmotor.com/aplmine12derpixo派对游戏无聊的兔子完整版 195.58MB 276好评 畸情11部 乱伦黄色图区 亚洲第一页面 366.37MB 157好评 国产看片视频 大雷美女在线观看未删减版资源 欧美一级婬片A片人杂交视频 389.74MB 623好评 黑丝操到喷水 美女抠逼吊逼麻豆 女黄片视频在线免费 http://wnmotor.com/aplmine12_17/807042
4.www.worldsoben.cn/mokaka44814.html朝阳百子湾青年餐厅外草地 杨山山 男 17 513901199512130634 四川 溺亡(落水)|_。 6月28日电 据共同社28日报道,英国伦敦大学卫生热带医学研究生院的科研小组日前公布的研究结果显示,截至2005年,全球体格指数(BMI)超过30的“肥胖”成人身上的赘肉合计重量为352万吨,其中美国占到了三分之一。 http://www.worldsoben.cn/mokaka44814.html
5.什么是GUI图形用户界面?新手入门讲解!轻松绘制原型,开启高效工作 Pixo社区提供了丰富的设计资源、原型模板供你免费利用。为你免去了大量不必要的时间浪费,开启敏捷高效工作。 绘制高保真原型,带来更佳用户交互 Pixso支持交互事件演示,提供丰富的转场动画,以及即时、溶解、智能动画、推动、滑入、滑出等多种渐入渐出动效,帮助设计师轻松构建出色的用户体验交互https://pixso.cn/designskills/tuxingyonghujiemian/
6.国产设计软件实操体验:时代拐点悄然而至,让DesignInChina成为Pixso是深圳万兴科技内部孵化的旗舰产品,而万兴科技旗下拥有过多款千万级产品如亿图、墨刀等知名软件,Pixoso2021年5月发布测试版,10月正式上线发布。Pixso致力于成为新一代产品设计协作工具,集合「原型 · 设计 · 协同 · 交付 · 资源管理」全流程链路,为UI设计师和企业提供专业先进的协同设计解决方案。 https://www.woshipm.com/evaluating/5421013.html
7.三星智能戒指登陆中国,售价2999元;触觉背心已支持PSVR2;VR被IIFX 与 PIXO VR 合作,在梅赛德斯奔驰体育场推出 VR 训练试点 IIFX 是一家为体育和娱乐组织提供培训和内容创作服务的技术公司,近日,该公司宣布,将在梅赛德斯奔驰体育场开展一项名为 ASPIRE 的沉浸式培训计划,预计将有 40 名关键岗位员工,包括一线工人、主管及管理人员参加。 http://www.zaker.net/news/article_new.php?pk=669908ec8e9f095b1815cb29
8.三星智能戒指登陆中国,售价2999元;触觉背心已支持PSVR2;VR被用于IIFX与PIXO VR合作,在梅赛德斯奔驰体育场推出VR训练试点 IIFX是一家为体育和娱乐组织提供培训和内容创作服务的技术公司,近日,该公司宣布,将在梅赛德斯奔驰体育场开展一项名为ASPIRE的沉浸式培训计划,预计将有40名关键岗位员工,包括一线工人、主管及管理人员参加。 https://mp.ofweek.com/vr/a556714758427
9.三星智能戒指登陆中国,售价2999元;触觉背心已支持PSVR2;VR被IIFX 与 PIXO VR 合作,在梅赛德斯奔驰体育场推出 VR 训练试点 IIFX 是一家为体育和娱乐组织提供培训和内容创作服务的技术公司,近日,该公司宣布,将在梅赛德斯奔驰体育场开展一项名为 ASPIRE 的沉浸式培训计划,预计将有 40 名关键岗位员工,包括一线工人、主管及管理人员参加。 http://www.myzaker.com/article/669908ec8e9f095b1815cb29