图标动效不用自己做,这个免费网站帮你搞定了!

1536天前 · 神器 · 299次阅读

如果要开发应用或制作网站,我们通常会寻找适合的免费图标,如此一来就能减少开发成本,也能更快制作出符合期待的界面,像之前介绍过的 illustrio 不仅可以直接套用,而且也具备一定程度的可修改性,对于开发者来说是不可多得的资源。

图标动效不用自己做,这个免费网站帮你搞定了!

本文要介绍的「useAnimations」是一个免费动态图标集,使用Lottie框架和After Effects制作而成,可以立即套用到你的应用程式或网站中。这个图标集是从 Feather Icons 修改而来,加入各种动态效果让它更适合使用于界面设计上,如果有兴趣的话可以直接在网站上预览效果或取得相关资源。

useAnimations 网站收录图标包括警告、通知、导航、动作、内容、切换、媒体、载入中、社群网站和其他图案等各种类型,有些图标是点击后才会有动态效果,有些是将游标移动到图案上就会看到动态显示,共通点是只要下载原始档就能使用,亦可用于个人或商业用途。

值得一试的三个理由:

免费动态图标集,可使用于个人或商业用途
从Feather Icons 修改而来,加入动态效果更有吸引力
下载.svg 和.json 格式亦有实际范本可以参考

useAnimations
网站链接:https://useanimations.com/

使用教学

开启useAnimations 往下拖曳就能找到免费动态图标列表,依照说明,这些图标是从Feather Icons 修改而来,每周更新。

图标动效不用自己做,这个免费网站帮你搞定了!
useAnimations图标依照不同类型排列,上面也会有呈现动态效果的方式,有些是将鼠标移动上去就会出现,有些则要点选才会出现效果,每个游标都会有一个「Download」按钮可下载相关资源。

图标动效不用自己做,这个免费网站帮你搞定了!
图标提供.svg向量图和.json格式,通过一串程序就能在适当时机建立出动画的动态效果。

图标动效不用自己做,这个免费网站帮你搞定了!

作者: Pseric

👍 0 支持 ☕
支持 ☕

设计素材 图标素材 图标设计 动态图标 useAnimations

最后修改于692天前

评论

贴吧 狗头 原神 小黄脸
收起

贴吧

狗头

原神

小黄脸

目录

avatar

noso_cool

我有一些...东西#f3f6ff

720

文章数

2

评论数

6

分类