动画图标让你的UI更“吸睛”
大家好，我是独立开发者Larry～运动中的物体比静态的物体更能快速引起人们的注意，在UI设计中尝试添加一些动画及动画图标，不仅能在视觉上快速吸引用户，还能使产品更具交互性，提升产品的趣味性。所以今天给大家准备了一些动画图标资源，一起来看看吧～
useAnimations
网站地址：https://useanimations.com/
useAnimations是由捷克设计师Patrik Svoboda在开源图标库Feather的基础上构建的微动画图标库，目前useAnimations的动画图标有40个左右，并且Patrik Svoboda每周都会发布新的动画图标，当然你也可以联系作者尽快获取你想要的图标动画。
useAnimations的所有动画图标都采用动画SVG（.json）格式响应式设计，各种尺寸设备下动画质量都是无损的。下载的动画包中除SVG格式外，还包含AEP和JSON格式，完全可在Adobe AE和Lottie.json中自定义编辑，易于调整动画。所有动画图标除了另有说明外都是免费的，支持所有设备、网站、Android和iOS，你可以用于个人和商业用途。
Flight
网站地址：https://www.flighticon.co/
Flight也是一个动画图标库，由澳大利亚设计师Brodie在开源图标库Feather的基础上构建的动画图标库。与useAnimations类似，Flight动画图标也采用动画SVG（.json）格式。
通过网站的「Download」下载链接，可以一键下载Flight所有图标JSON和GIF格式，点击「Buy」按钮，$9购买Flight动画图标包，除了JSON和GIF格式外，还可以得到图标After Effects项目，所有图标均采用可编辑格式。
Feather
网站地址：https://feathericons.com/
Feather是由美国设计师Cole Bemis制作的一个精美线性开源图标库，每个图标均采用24x24网格设计，强调简洁性，一致性和可用性。目前Feather已经更新到v4.22.1版本，包含280个图标。Feather虽然不是动画图标库，但是有很多动画图标库，比如上面介绍的useAnimations和Flight都是建立在Feather的基础上，并且在GitHub上被使用了1782次，可见大佬们对Feather图标库的认可。
Feather完全开源，在GitHub上的star数是15934，对Feather的更多详细说明也都在GitHub上，感兴趣的自行查看～链接地址：
https://github.com/feathericons/feather#feather
Lordicon
Lordicon是由波兰一家独立设计和动画工作室制作的，拥有400+交互式动画图标的素材库，每一个图标都提供线性轮廓和面形剪影两种风格样式，并且图标是基于Lottie动画引擎的矢量动画图标，大小完全可扩展，兼容所有主流浏览器。同时Lordicon还提供免费WordPress插件，让你快速轻松插入和自定义交互式动画图标！
点击网站首页的「EXPLORE ESSENTIAL PACK」按钮查看基本包，目前网站支持免费下载50个图标以及$ 29一次性购买下载目前所有图标及后续更新图标，创作者计划发布1500个动画图标，并随图标发布数量的增加调高价格。
Lordicon提供的动画风格有循环动画和变形动画两种，同时还提供了一些动画背景可以放到图标、文字或图形元素的下面。
进入预览所有图标资源库「PREVIEW ENTIRE LIBRARY」查看网站现有所有图标，根据图标形象及表意，目前图标有统计、电子商务、社交媒体、表情符号、动画背景、加载loading等22个类别。鼠标经过或悬停在每一个图标时都将自动播放该图标动画，并且每一个图标下面都备注了图标序号及名称含义。
关于WordPress插件，网站给出的下载按钮似乎出现了问题点击免费下载并没有任何反应，我从创作者发布的其他信息中找到了该文件的下载地址，同样可以获取该WordPress插件，有需要的小伙伴自己去下载吧～
链接地址：
https://wordpress.org/plugins/lordicon-interactive-icons/
最后
今天的内容就是这些，希望对你有所帮助，如果你对独立开发者感兴趣，或者你对产品、设计、技术、运营有一些自己的想法，公众号后台回复『加群』识别二维码添加“码力全开机器人”，回复『加群』即可加入码力全开Friends用户群，你也可以添加我的微信lishichao706，带你进入独立开发者的聚集地。
