设计师如何向工程师描述你的动效？

推荐我常用的4个设计神器，一秒找到需要的图标/半秒收集灵感图/把视频压缩得比gif还要小/快速完成设计标注… 别错过了！
利器一：rightfont
一句话介绍：1秒找到需要的图标。
配合软件：ai / sketch 等设计软件。
适合人群：pm/交互/ui/gui
此货名叫rightfont，但我不太拿它当字体工具，而是当“图标库”工具。设计稿件的时候（特别是需要快速出概念稿时），使用方法如下：
1）设计稿件时，如需要图标，可以打开rightfont，在 “图标库”面板，找到（或者搜索）你要的图标名（英文）
2）需要的待选图标出现，挑中合适的，拖拽到你的 ai / sketch中。爽爆了吧。
具体文章见：《设计师们！超好用的字体管理工具rightfont》
利器二：handbrank
一句话介绍：把视频压缩得比gif还要小
适合人群：动画/新媒体/交互设计
这个一个无比无比无比神奇的软件！！！！！！！你还在用gif给你的客户看动效么？弱爆了！老子裁剪一段视频压成gif，width=500，40帧而已，居然1m！！！用这个工具吧，同样时长同样尺寸还带着声音，画质几乎无损，200k就够了。使用如下：
1）打开软件时，会直接弹窗要你选择要压缩的视频：（就喜欢这么省事的软件）
2）如果懒，直接点击start，就开始压缩了。
3）还可以设置video的质量/帧率，声音什么的。也可以添加字幕文字，调整影片尺寸…一个视频转码工具该有的功能它都有了，无比赞！
利器三：方片收集
一句话介绍：半秒收集灵感图
配合软件：浏览器
适合人群：各类设计师
收集灵感神器，是一个浏览器插件。使用方法如下：
1）浏览网页时遇到可参考的灵感图片，向左一拖，就收进自己的灵感仓库了。
没有第二步了！没有第二步了！！没有第二步了！！！
这货设计得太懒了。
顺便说一声，这个工具有个好处，会将你收集图片所在的网址和标题都保留下来，下次找图片的时候，直接搜索就可以了，秒找到。
另外，网址，文字，视频都可以拖进去保存，是存在云端的，也就是说，笔记本上存的图，台式机上能找到，换个电脑也不会丢。它还有个ios 的app，可以浏览和分享自己保存的图片。
利器四：zeplin
一句话介绍：标记尺寸给工程师？标你妹，去看zeplin
配合软件：sketch、前端工程师、app工程师
适合人群：动画/新媒体/交互设计
据我所知，工程师现在可是即懒又傲骄的一群人，切图不对？不做，标记不清？不做……wqnmlgbd，这也不做那也不做，特别是标记，，，每个图标都要标记尺寸，每个元素之间的距离都要标记尺寸，要不然就不会写代码了…… md的明明一样的尺寸，就不能看看上一稿么？
我见过各种各样的标记尺寸插件或者软件，但都太复杂太难用了，与其使用它们，不如老娘手动一个个去标记。而zeplin的解决方案是：
不标记。
是的，不标记。
因为zeplin会自动标记所有元素的尺寸，也会自动标记所有元素之间的距离，甚至会将这些元素、距离、文本字号，色彩 直接生成 html /oc 代码，供程序员们参考（拷贝）。
1）确认你安装好了zeplin
2）在sketch中，选择需要标记的画板，按住com+e
3）zeplin会自动打开zeplin，点一下import。搞定。
4）把你的程序狗拉进项目组，要啥尺寸，让他自己在zeplin里点点看看，啥都有。甚至字体，字重，字号，颜色值，都可以看的。甚至有 html或者swift的样式代码。
这个神器配合这些高效的工作流程和工作姿势，能将效率和质量提升300%：

网站建设必须牵涉到的技术难题
怎样设计出符合“用户体验”的北京网站UI
网站跳出率，可能与网站的好坏无关
中国零售企业的O2O弱在哪
开发商城购物类小程序要多少钱，决定价格的因素有哪些？
鞍山网站建设-企业公司网站常见的八大栏目及对应的作用
芜湖seo优化：内部链接要注意事项
网页设计之图片要如何设计