目前,我所知道的最简单快速导出GIF格式文件的方法,就是使用这款GifGun插件。
在使用这款插件之前,导出GIF最常见的方法一是通过AE导出视频,后用PS进行再次导出。缺点是操作繁琐,而且文件很大的情况下非常吃内存。第二种是借助Adobe自家的mediaencoder进行导出。缺点是你需要再装一个软件,并且要导出最终满意的效果需要反复调试,操作并不简单。
而这款插件完全傻瓜式操作,还可以导出高质量的GIF文件。
2.AE插件:Motion2
MG动效神器。不过,我个人最常用的功能却是“锚点设置“。软件提供了九个位置的锚点选择。无论是做MG动效还是UI动态演示稿,在固定中心点位置时候非常的实用。而且其他功能也非常强大。比如:弹性动效、爆炸效果、复制关键帧、批量命名等等,功能非常全面。
3.AE插件:Bodymovin
不过,当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插件:SketchMeasure
高效的切图标注工具,和sketch软件十分匹配。有各种标注功能和切片功能,可直接可以导出html格式,里面包含全部规范细节和css格式。
二、软件:
1.坚果云
非常适合快速存储需求。界面简洁,功能强大,操作简单,可全平台同步。甚至不用打开客户端,右键即可同步云端,非常适合团队协作。
2.MindNode
一款思维导图软件。我选择它的理由很简单,“颜值够高”。
3.有道云笔记
各种平台均可同步,界面简洁清爽,功能丰富。本人经常把他当做学习工具来使用。
4.字由
云字库功能非常方便,省去了找字体,下载字体的麻烦。一键同步,就可以搞定。PS、AI、sketch多软件可用。
5.DesignCamera
当我们设计好界面之后,总是喜欢套上各种样机,让我们的设计更出彩。这款软件可以节省我们去找样机的麻烦。将我们的设计稿拖入界面中的3D样机当中就完成了。手机颜色、背景颜色、灯光、画面比例群可调节。同时,软件还可以录制视频,自定义视频。当插上数据线,软件当中还可以实时显示我们在手机上的操作。
三、网页:
1.图库
UI头像图库。有丰富的内容,和多样的筛选功能。保存图片直接右键保存即可。
2.压缩
个人认为最好用的图片压缩网站。支持.png和.jpg文件格式的导入。
pdf格式文件压缩网站。操作简单,文件拖入即可压缩。同时还支持其他格式文件转pdf格式的功能。
3.字体
4.矢量图标
5.颜色
提供了多种高质量的配色方案。还可通过搜索得到与自己想法匹配的颜色。
Adobe官方色盘
配色方案生成器,每次只能提供一种配色方案。
6.规范
顶级互联网公司产品规范网站。
7.可用性测试网站
可以测试字体颜色在强光下是否清晰可见。数之比大于等于4.5:1为正常。
8.缓动函数速查表
动效设计工作中,可以作为动态曲线的参考。
9.学习
10.素材下载
11.赏析
Pinterest、Behance、Dribbble设计网站三件套不用多说了。
四.浏览器插件(GoogleChrome)
1.muzli
2.SitePalette
可以快速分辨当前网页的主色,中间色调和MD配色搭配等。同时,可以下载色板供PS或Sketch等软件使用。