如果要开发应用或制作网站,我们通常会寻找适合的免费图标,如此一来就能减少开发成本,也能更快制作出符合期待的界面,像之前介绍过的 illustrio 不仅可以直接套用,而且也具备一定程度的可修改性,对于开发者来说是不可多得的资源。
本文要介绍的「useAnimations」是一个免费动态图标集,使用Lottie框架和After Effects制作而成,可以立即套用到你的应用程式或网站中。这个图标集是从 Feather Icons 修改而来,加入各种动态效果让它更适合使用于界面设计上,如果有兴趣的话可以直接在网站上预览效果或取得相关资源。
useAnimations 网站收录图标包括警告、通知、导航、动作、内容、切换、媒体、载入中、社群网站和其他图案等各种类型,有些图标是点击后才会有动态效果,有些是将游标移动到图案上就会看到动态显示,共通点是只要下载原始档就能使用,亦可用于个人或商业用途。
值得一试的三个理由:
- 免费动态图标集,可使用于个人或商业用途
- 从Feather Icons 修改而来,加入动态效果更有吸引力
- 下载.svg 和.json 格式亦有实际范本可以参考
useAnimations
网站链接:https://useanimations.com/
使用教学
开启useAnimations 往下拖曳就能找到免费动态图标列表,依照说明,这些图标是从Feather Icons 修改而来,每周更新。
useAnimations图标依照不同类型排列,上面也会有呈现动态效果的方式,有些是将鼠标移动上去就会出现,有些则要点选才会出现效果,每个游标都会有一个「Download」按钮可下载相关资源。
图标提供.svg向量图和.json格式,通过一串程序就能在适当时机建立出动画的动态效果。
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI绘画创意与实战
已累计诞生 655 位幸运星
发表评论 已发布7条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓