你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

工欲善其事,必先利其器,UI设计师不容错过的7个插件

发布时间:2024-07-07

浏览次数:0

要想做好工作,必先利其器。

如今,越来越多的工具可以帮助我们在设计工作中缩短时间、提高效率。比如,以前需要我们手动标注的部分,现在一个HTML文件就可以搞定;原来用AE制作动效需要我们批量导出图片交给开发人员,现在一个代码文件就可以轻松解决。

今天我们就来盘点一下那些非常好用的软件插件。

1.AE插件:

目前这是我所知道的最简单,最高效的视频转GIF插件。

在用这个插件之前,导出GIF最常见的方式是先通过AE导出视频,然后再用PS导出,缺点是操作繁琐sketch标注插件,文件大的时候很耗内存;第二种方法是用Adobe自带的media导出,缺点是需要再安装一个软件,而且需要反复调试才能导出最终满意的效果,操作起来不太方便。

该插件完全万无一失,还可以导出高质量的 GIF 文件。

坐标标注插件_标注插件zbbz怎么安装_sketch标注插件

2.AE插件:2个

MG动画工具。不过我最常用的功能还是“锚点设置”。软件提供了九个锚点选项,无论是MG动画还是UI动态呈现,在确定中心点的时候都非常有用。而且其他功能也非常丰富。比如:弹性动画、爆炸效果、复制关键帧、批量命名等,功能非常全面,操作也非常方便。

坐标标注插件_sketch标注插件_标注插件zbbz怎么安装

3.AE插件:

设计师在设计动画效果时有很多想法,但AE软件可以轻松制作的效果,开发人员不一定能实现,在时间紧迫的情况下,花费大量精力和时间去还原这些动画效果显然是不现实的。

但在其开发开源之后情况就不同了,设计师可以通过这款插件导出JSON格式的文件,让工程师放入APP项目中,就能100%还原在AE中制作的效果。

虽然该插件还不够完善,一些复杂的效果还无法实现,但是项目中90%的效果都可以转换导出。

坐标标注插件_标注插件zbbz怎么安装_sketch标注插件

4.PS插件:、、、四件套

切图君开发的几款PS插件。切图工具;自定义参考线工具,我在网页上用得最多;支持全方位标注的插件;实时预览工具,我最常用。

上面三款插件都是收费软件。不过考虑到价格都在百元以内,可以永久购买,免费升级sketch标注插件,还是很划算的。插件都是中文的,还附有使用说明,很良心了。

标注插件zbbz怎么安装_sketch标注插件_坐标标注插件

5. PS插件:Blue Lake

Blue Lake 本身的功能就非常强大,插件的主要功能包括上传设计稿和标记切图,完成的设计稿上传后可以分享给团队其他成员,并且网页会自动标记,非常方便。标记切图功能也非常简单,给需要切图的元素添加标记,上传后开发者就可以一键下载切图,非常高效。

标注插件zbbz怎么安装_sketch标注插件_坐标标注插件

6. 插件:ight

在公众号里发现一个插件,彻底解决了开发图和设计图行高不一致的问题,为了让字体行高更加准确,避免反复调整,可以使用这个插件来帮助我们解决此类问题。

7.插件:

高效的切片标注工具与软件完美匹配,拥有丰富的标注、切片功能,并且能够直接导出HTML格式,包含了所有规范细节以及css格式等,有效降低沟通成本,提高效率。

sketch标注插件_标注插件zbbz怎么安装_坐标标注插件

相信这里有很多想学UI设计的朋友,我是一名从事UI设计多年的设计师,辞去了工作,目前在做自己的定制课程。今年年初,我花了一个月的时间整理了一份2019年最适合学习的资料清单,从最基础的到实战的,我会把它送给每一位想学的朋友。如果想要得到,可以关注我,私信我,带上“学习”两个字,就可以免费获得资料,不用烦我~

如有侵权请联系删除!

13262879759

微信二维码