@豁牙子的阿昕?：设计神器小分队一直以来分享过很多静态素材的工具和网站，有关动效的内容却不多。为了做到雨露均沾，今天阿昕就来安利一个在线生成小动效的网站。
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）的设计账号：
「美丫姐推荐的设计神器」
- 《快速生成文字云效果+预览字体运用效果的网站》
- 《无脑建站神器+快速选字体的IDEO地图》
- 《一秒钟位图转矢量！超级好用的转矢量软件VECTOR MAGIC》
- 《超好用！图片无损压缩工具+无损放大神器（打包下载）》
原文地址：free.com.tw
================明星栏目推荐================
优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。
设计导航：国内人气最高的设计网址导航，设计师必备：http://hao..com
