当前位置:
首页 > 字体文章 > 国产免费字体 国产设计软件实践经验:时代拐点悄然到来,让Design In China成为民族骄傲!

国产免费字体 国产设计软件实践经验:时代拐点悄然到来,让Design In China成为民族骄傲!

作为一个入行十年、使用Sketch软件五年的传统设计师,在“遗憾”地错过Figma后,没想到国产设计软件现在正在蓬勃发展。今年以创作者身份进入各种设计软件平台后,这种独特的体验之旅就诞生了。

过去当我从 Photoshop 切换到 Sketch 时,我经历了用户习惯的痛苦改变。我仍然记得很清楚,但是一旦我完全熟悉了Sketch,我就再也不想使用Photoshop了。而现在,时代的转折点已经悄然到来。

如今,以Instant Design、Mastergo、Pixso为代表的国产设计软件已经日趋成熟。设计中国,怀着为国内设计师打造一款属于自己的设计软件的愿景,在这条极其艰辛的设计道路上做出了巨大的努力。经过无数的汗水和努力,经过多年的打磨,他们已经拥有了不逊色于Sketch和Figma的软件能力。

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

一、产品介绍 1、即时设计

实时设计最早诞生。该软件以前称为实时原型。经过5年多的打磨,于2020年9月正式上线。目前,Instant Design已宣布用户数已突破100万。从设计资源到设计创作和团队协作,致力于成为国内设计师和设计团队手中的主要国内设计工具,打通国内设计生态,为设计师提供线上设计平台。 。

2.Mastergo

Mastergo作为国内最早的产品设计协作平台蓝湖的旗舰产品,依托蓝湖多年的用户、产品、技术资源积累。将于2021年2月发布测试版,并于10月正式上线。目前,Mastergo与国内多家公司合作创建了“国产设计软件共创计划”,致力于解决开发者与用户之间的沟通鸿沟,真正实现产学研一体化协同。

3.Pixso

Pixso是深圳万兴科技内部孵化的旗舰产品,旗下拥有依图、莫道等知名软件等多个千万级产品。 Pixoso 将于 2021 年 5 月发布测试版,并于 10 月正式上线。 Pixso致力于成为新一代产品设计协作工具,整合“原型、设计、协作、交付和资源管理”全流程环节,为UI设计师和企业提供专业、先进的协作设计解决方案。

2.体验用户

3.体验环境

4.体验步骤

体验步骤非常简单。我挑选了三个优秀的APP,然后根据自己多年的设计流程,使用三个软件进行设计和复制。这样做的目的是通过真正的实际使用来熟悉软件。只有这样我才能完全理解它。优点和缺点。

1、设计准备

1)熟悉工作台

尝试一个新软件确实不容易。与我过去使用Sketch的习惯相比,我对工作台一无所知。所以当我第一次进入国产设计软件工作台时,我有点困惑,不知道从哪里开始。不过,经过短暂的熟悉后,我逐渐能够理解基于在线协作概念的设计软件。

与传统的PS和Sketch本地软件相比,无需考虑文件需要保存在哪个硬盘上。其次,文件随时自动保存,无需担心文件丢失或损坏。团队的概念也尤为突出。过去设计工作是独立完成的,但现在在线协作的理念是将产品、交互、设计、研发融为一体,实现All-In-One。

即时设计:

实时设计工作台集成了许多功能。右上角可以快速导入JSD(实时设计本地文件)、Figma(支持超链接导入)、Sketch、XD文件。左栏显示最近的工作文件、工作台和后续工作。 、回收站和团队。

文件夹是一个非常人性化的功能,方便设计者统一管理设计文件。其次,提供社区优质资源下载​​、快速上手。右键单击所选文件后,可以查看该文件的历史版本并进行后续操作。这两个功能非常棒。查看历史版本可以返回对文件进行操作的历史版本,让您不再担心文件被误删除或其他灾难事件。并且后续文件可以对文件进行全面跟踪,非常方便协作。

大师:

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

像素:

Pixso 的工作台提供了出色的新手指导。用户打开后,可以在右侧观看软件操作的视频课程,节省了用户快速上手的时间和成本。其次,用户可以快速导入Figma、Sketch、XD等文件,并且可以访问资源社区。左侧栏分为草稿箱、回收站、资源社区和团队管理。

2)创建新文件和画板

熟悉了工作台后,我将开始创建实际操作的文件。这一步很简单,点击新建,文件就会立即生成。 Instant Design、Mastergo和Pixso都支持多种画板尺寸,例如手机、台式机、平板电脑、飞机等。

即时设计:

创建新文件后会出现指导提示,这对于从未使用过设计软件的新手来说非常友好。它将让他们知道如何开始第一步。

大师:

Mastergo的界面和Sketch一样简单,这让我感觉很熟悉,也更容易上手。

像素:

和Mastergo的界面类似,Pixso的设计和Sketch一样简单,让我的上手成本更便宜。

3)熟悉工作空间

其实UI设计软件的功能都差不多。虽然我用了Photoshop十年,Sketch五年,但其实真正用到的功能不超过20%。所以虽然是学习一个新软件,但其实更多的是对工作空间的探索。简单 熟悉软件的功能分类和操作习惯。

即时设计:

与Sketch相比,操作区域的显示形式略有不同。不过,经过仔细探索,我发现了一种Sketch适配模式。就像见到一位老朋友一样。太棒了。我快速切换后,降低了学习成本。

大师:

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

像素:

Pixso的操作区域也和Sketch非常相似。非常简洁,用户习惯也相似。上手非常方便。其次,我还在文件中找到了历史版本的功能,非常方便。

4)总结

通过对工作台和操作区域的熟悉,我基本上对设计软件有了初步的了解。这一步实际上是对用户习惯的破冰。当用户需要摆脱以前的习惯,花时间学习新软件时,如何开始第一步就显得尤为重要。虽然这是第一次使用,但即时设计、Mastergo和Pixso的学习成本相对较低。只要静下心来,花5分钟,就能快速上手。

2. 原型设计

1)导入元件库

每个设计师都应该有自己的组件库,它就像工程师的工具箱,里面装满了过去几年的设计工具。所以在开始工作之前,我需要导入我工作多年的Sketch组件库。我花了很多时间导入组件库,和我理解的完全不一样。原来在线协作软件的组件库需要从团队资源中导入和更新,这让我很困扰。终于从官方用户组找到了技术来解决。

即时设计:

组件库的入口在左下角,由于没有中文提示,所以我花了很长时间才找到。进入组件库后,需要点击共享设计库,输入详细信息后点击发布即可生效。这种路强度太长,首次使用的成本太高。

大师:

组件的位置很明显,就在图层的左边,但是操作起来很麻烦。我需要回到工作台上的团队面板,导入组件库,输入组件库文件,然后添加到团队组件库中,发布更新才能正式生效。 ,这让我挣扎了很长时间。

像素:

Pixso组件的导入逻辑与mastergo非常相似,只有团队导入组件并发布后才能生效。

2)创建文本样式

虽然导入了组件库,但是发现都不支持导入文字样式。文字样式是保证整个界面的字体大小和颜色保持统一的基础,所以我只能单独重新创建一个文字样式组件库。

Instant Design、Mastergo、Pixso都嵌入了多种免费商业字体,无需下载安装,大大节省了设计师的成本。其次,有效避免了设计师使用商业字体带来的侵权问题。另外,他们都提供了本地字体下载助手,帮助我快速加载本地字体,非常方便。

最让我惊讶的是所有字体都支持渐变颜色和图层混合模式。这节省了我以前使用Sketch时去Photoshop进行视觉处理的成本。天哪,这真的太棒了。

3)创建颜色样式

与文本样式一样,颜色样式是确保整个界面颜色匹配统一的基础。开始使用形状工具后,我需要开始建立颜色样式,以确保整个设计的颜色统一。 Instant Design、Mastergo 和 Pixso 的颜色和样式功能与 Sketch 类似。学习成本不多,上手简单。

4)制作基本组件

设计部分是 Sketch 最吸引我的地方。我之前在学习UI设计的时候尝试过Photoshop。批量修改的痛苦让我每次想起都觉得不舒服,所以自从尝试了Sketch之后我就彻底放弃了Photoshop。

组件的创建比较简单,但是相比Sketch,Instant Design、Mastergo和Pixso都增加了变体功能,这确实很棒。因为当Sketch中一个组件有不同的状态时,我需要创建不同的组件,这有点繁琐,但是变体设计可以一劳永逸,操作方便,也更灵活。

当然,如果你是新手,使用组件会花费很多时间,但对于已经习惯基于组件设计的设计师来说,即时设计、Mastergo和Pixso设计确实非常方便。

5)完整的交互式复制

通过建立文字样式、色彩样式并掌握基本组件的制作方法,下一步就是根据每个页面的结构进行拆解、复制和组合。

与本地部署的Sketch和Photoshop软件相比,Instant Design、Mastergo和Pixso的操作也非常流畅,没有任何卡顿。但是,您应该尽量确保您的网络稳定。我在制作过程中确实遇到过网速不佳的情况。这导致该软件无法运行。幸运的是,数据被完整地自动保存,没有受到任何影响。

随着操作时间的增加,每个软件都可以在短短一天内完全使用,感觉很棒。

6)总结

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

3、视觉设计

1)使用渐变

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

2)设计图纸

设计图片堪称这款国产软件体验的啊哈时刻。 Instant Design、Mastergo、Pixso都提供了优秀的图片资源库,而且这些都是免费的、可商用的图片,大大降低了配图的成本。时间成本,只需要搜索关键词就能找到好图片。这不仅对于新手来说是一个很棒的功能,而且对于任何设计师向团队或业务方展示初步计划时也可以节省大量时间。

而且,图片的填充功能也很好。粘贴完成后,比例自适应缩放就完成了。如果没有特殊处理,则无需进行任何操作。对于新手来说,这简直就是傻瓜式操作,大大降低了设计成本。再加上对混合模式的支持,视觉设计变得更加简单。

3)绘制图标

虽然我在这个行业工作了很多年,但是我并不擅长画图标。我一般都是使用iconfont插件进行二次绘制或者直接交给同事。但这次为了全面体验,我只是尝试了一些简单的图标绘制。我发现以前在Sketch中画弧线已经很困难了,但是Instant Design、Mastergo和Pixso可以轻松做到。确实让我认识到,我必须与时俱进,才能跟上时代的步伐。

至于贝塞尔曲线和图形的算法组合,和Sketch类似,没有学习成本。

4)设计演练

设计完所有页面后,我将开始设计演练。这一步会整理出每个页面的图层类别和页面名称。

即时设计和 Pixso:

我发现Instant Design和Pixso中有一个特别有用的功能,就是批量缩小画板的图层来显示内容。这对于图层管理非常有帮助。这个问题曾经是sektch中很头疼的问题。

5)总结

通过原型页面的视觉设计,我对Instant Design、Mastergo和Pixso越来越满意,尤其是内置的资源插件,非常丰富,大大节省了太多的设计成本,这一点非常重要对于新手设计师来说。这实在是一个很大的好处。我什至认为未来产品经理、交互设计师、前端工程师都能拿出60分的设计稿。

这足以说明,随着软件的门槛越来越低,提高设计思维就显得尤为重要。你的老板需要的不是一个只会掌握工具的设计师。

4. 沟通与协作

1) 邀请会员

好吧,在设计演练显示没有问题之后,我决定邀请我的同事参与该项目,尝试一种我以前从未有过的协作体验。即时设计、Mastergo和Pixso的在线协作模式没有太大区别。您可以直接与您的团队和同事共享链接,还可以对文件设置权限,这完全消除了我对其他人误操作文件的担忧。

2)在线协作

当我看到同事添加文件后的光标操作时,真的感觉不可思议。这种感觉真是太清爽了。想想以前,当我要向同事演示一个项目时,我需要将图像导出到原型工具平台,然后编写描述、标记,最后通过共享屏幕继续解释,以确保设计计划以最好的形式传播给每个人。

现在,这大大节省了沟通时间和成本,并以最好的沟通效果展示给大家。这让我很兴奋,就像打开了潘多拉魔盒一样。我终于明白为什么很多设计师如此痴迷 Figma 了。现在,有了Instant Design、Mastergo、Pixso等优秀的在线协作软件,我们再也不用担心网络速度和其他干扰因素了。

3)互动演示

将交互式演示和设计融为一体确实是个好主意,而且确实节省了很多时间。这两个流程节点本身是不可分割的,甚至可以同步设计。以前我确实需要花很多时间将它们导入到原型工具中,然后进行交互式演示,这确实很耗时,但现在不需要了。

能够在相同的软件和流程节点中创建交互式演示感觉真的很棒。感谢 Instant Design、Mastergo 和 Pixso,解决了设计师的一个主要痛点。

4)前端制作

为了验证在线协作软件所倡导的All-In-One设计理念,我特地邀请了程序工程师亲自尝试了这种协作模式,看看是否还需要像以前一样导出图片和图标。答案是否定的。他亲身体验了这种研发模式,觉得很棒。他可以直接开始页面制作。

这大大节省了设计定稿后制作切割图纸和输出规格所需的时间。感谢Instant Design、Mastergo和Pixso,这次体验之旅让我真正知道,如果我不改变,事情不会像遗憾错过Figma那么简单。

5)总结

这是我第一次体验在线协作模式。当我将同事添加到文件中时,每个人都对这种协作方法感到难以置信,并认为这很棒。这将大大提高我们以后的工作效率。我也真正开始慢慢思考5年前我为什么从Photoshop转向Sketch。这就像一次洗涤心灵的旅行。

五、经验总结

1)学习成本

虽然我上手的时间很短,但这取决于我过去的软件经验。对于一个新手设计师来说,需要一定的时间和成本,但一般来说,基于大量设计和插件资源的收集,是相当容易的。相比之前的软件学习,减少了很多。

2)操作经验

Instant Design、Mastergo、Pixso 的工作空间与 Sketch 非常相似,因此操作体验不错。只需要经过一两个项目就可以完全上手,而且很多功能都是根据国内用户习惯不断优化和创新的。没有什么比这更重要的了。

3)设计资源

Instant Design、Mastergo、Pixso都收集了大量的设计资源,比如无版权的字体、图片、各种傻瓜式插件等,进一步降低了设计难度,节省了时间和成本。

4)软件性能

由于是在云存储的Saas在线模式下运行,因此软件的性能运行相比本地部署的软件来说相对较弱,需要保持网速稳定。其次,建议下载客户端设计作品,尤其是多人协作模式。另外,如果以后还能支持离线软件版本那就更完美了。

经过短短3天的设计项目上手实践,我感觉自己已经基本熟悉了在线协作软件的操作习惯。总之,无论你是一个纯粹的新手,还是像我一样从Sketch直接转入国产设计软件的设计师,我想你只要稍加努力就可以立即上手。

五、用户需求分析 1、用户为什么需要国产设计软件?

过去几乎所有的设计软件都来自美国,比如Adobe的全家桶系列软件、Sketch、Figma等。然而,开发在线协同设计软件的Figma封锁了DJI账号后,引发了一场“地震”在国内软件行业,国内公司和设计师逐渐意识到了危机。以云存储为主的 Figma 类软件不仅会中断正常工作,还可能窃取我们的设计信息和数据。因此,设计软件的国产化已是大势所趋。

其次,设计师在使用Figma这样的跨境云存储软件时,常常会面临网速受限的问题,导致协作效率极低。而像Sketch这样的本地部署软件只支持IOS系统,价格昂贵,而且对用户来说极其不方便。对于设计师来说,这场软件革命势在必行。

2、用户对设计软件的真正需求是什么?

1)用户动机

设计软件开发的起点是Adobe Software 旗下的Photoshop。 2010年移动互联网时代开启后,Sketch凭借灵活便捷和超高的设计效率一举超越竞争对手,成为UI设计师的首选。但由于Sketch仅支持IOS系统,因此对于很多设计师来说使用成本非常高。你必须购买一台昂贵的苹果电脑才能使用Sketch。

因此,Figma在2016年颠覆性创新横空出世后,作为一款不分系统、甚至支持浏览器的设计软件,赢得了粉丝们的青睐,开启了在线设计协作时代。

直到今年3月,大疆的Figma暂停事件爆发,才让国内企业和设计师认识到,属于别人的东西终究是属于别人的。将所有数据存储在国外的软件服务器中是非常危险的。事物。因此,用户渴望改变,需要改变。其次,这不仅仅是软件设计水平的问题,而是一个国家、一个企业数据安全存储的问题。动机非常强烈。

2)用户需求

①设备要求

Figma不限于系统,网页浏览器支持设计模式,将设计软件的设备要求降低到零,也让用户逐渐习惯随时随地只要有电脑和电脑就可以进行设计热点。

②资金需求

设计师对设计软件的认识还停留在自由软件时代。无论是Photoshop、Sketch等付费正版软件国产免费字体,还是部分免费的Figma,他们对付费软件使用持保留态度国产免费字体,购买意愿较低。

③时间要求

学习一项软件技能实际上是一种投资成本。学习时间越长,就越离不开软件。因此,如果想让用户放弃Sketch和XD软件,重新学习一款新的UI设计软件,这就是用户习惯的改变,而且学习时间越短越好。

④经验需求

用户天生害怕变化,因此在尝试新的设计软件时,如果产品设计不符合他们多年来习惯的软件,他们就会变得焦虑、不耐烦,很难坚持学习。

⑤功能要求

设计软件是设计师的工具,是设计师赖以生存、养家糊口的利剑。因此,如果选择一款新的设计软件,这把剑必须能够为设计师攻克障碍,而不是为感情付出代价。

⑥协作需求

当越来越多的企业和团队接受产学研协同All-in-one理念时,设计不再是单点工作,而是产品设计的公共交通枢纽,提高了协作的便利性、沟通的效率、而且示范效应也会越来越高。

3、国产设计软件面临的挑战

1)可见的对手

从竞品软件产品来看,国产设计软件面临的无非是Figma、Sketch、Adobe等美国软件,可以概括为三个方面:软件稳定性、易用性、创新性。在软件的实际操作过程中,我深深感受到了设计软件的不稳定和设计的不合理所带来的焦虑和苦恼。

2)真实的对手

我相信用户习惯的改变才是国产设计软件面临的真正对手。这个时代太浮躁了。静下心来学习东西可以说是非常困难的。更不用说让使用了十年、五年的设计者改变过去的软件操作习惯来适应一个新的软件,需要很大的决心。可以做出决定。

成瘾模型的作者尼尔·法尔曾描述过用户改变习惯所面临的困难——用户总是会尽力与自己过去的行为保持一致。即使存在认知失调,狐狸也会认为不能吃的葡萄是酸的,这和我们的本性易变难变是一样的。

因此,如何使用户轻松开始,以最低的时间成本来掌握设计软件,并允许用户保持高频和高介意的使用是国内设计软件所面临的真正对手。

4. 总结

总而言之,由于Figma暂停DJI的爆发,国内设计软件的真正弹簧已经到来。公司和设计师都有紧急改变的动力。由其母公司抛光了多年的实时设计,Mastergo和Pixso也面临着非常好的机会。俗话说,锐化剑需要七年。这是国内设计软件爆炸的好时代。

6。摘要思想

时代的轮子只会向前滚动。如果您不接受更改,将被淘汰。当电话是在20世纪初首次发明的时,它没有得到很好的接收。英国人嘲笑美国人 - “美国人需要电话,但我们没有。我们有足够的使者。”

甚至互联网的诞生也受到质疑。当时,一位美国专栏作家写了一篇名为“互联网?bah!”的文章。对于《新闻周刊》。

如今,对于我们习惯于传统设计软件(例如无花果,素描和Adobe)的老用户而言

因此,开始尝试,朋友,将设计软件保留在中国,并让在中国的设计成为国家的骄傲!