设计神器两连发！加载动效在线生成网站+最好用的免费图库推荐！

@豁牙子的阿昕 ：设计神器小分队一直以来分享过很多静态素材的工具和网站，有关动效的内容却不多。为了做到雨露均沾，今天阿昕就来安利一个在线生成小动效的网站。

https://loading.io/

往下拉就会看到一个个欢脱的小动效在旋转跳跃，以及一个详细的编辑页面。

虽然有点花里胡哨的，但不要慌张！它几乎可以满足你所有的loading小动画需求。

编辑部分的功能很全面，从尺寸、旋转的速度到小椭圆的数量和形状都可以编辑。当然也包括动图的颜色以及背景色。

全部更改之后能变成完全不同的另一个动效。

当然下载起来也是很方便的，能用gif、svg、css三种方式下载。

动效当然不止这一种形式！页面往下拉还有很多动图的花样可以选择，点击右下角的 more 即可进入全部动效的浏览页面。

会发现一个新世界哦！

最后最重要的，网站是免费的！都是一些简单的动效，其实大家学学也能做，但一键下载还能在线编辑能为我们节省很多时间，喜欢的宝宝们可以试起来了！

Pexels

https://www.pexels.com/

Pexels 堪称最值得推荐的免费图库之一，它的特色是将许多大大小小图库及素材来源整合在同一网站，加入搜寻、分类及标签等功能，让使用者在找图片时更快更准确。Pexels 提供各种尺寸的相片，甚至有 HD 高画质的原始图档，无须注册就能下载，更棒的是还能依照使用者需求，设定尺寸后自动在线上裁切，节省下载后必须自行编辑所耗费的时间。

在 Pexels 图库里收录的相片素材皆采用 CC0（Creative Commons Zero）授权，可使用于个人或商业用途，亦可编辑、修改、复制，不用标注来源或链接。

STEP 1

开启 Pexels 网站后，可直接从上方搜寻框输入要搜寻的图片关键字，下方也会列出几个热门搜寻。跟一般国外图库一样，都只能使用英文，如果你要找图的话记得把关键字转成英文应该就能够精准找到。

顺带一提，之前推荐过「Everypixel 整合 50 个顶尖免费图库搜寻引擎，使用演算法过滤不适合图片还能比价」也很实用，特别是你希望找到的图不要品质太差、无法使用，透过人工智慧先帮你把不适合的图去除。

STEP 2

搜寻结果是以预览图方式排列，就如同 Pinterest 瀑布流效果，将鼠标移动到图片上方会显示相片作者，点击可以开启相片详细资讯页面。

STEP 3

另一个浏览方式是从右上角选单找到「Browse」浏览功能，可探索相片、查看热门相片或搜寻、排行榜或以颜色来筛选寻找相片。

我个人相当推荐 Pexels 热门搜寻关键字功能，类似于图库的相片分类，从这裡能找到各种好图，当你没有灵感时，翻一翻这些分类或许是个不错的方法。

STEP 4

最后，我示范一下如何从 Pexels 下载相片素材教学，一样是打开相片页面后，在右上角的绿色按钮「Free Download」找到下载功能。

将鼠标移动到「Free Download」右侧，会显示要下载的相片尺寸，包括原始大小及各种不同常见尺寸，如果你需要特殊尺寸，也可从「Custom Size」输入要裁切的尺寸大小，选择后按下最下面的「Download」就能取得相片咯！

值得一试的三个理由：

• 所有相片皆采用 CC0 授权可商业用或复制、改作
• 将许多世界知名图库资源整合，一键搜寻更方便
• 提供原始高画质图档，亦有各种尺寸下载

欢迎同学们关注最充满智（dou）慧（bi）的设计账号：

「美丫姐推荐的设计神器」

1. 《快速生成文字云效果+预览字体运用效果的网站》
2. 《无脑建站神器+快速选字体的IDEO地图》
3. 《一秒钟位图转矢量！超级好用的转矢量软件VECTOR MAGIC》
4. 《超好用！图片无损压缩工具+无损放大神器（打包下载）》

原文地址：free.com.tw

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备：http://hao.uisdc.com