这 5 款工具，让设计师工作效率提升 200%！（七） 

大家好，我是和你们聊设计的花生~

又到了为大家推荐效率工具的时候啦，今天要推的 5 个效率工具分别是：

• 让字体动起来！Ae 小白也能用的动效神器 Space Type Generator
• 存图必备！一键批量保存网页图片的插件 ImageAssistant
• 源文件开放！免费的高质量网页模板网站 Web Page Design
• 超方便！渐变阴影生成器 CSS Shadow Gradients
• 想做可视化设计？这些宝藏工具不容错过！

错过上期的小伙伴看这里

Space Type Generator

「网址直达」 https://spacetypegenerator.com/

Space type generator 是国外大神 Kiel D. Mutschelknaus 开发的一款空间字体动效生成器。生成器内包含 14 种字体特效和 6 种预设样式，还提供颜色、字体、视角、角度等多种调节选项，可以生出丰富多样的字体动效，对不会 Ae 的小伙伴十分友好。唯一的缺点就是目前还不支持中文字体输入，但是作为海报或 PPT 的装饰元素也是非常不错~

图片来源： https://www.youtube.com/watch?v=qCPkeT3DQVU

图片来源： https://www.theverge.com

想深入了解 Space type generator 使用方法的小伙伴可以点击下方链接进入视频学习：

「使用视频」 https://www.youtube.com/watch?v=qCPkeT3DQVU （需梯子）

开发者自己也是一位优秀的字体动效设计师，想看更多字体动效灵感的小伙伴可以关注他：

「开发者 Instagram 主页」 https://www.instagram.com/kiel.d.m/ （需梯子）

ImageAssistant

「插件下载及功能说明」 https://www.pullywood.com/ImageAssistant/

ImageAssistant 是用于嗅探、分析、筛选、下载网页图片的插件，适用 Chrome、Firefox、360 等多款浏览器。其中「图片筛选」功能可以将图片按分辨率进行排序，或者指定类型及大小进行筛选，另外还提供尺寸漏斗选项，小于设定值的图片会直接被忽略，能大大提高我们筛选图片的速度。

Web Page Design

「网址直达」 https://webpagedesign.io/

Web page design 是一个专门提供精美网页模板的网站，模板包含科技、金融、美妆 、服饰、餐饮、医疗等多个领域，提供 Figma 和 Xd 格式的源文件，下载后可以再次编辑。这些模板可以用作个人学习和商单设计，但是不能被二次售卖，也不可以被冠以个人原创的名义。

「下载方式」点击卡片进入详情页，右上角有「download now」的选项，点击后填写自己的邮箱信息就可以下载了。

CSS Shadow Gradients

「网址直达」 https://alvarotrigo.com/shadow-gradients/

CSS Shadow Gradients 是一位外国小哥Álvaro Trigo 自己开发的双色渐变阴影生成器。网站首页上方的面板可以调节渐变的偏移位置、扩散范围、模糊程度、方向、不透明度和颜色占比；下方有很多预设的渐变色卡，点击色块就能在色板中调整颜色。所有的调整变化都能实时显示在所有的色卡上，便捷直观。

使用方法：在上方的设置面板中调整好渐变样式，然后在下方小色卡中修改颜色，完成后点击小色卡右上角的「COPY CSS」，复制参数即可使用。

可视化神器推荐

可视化设计越来越成为备受关注的领域，优设也有很多相关优秀文章为大家分享可视化设计的规范、经验和干货资源，今天为大家推荐其中一些超好用的可视化设计效率神器。

首先是可视化大神「灰色执照」开发的效率工具 NB MAP、NB PIE 和 NB 3D Charts，简单易上手，最终呈现的效果也非常不错，最最重要的就是完全免费。

另一个就是专攻可视化设计的优秀设计师「Mr.小六」，他出过 2 篇可视化设计神器推荐，里面都是非常实用的工具，想学可视化设计的小伙伴一定不要错过~

好了以上就是今天的推荐，希望对大家有所帮助。如果你有想要推荐/寻找的效率工具，欢迎在评论区提出，我们会第一时间给出回应。我是花生，下期见~