figma/sketch/xd应该如何选择这几款设计软件
我们今天生活的环境,互联网的快速发展,新的意识形态的不断涌现,工作方式的不断变化,开放的开放.更多的行业和更多的人理解共享的概念,在这样的环境中,效率变得越来越重要。好的工具和工作方法带来先进的生产力,比如Figma,js.design/special/figma作为互联网设计师,我们应该是互联网中的前卫者。
ProcessOn是一个web应用,一个浏览器,一个窗口,全部完成。ProcessOn用户零销售成本超过100万。这在一定程度上反映了软件的发展趋势:云化.去平台化.共享,传统软件将逐渐被云应用所取代。
之后,2014年国内墨刀和抄客上线,国外的墨刀和抄客Figma2015年上线,AdobeXD2017年在国内推出xiaopiu上线,2020年9月xiaopiu推出“即时设计”,新版本的墨刀也增加了实时协作功能。很高兴也很期待看到国产设计软件越来越优秀!2020年的突如其来的变化,让更多的人关注到了无数工具和理念,比如在家工作、团队合作、远程办公...
接下来我们来看看“后软件时代”的UI设计软件
我今天想说的是当前的主流UI设计软件——Sketch.Figma.AdobeXD.InvisionStudio

可以发现这四种软件的定位包括功能基本相同。
接下来看看软件的核心功能
1.基础功能
首先,让我们谈谈基本功能。所谓的基本功能通常用于本地化设计。图形绘制.路径编辑.布尔运算.文本设置.图层样式.蒙版.模糊.页面设置.网格等。,这些功能和基本操作Sketch.Figma.AdobeXD.InvisionStudio差别不大,甚至很相似,相对简单,如果熟悉其中一个很容易上手,这里就不介绍了。

2.组件系统
组件系统,一般来说,组件系统是方便设计者使用组件.样式.颜色.文以统一修改文本样式。
近年来,组件设计思维越来越受到重视。所有主要工厂都有自己的组件系统,这是一种有效的工作方法和思维模式。这里不再重复组件设计思维。感兴趣的学生可以看看
他们的组件系统各有千秋,比如
Sketch.Figma.InvisionStudio可以组件时可以下拉选择切换,XD切换是将组件直接拖到原组件上进行更换,可以用斜杠/命名对组件进行分组;
Figma.XD组件可以有多种状态,并且可以直接识别sketch,js.design/special/sketch文件组件;
Sketch.InvisionStudio将组件分类到一个单独的页面空间;
Figma.XD更灵活的组件;
3.团队组件库
说到组件库,我们不得不说,团队组件库允许设计师管理单个文件的设计资源,而团队组件库可以使我们的整个团队使用相同的规格。如果更改了一个组件,则将自动更改使用该组件的所有文件,这对团队合作非常重要。
Sketch团队组件库
可自行使用SketchLibraries,苹果也可以使用iCloud,蓝湖为Sketch量身打造的“设计规范云”使用体验也超级棒!
Figma团队组件库
Figma团队合作本身就是一个专业的版本,每个人一起编辑同一个文件。免费用户只能在一个文件中使用组件。团队项目可以夸耀设计草案的使用,但需要付费。
XD团队组件库
与团队成员共享设计文件,团队成员可以使用文件中的组件,并且可以一起编辑。
InvisionStudio团队组件库
InvisionStudio目前还没有团队组件库,但是它可以导入其他文件的组件,我们可以通过文件传输的方式间接共享。
4.智能布局
智能布局是“后现代设计软件”它可以帮助我们快速实现响应式布局。
尽管它们的名称不同,但功能基本相同。
Sketch叫SmartLayout“聪明布局”(这翻译好别扭o(* ̄︶ ̄*)o)
Figma叫AutoLayout“智能布局”;
AdobeXD叫Content-AwareLayout“内容感知布局”;
InvisionStudio叫ResponsiveLayouts“响应式布局”;
其中Figma的AutoLayout同时,嵌套逻辑也可以达到更复杂的效果。
InvisionStudio的ResponsiveLayouts功能稍弱,只能达到一些简单的自适应效果。InvisionStudio使用百分比的单位是响应式布局的核心。
5.数据填充
数据填充是我们在设计时经常遇到的一个问题,即填充一些化身.图片.文字等模拟数据,可以让我们的设计效果看起来更真实,代入感更强。
数据填充可分为两类:
一是随机数据
随机数据的内容是不可控的,它们都有这样的插件,包括sketch自带这个功能。
二是自定义数据
定义你想要的文字和图片。例如同时支持Figma.AdobeXD的GoogleSheets插件。
Sketch您可以自定义本地图片和文本或使用插件,例如Kitchen等;
Figma可以通过GoogleSheets插件实现自定义数据,或使用其他插件进行随机数据;
AdobeXD可直接拖动本地图片和文字进行填充,或使用其他插件;
InvisionStudio可以通过“Data”实现插件随机数据或定义本地数据。
6.原型
在一站式设计中,原型功能是不可或缺的。Figma.AdobeXD.InvisionStudio经验比较一致。
点击可以实现不同的交互模式,例如点击.滑动.长按等等;
可以实现不同的交互效果,如缓慢进入.缓出.线性等等;
可以以连接的形式与他人分享;
可以在手机上预览和实际操作;
Sketch当然,简单的跳跃和过渡只能实现,Sketch可以用它最好的搭档Principle完成复杂的互动效应。
Figma.AdobeXD具有过渡效果的动态效果可以实现,即补间动画。所以可以完成更真实的交互效果。
InvisionStudio原型功能是最完美的,因为它本身InvisionStudio就是同时借鉴Sketch设计部分和principle动态效果部分,可以调整动态效果的关键帧和动画曲线。InvisionStudio可以达到更复杂的交互效果。InvisionStudio没有弹性效果Principle所以自定义张力和摩擦,即弹性幅度。
7.实时协作
实时合作是团队合作的重要体现。实时协作的概述是,许多人实时编辑相同的文件,就像玩游戏一样,就像玩游戏一样LOL同样的。它不仅给我们带来了工作流程的修改,也逐渐改变了我们的思维方式和工作方式。
这也是很多软件的发展趋势,比如前面提到的各种协作文档ProcessOn,而最新版本的墨刀也增加了实时协作功能。相信实时协作会在不久的将来大放异彩!
就实时协作而言Figma毫无疑问,这四个软件中出现的最早,Figma也很稳定。
AdobeXD,js.design/special/xd紧随其后,而且Adobe实时协作体验也很好,但是免费用户只能由两个用户编辑。
Sketch实时合作也有所增加,目前仍处于测试阶段。
InvisionStudio实时协作不是共同编辑设计稿,而是在设计稿上进行实时涂鸦讨论。