当前位置: 首页 > 科技观察

有了这些开源的动效项目,设计和开发不再互相争斗,只有相亲相爱

时间:2023-03-19 00:12:16 科技观察

UI同学。小鱼干曾经上过国内的一个技术论坛,里面的大佬们对动画效果的评价出奇的一致:hackeddesigner系列,fancy系列,有空做一下,一点都不实用……统一一下,大部分对于动效开发的感觉是增加任务的工作量是没有用的,但是有开发者觉得App/Web大部分时候不注重功能。当功能可以实现的时候,想要赢得用户,UI(motion)也很重要。那么有没有什么办法既可以让产品锦上添花又不会增加过多的开发量呢?答案很简单:它是一个开源动画库。这里小鱼干给大家推荐几个BlingBling的动画库。如果你还有其他好的收藏,记得在评论区或者HelloGitHub问题区分享你的经验~1.3D动态墙:SlideshowSlideshow是一个用SceneKit编写的3D动态图片墙。虽然效果很酷,但是性能不是很好。如果要使用这个动态效果,建议优化一下。GitHub地址:https://github.com/folio-sec/Slideshow2。自定义动画:DDAnimatedSwitchDDAnimatedSwitch是一个可自定义的开关动画。它支持你使用任何帧动画作为图标,你不仅可以动画切换,还可以动画拇指、播放、调整大小、循环,并支持你在播放速度方面加快、减慢和反转动画.GitHub地址:https://github.com/d-dotsenko/DDAnimatedSwitch3。Loading过程动画:LoadyLoady是一个用来自定义加载按钮动画的小动画库,可以用来在UI中显示Button的加载,并且支持你自定义样式,它本身提供了6种不同的加载样式和4种动画状态(加载成功、加载失败、加载、正常加载)。GitHub地址:https://github.com/farshadjahanmanesh/loady4。登录动画:LoginCritterLoginCritter是一个响应文字交互的动画,它会跟踪用户的操作轨迹并与你进行交互。LoginCritter使用多个UIPropertyAnimators,通过更新fractionComplete属性来控制头部旋转。当用户键入时,程序会计算文本的长度和宽度。GitHub地址:https://github.com/cgoldsby/LoginCritter5。简洁之美:SicaSica是一个顺序/并行执行动画库。虽然是一个简单的动画库,但是支持绝大部分的动画效果。GitHub地址:https://github.com/cats-oss/Sica6。Indicatorwidget:ArrowsArrows是一个下拉动画中的指示箭头widget,代表三种不同的箭头状态:上/下/中。GitHub地址:https://github.com/antoniocasero/Arrows7。多种动画效果收藏:Animate.cssAnimate.css是一个CSS跨浏览器动画,涵盖了常见的动画效果,直接调用省时省力,另外还有在线版支持搜索具体效果:https://daneden.github.io/animate.css/GitHub地址:https://github.com/daneden/animate.css8。Loading插件:flutter_easyloadingflutter_easyloading是一个简单易用的FlutterLoading插件,包含23种动画效果。GitHub地址:https://github.com/huangjianke/flutter_easyloading9。菜单栏切换动画:LTabViewLTabView是笔者看到某个GIF动画后实现的一个TabView动画项目。GitHub地址:https://github.com/Mr-XiaoLiang/LTabView10。另请参阅加载大师:LoadingIndicatorLoadingIndicator是一个开箱即用的加载加载库,包含32种不同类型的动画,灵感来自loaders.css和NVActivityIndi??catorView。GitHub地址:https://github.com/TinoGuo/loading_indicator终于爱了,爱了。.