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

不仅如此，很多优秀的网站还在不断为我们提供优质的素材或者灵感，帮助我们完成日常的工作。下面就分享一些我日常会用到的工具和网站。

插件

1.AE插件：

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

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

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

2.AE插件：2个

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

3.AE插件：

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

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

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

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

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

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

5. PS插件：Blue Lake

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

6. 插件：ight

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

7.插件：

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

软件

1. 坚果云

非常适合快速存储需求。界面简洁，功能强大，操作简单，全平台同步。甚至不需要打开客户端，右键就可以同步到云端，非常适合团队协作和临时存储需求。

2.

一款思维导图软件。选择它的理由很简单，“够好看”。

3.有道云笔记

可以同步各平台，界面简洁干净，功能丰富，我经常用它作为学习工具，是我整理笔记的首选软件。

4. 文字

云字体库功能非常方便，省去了寻找和下载字体的麻烦。可以在PS、AI等多个软件中使用。

5.

我们在设计完界面之后，总喜欢用各种原型进行展示，这款软件可以省去我们找原型的时间，把我们的设计稿拖到界面里的3D原型里就完成了，手机颜色、背景色、灯光、屏幕比例都可以调整，同时软件还可以录制视频、自定义视频等，当数据线插上去的时候，还可以实时显示和记录我们在手机上的操作。

网站

1. 画廊

①——

免费用于商业用途

②——

免费用于商业用途

③——

免费用于商业用途

④ UI界面——

UI头像图库，内容丰富，多种过滤功能。

2. 压缩工具

①——

我个人认为这是最好的图片压缩网站。它支持导入.png和.jpg格式的图片。

②——

一个压缩pdf格式文件的网站，操作简单sketch标注插件，直接拖拽文件进去就可以压缩，还支持将其他格式的文件转换成pdf等功能。

3. 字体

① 子客网——

② 网站站长资料--

4.矢量图标

①——

②——

③——

5. 颜色

① 色彩寻宝——

提供多种优质配色方案。您还可以搜索符合您想法的颜色。

② Adob​​e Color CC--

③ +--

6. 规格

顶级互联网公司设计标准网站。

① 苹果——

②——

③——

④ 蚂蚁金服

--

⑤ 微信小程序--

另外还有、、Uber等大公司，大家可以登录他们的设计网站，了解全球顶级互联网公司的产品规格。

7.可用性测试网站

您可以在强光下测试字体颜色是否清晰可见，比例大于或等于4.5:1为正常。

8. 缓和函数快速查找表

可以作为运动效果设计工作中动态曲线的参考。

9. 下载资料

①

②——

11. 感谢

1、网站设计三件套，无需多言。

2.

3.

4.

5.

浏览器插件 ()

1.muzli

设计灵感插件。安装后，每次打开浏览器，都可以看到各大设计网站的每日推荐。

2. 网站

可以快速区分当前网页的主色调、中间色调、MD配色，同时可以下载调色板供PS或者其他软件使用。

3. 截图大师

一个非常方便的网页截图插件。

至此，我已经总结了大部分我平时会用到的设计软件、插件、网站，我会继续分享新发现或者好用的软件，不断扩充我的“武器库”。

如有侵权请联系删除！