您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 开发 > WEB开发 >
    有了这些开源动效项目,设计和开发不再相杀只剩相爱
    时间:2020-03-08 08:21 来源:网络整理 作者:网络 浏览:收藏 挑错 推荐 打印

    有了这些开源动效项目,设计和开发不再相杀只剩相爱

    不知道各位前端 & 移动端同窗拿到 UI 同窗给你的动效图,心里是什么想法。小鱼干曾混迹某个国际技术论坛,外面的大佬们对动效有惊人的分歧评论:砍死设计师系列,花里胡哨系列,有时间再做,一点都不适用…一致下,大部分的开发对动效的觉得是没啥卵用徒增任务量的 Task,不过也有部分开发小同伴觉得 App / Web 大少数时分并不是都注重的是功用,功用都能完成的状况下,想要博得用户,UI(动效) 也很重要。

    那么有什么办法让产品如虎添翼又不会添加过多的开发量呢?答案很复杂:就是开源的动效库,这里小鱼干引荐几款 BlingBling 的动效库,假设你有别的好收藏记得在评论区或许 HelloGitHub issue 区交流下心得哟~

    1. 3D 静态墙:Slideshow

    Slideshow 是一个采用 SceneKit 写的 3D 静态图片墙,虽然效果很酷炫但是功用便不是很好,假设你要是运用该动效建议优化下。

    GitHub 地址:

    https://github.com/folio-sec/Slideshow

    2. 定制动画:DDAnimatedSwitch 

    DDAnimatedSwitch 是一个可定制的开关动画。它支持你运用任何帧动画来当 icon,你不只可以为开关设置动画,还可以为拇指设置动画,可播放、调整比例大小、循环播放,在播放速度方面支持你加快,加快和倒转动画。

    GitHub 地址:

    https://github.com/d-dotsenko/DDAnimatedSwitch

    3. 加载进程动画:Loady 

    Loady 是一个小动效库用来定制加载按钮动画,可用于显示 UI 中 Button 的加载,支持你自定义样式,它本身提供有 6 种不同的加载样式,4 种动画形状(成功加载、加载失败、加载中,正常加载)。

    GitHub 地址:

    https://github.com/farshadjahanmanesh/loady

    4. 登录动画:LoginCritter 

    LoginCritter 是一个照应文本交互的动画,它会跟踪用户的操作轨迹同你交互。LoginCritter 运用多个 UIPropertyAnimator,头部旋转是经过更新 fractionComplete 属性来控制的。当用户输入时,顺序会计算文本的长度和宽度。

    GitHub 地址:

    https://github.com/cgoldsby/LoginCritter

    5. 繁复之美:Sica

    Sica 是一个顺序 / 并行执行的动画库,虽然它是个复杂的动效库,但是它支持绝大部分的动效。

    GitHub 地址:

    https://github.com/cats-oss/Sica

    6. 指示小组件:Arrows 

    Arrows 是一种下拉动画中指示箭头小组件,它代表了三种不同的箭头形状:up / down / middle。

    GitHub 地址:

    https://github.com/antoniocasero/Arrows

    7. 多个动效要收藏:Animate.css 

    Animate.css 是一个 CSS 的跨阅读器的动画,涵盖了常见的动效,直接调用省时省力,此外它有在线版支持你搜索特定的效果:https://daneden.github.io/animate.css/

    GitHub 地址:

    https://github.com/daneden/animate.css

    8. 加载插件:flutter_easyloading 

    flutter_easyloading 是一个复杂易用的 Flutter Loading 插件,包含 23 种动画效果。

    GitHub 地址:

    https://github.com/huangjianke/flutter_easyloading

    9. 菜单栏切换动效:LTabView 

    LTabView 是一个作者见到某个 GIF 动效之后本人完成的带动画的 TabView 项目。

    GitHub 地址:

    https://github.com/Mr-XiaoLiang/LTabView

    10. 又见加载之集大成者:LoadingIndicator 

    LoadingIndicator 是一个开箱即用的 loading 加载库,包含 32 个不同类型动画,灵感来源于 loaders.css 和 NVActivityIndicatorView。

    GitHub 地址:

    https://github.com/TinoGuo/loading_indicator

    (责任编辑:admin)