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

[link https://www.uisdc.com/diy-illustrious-icon-design]

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

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

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

值得一试的三个理由:

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

useAnimations

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

使用教学

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

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

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

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

点赞 37
收藏 106
继续阅读相关文章

发表评论 已发布 4

还可以输入 800 个字
 
 
载入中....
4 收藏