美文网首页设计师秃头秘诀
工欲善其事,必先利其器,UI设计师不容错过的7个插件

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

作者: c966d1f641e6 | 来源:发表于2019-07-18 22:28 被阅读0次

    工欲善其事,必先利其器

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

    今天就来为大家来盘点下那些非常使用的软件插件

    1.AE插件:GifGun

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

    在使用这款插件之前,导出GIF最常见的方法一是通过AE导出视频,后用PS进行再次导出。缺点是操作繁琐,而且文件很大的情况下非常吃内存。第二种是借助Adobe自家的media encoder进行导出。缺点是你需要再装一个软件,并且要导出最终满意的效果需要反复调试,操作并不简单。

    而这款插件完全傻瓜式操作,还可以导出高质量的GIF文件。

    2.AE插件:Motion 2

    MG动效神器。不过,我个人最常用到的功能是“锚点设置”。软件提供了九个位置的锚点选择。无论是做MG动效还是UI动态演示稿,在确定中心点位置的时候非常好用。而且其他功能也非常丰富。比如:弹性动效、爆炸效果、复制关键帧、批量命名等等,功能非常全面且操作简单。   

    3.AE插件:Bodymovin

    设计师在设计动效时会有很多想法。不过,用AE软件可以轻松制作出来的效果,在开发同学那里可就不一定了。在工期紧张的情况下,耗费大量精力和时间去还原这些动画效果,显然有些不切实际。

    不过,当Airbnb开发出Lottie并开源之后,这种情况就不同了。设计师可以通过Bodymovin这款插件导出JSON格式文件,让工程师放入APP项目中,就可以百分百还原AE中所制作的效果了。

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

    4.PS插件:Cutterman、GuideMe、Parker、Psmirror四件套

    Cut君开发的几款PS插件。Cutterman切图工具;GuideMe自定义参考线工具,个人在网页端最常使用;Parker支持全方位标注的插件;Psmirror个人最常用的实时预览工具。

    以上几款插件有三款是收费软件。不过,考虑到都没过百元,可以购买永久且免费升级,还是非常划算的。插件均为中文,并且自带使用说明,非常的良心。

    5.PS插件:蓝湖

    蓝湖本身的功能就非常强大。插件主要功能包括上传设计稿和标记切图。制作完成的设计稿上传之后可以和团队其他成员共享。并且网页端会自动标注,十分方便。标记切图功能也很简单。将要切图的元素添加标记,上传之后开发人员可以一键下载切图,非常高效。

    6.Sketch插件:AutoFixiOSTextLineHeight

    在公众号中找到的一枚插件,充分解决了开发与设计图在行高上不统一的问题。为了使字体行高更加精准,也为了避免反复调节,可以使用这款插件,能够很好地帮助我们解决此类问题。

    7.Sketch插件:Sketch Measure

    高效的切图标注工具,和sketch软件十分匹配。有各种标注功能和切片功能,可直接导出html格式,里面包含全部规范细节和css格式等。可以很好的降低沟通成本,提高效率。

    在这里我相信有很多想要学习UI设计的小伙伴,我自己是一名从事了多年UI设计工作的设计师,辞职目前在做自己的私人定制课程,今年年初我花了一个月时间整理了一份最适合2019年学习的学习干货,从最基础到实战都有整理,送给每一位想学习的小伙伴,想要获取的可以关注然后私信我“学习”两个字,即可免费获取资料,伸手党勿扰~

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/kpgrlctx.html