欢迎光临散文网 会员登陆 & 注册

figma/sketch/xd应该如何选择这几款设计软件

2022-07-14 19:26 作者:设计是门艺术  | 我要投稿

我们今天生活的环境,互联网的快速发展,新的意识形态的不断涌现,工作方式的不断变化,开放的开放.更多的行业和更多的人理解共享的概念,在这样的环境中,效率变得越来越重要。好的工具和工作方法带来先进的生产力,比如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实时协作不是共同编辑设计稿,而是在设计稿上进行实时涂鸦讨论。

figma/sketch/xd应该如何选择这几款设计软件的评论 (共 条)

分享到微博请遵守国家法律