如果分别用一句话总结他们的核心特点,那就是:
· Sketch群众基础强大,“功能不够,插件来凑”,Mac独宠
· Figma云端软件,协作无敌
· Adobe XD 大厂软件,多软件协作便捷
· Invision Studio设计与动效融为一体
Sketch是最早在UI设计师中流行的一款软件,但被只能在mac电脑上使用,这就把很多人拒之门外。Sketch受到后起之秀Figma、Adobe XD很大的冲击,但也促使sketch更好的发展,比如也开始加入实时协作。但不能否认Sketch目前仍在UI设计工具中占据首位。
由于Sketch需要付费使用,加之我们的使用环境,它自带的很多功能我们并用不上或者不好用,我们可以借助插件完成。Sketch的插件系统十分强大,很多工具都有为sketch开发插件,像蓝湖设计规范云、墨刀、摹客等等。
关于Sketch的教程网上非常多,可以在B站上搜索sketch,会有非常多优秀的教程。比如
像素范https://space.bilibili.com/15741969/
新像素 https://space.bilibili.com/389903587/
优设基础训练营https://space.bilibili.com/39990344
Figma是“后软件时代”的典型代表。云端、社区、协作等特点使他能够在短时间内被行业追捧。不管你认不认同这种趋势,它就在那。
但就我们国内的使用环境,还存在一些不好的体验:
一是被很多人诟病的依赖网络问题,就算有网也可能加载较慢,可能还需要更科学的上网方式。这一点体验确实不好,不过并不影响它的正常使用。但作为UI设计师难道不应该经常去看一些设计网站吗,科学的上网方式不应该是我们UI设计师的一项基本技能吗?
二是前端交付问题,它不支持蓝湖,或者说蓝湖不支持Figma,我们国内很团队都在使用蓝湖,这一点使得它的迁移成本较高。
Figma比较出名的是它的实时协作,多个人同时编辑一个文件,这种体验真的很棒。
关于Figma的教程,给大家推荐一位B站的up主,草帽sMao https://space.bilibili.com/108104104/ 他是一个Figma的狂热爱好者,看了他的教程就不用再去其他地方了。 当然他的sketch教程也很棒!上面说的新像素的up主也是他。
Adobe XD的路径编辑很弱,连轮廓化描边都需要借助插件,询问Adobe官方,回答是后续可能会增加这样的功能,目前让从AI导入,或者使用Astui插件,好吧,毕竟是大佬,你说的算。
· Adobe XD的实时协作需要软件版本一致。
· Adobe XD的重复网格+自定义数据填充很方便。
· Adobe XD还有一个显著的特点就是属于Adobe系列,多软件协作特别方便,比如直接在ps里面编辑位图,直接导入AI文件,直接导出到AE去做交互动效。
· Adobe XD的组件和共享用不了,这个问题很好解决,在我的教程里会讲到。
关于Adobe XD的教程,网上也有很多的优秀资源,比如牛MO王老师的XD教程→。但这些教程并没有详细讲到团队组件、协作等。所以我自己做了一些教程《Adobe XD进阶使用教程》,还在陆续更新,欢迎大家学习 传送门→
· Invision Studio最大的特点就是直接做动效,就像是sketch+principle的合体。
· Invision响应式布局的核心是用百分比的单位;
· 目前没有多人实时编辑,但有多人实时讨论;
Invision Studio是Invision众多产品中的一个,Invision包括Invision Cloud、Invision Studio、Invision DSM。
其中的Invision DSM的服务对象是Sketch,简要来说就像是蓝湖为Sketch做的设计规范云。或者应该说设计规范云像Invision DSM;Invision Cloud还包括了Craft插件,Craft是使用在ps和sketch上的插件。
关于Invision Studio的教程,网上资源相对较少,如果你使用过前三个软件,那么只需要熟悉和习惯一下操作就完全可以上手。也可以去它的官网,有详细的使用方法和视频。
只要不是用ps就是进步
1、根据团队使用情况选择
2、如果是萌新用户建议选择Figma或Adobe XD
3、如果网络不允许可以选择Adobe XD或Sketch
4、如果想探索更多的不同可以选择Invision Studio
5、至少可以选择Adobe XD+蓝湖
他们都存在体验不好的地方,但他们都在快速的更新,这也很好的体现了快速迭代的产品思维。
上面提到的软件功能大部分经过亲自测试,难免有错误和不足欢迎大家指正!
就在我写这篇文章的同时,Adobe在10月20日召开了一年一度的Adobe MAX大会,大会的主要内容是:新应用,新功能以及更快,更轻松的协作方式。
也是在10月20日Adobe XD发布了34版本,这个版本的新增功能有:3D变换、组件嵌套、用于团队协作的Creative Cloud库、增强智能布局、共同编辑从bate版变为正式版、更多的插件。
3D变换除了做一些带透视的设计,还可以结合Adobe XD的自动动画做出来更多的效果,以下是我的一些简单的尝试,期待大家创作更多脑洞大开的效果。
组件的嵌套可以使Adobe XD像Sketch和Figma一样实现更复杂的效果。
最令人欣喜的是它智能布局增加了自动高度文本,这使得Adobe XD的智能布局更趋近Figma,配合组件嵌套给我们提供了更多的创作空间。
Sketch在10月份也更新了69版本,增加了助手、字体嵌入、组件管理等功能。
Figma最近也更新了很多功能,如优化了组件调用、增强原型等,并预计在11月份更新Auto Layout功能。