AAA教育论坛

标题: 分享几个UI动效的灵感网站和小工具 [打印本页]

作者: zheng1274350    时间: 2018-3-21 11:35
标题: 分享几个UI动效的灵感网站和小工具
本帖最后由 zheng1274350 于 2018-3-21 11:35 编辑

来一波UI动效的资源~


灵感网站(3)
UI Movement
网址:uimovement.com
[attach]1132[/attach]
推荐理由:
致力于手机和分享最好的UI设计灵感,可以邮箱订阅,有很多移动APP的动效界面,更新快



Design Patterns
网址:codepen.io/patterns
[attach]1137[/attach]
推荐理由:
是Codepen的一个频道,主要对一些交互友好的代码集合到一起,并分类,设计师可以很方便的从里面找自己想看的动效元素,而且已经实现了代码编写,还能真实拿来使用。

Codrops
网址:tympanus.net/codrops
[attach]1140[/attach]
推荐理由:
这里有很多很有创意的酷炫动效,每周集锦很有意思,而且所有动效都可以免费下载使用

另外还有dribbble、behance、站酷这类设计师必备「资源站」,也可以找到很多动效设计灵感哦

在线工具(6)
AnijS
网址:anijs.github.io
[attach]1133[/attach]
推荐理由:
让你能够通过 if、on、do、to 等简单的命令更加直观地处理动效。有趣的地方在于,它还能用来控制前面 Animate.css 来创造动效。


Animate.css
网址:daneden.github.io/animate.css
[attach]1134[/attach]
推荐理由:
是一个跨浏览器的动效基础库,是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效,一应俱全。



BOUNCE.JS
网址:bouncejs.com
[attach]1136[/attach]
推荐理由:
这是一个用来创造弹跳特效的库,它的动效主要是通过CSS3和一些预设来实现的。你可以通过 npm、bower 来安装JS库,简单的复制生成的CSS3代码来应用动效。


Kute.js
网址:thednp.github.io/kute.js
[attach]1138[/attach]
推荐理由:
一个纯粹的动效引擎,拥有出色的性能。它可以兼容许多不同的浏览器,还具备许多插件,提供有效的运行环境。感受下,首页界面的动效是不是超赞!


ANIME.JS
网址:animejs.com
[attach]1135[/attach]
推荐理由:
这是一款强大的使用JS开发的动效库,支持 CSS,DOM,SVG,和JS对象。

principle
网址:principleformac.com
[attach]1139[/attach]
推荐理由:功能强大的交互设计软件,用它能够做出很不错的app动效。





欢迎光临 AAA教育论坛 (https://bbs.aaa-cg.com.cn/) X3.2