常用的UI设计工具(3)

来源:网络   作者:热心网友   发布时间:2020-11-04    浏览次数:121

如果分别用一句话总结他们的核心特点,那就是:

· 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功能。


123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:ui干货

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/8616.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通