沐鸣平台沐鸣登录测速_图标动效不用自己做,这个免费网站帮你搞定了!
如果要开发应用或制作网站,我们通常会寻找适合的免费图标,如此一来就能减少开发成本,也能更快制作出符合期待的界面,像之前介绍过的 illustrio 不仅可以直接套用,而且也具备一定程度的可修改性,对于开发者来说是不可多得的资源。
设计神器!100%免费在线定制图标库Illustrio
@短腿僵尸木:对于UI和网页设计师来说,Icon的使用十分重要。
阅读文章 >>
本文要介绍的「useAnimations」是一个免费动态图标集,使用Lottie框架和After Effects制作而成,可以立即套用到你的应用程式或网站中。这个图标集是从 Feather Icons 修改而来,加入各种动态效果让它更适合使用于界面设计上,如果有兴趣的话可以直接在网站上预览效果或取得相关资源。
useAnimations 网站收录图标包括警告、通知、导航、动作、内容、切换、媒体、载入中、社群网站和其他图案等各种类型,有些图标是点击后才会有动态效果,有些是将游标移动到图案上就会看到动态显示,共通点是只要下载原始档就能使用,亦可用于个人或商业用途。
值得一试的三个理由:
- 免费动态图标集,可使用于个人或商业用途
- 从Feather Icons 修改而来,加入动态效果更有吸引力
- 下载.svg 和.json 格式亦有实际范本可以参考
useAnimations
网站链接:https://useanimations.com/
使用教学
开启useAnimations 往下拖曳就能找到免费动态图标列表,依照说明,这些图标是从Feather Icons 修改而来,每周更新。
useAnimations图标依照不同类型排列,上面也会有呈现动态效果的方式,有些是将鼠标移动上去就会出现,有些则要点选才会出现效果,每个游标都会有一个「Download」按钮可下载相关资源。
图标提供.svg向量图和.json格式,通过一串程序就能在适当时机建立出动画的动态效果。