超级优秀手机App动效设计【开发,设计,产品,不看后悔】

分享个人到处收割到的好看,创意到极致的App动效UI,交互设计。

下面各位看官,睁大你眼睛吧 ~

Let's go ~

这是一款流行的卡片风格的视图切换,层级分明,逼真的滑动切换效果,朕心甚悦呀~

简约卡片风格

本来是枯燥无趣的表格,数字,数据,加入了飞机航线,和目的地特色风景介绍,让数字不再无聊,各项数值也让用户理解得更加清晰明了。

新颖行程表设计

想必大家一提到网购,加入购物车的功能时,脑海里都是京东呀,淘宝呀.....千篇一律的购物车效果,这个有趣的购物车效果想必能让大家眼前一亮吧反正我是眼睛一亮

新思路加入购物车

有的专业性比较强或者是定制性比较高的App,开始的时候会要用户,设置,编辑,一套又一套的选项,麻烦又枯燥,有时候跟做讨厌的试卷一样恶心,继而直接删除该应用,根本没有App体验。App商痛失用户,用户痛失优质App,如果把麻烦的设置项,调整成这样呢?会不会喜欢~

避免枯燥的切换筛选

相当优质的一个设计了,整体一个小水滴,简单而又不失灵动的变化,优秀优秀优秀。

连贯一体

说到数据~脑海里想到的都是一些 条条框框,一板一眼的严谨,呆板的数据表界面,眼睛看着又多又累又无聊,下面这个就很简单明了,眼睛相当舒服不累。

相当舒服的数据页面

简约,清晰的现状图。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第1张图片
数据曲线图动画

整页的数字界面,我觉得只有这样,我才不会随手就关闭此数据页面。

无聊数据有趣化

新颖的信息浏览页,一般无非是一个横长方形视图,几个图片,切换来切换去的,千篇一律,这个就比较有意思,要突显有突显,要亮点有亮点的,而且能充分勾引起下滑更多的冲动。

信息浏览页

层级分明的卡片视图,仿佛用户在现实世界里面,翻书,打开抽屉一样,开了哪个,关了哪个,层级清晰。

极致卡片视图

设计者花了一些小心思,让千篇一律的引导页,我们不一样,不一样,不一样,而且一个视图接一个视图,相当有趣,有多次来回滑动的欲望。

视图和引导页有趣切换

适当的上下拉伸,左右切换,能在有趣的背景层上进行体现,仿佛在勾引用户,来吧来吧,往左滑,往右滑~

浏览带3D感觉

能带给用户惊喜的一个引导页,能刺激用户眼球的一个设计,开始引导页平淡无奇,突然滑出一个人,惊不惊喜,意不意外?

和谐的渐入动画

合适的时候给用户左右切换一个有趣的反馈,也是一个不错的主意哟。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第2张图片
页面切换微动画

本来是一个平淡的数据展现,加上一点弹簧效果,使数据有点,小傲娇,小可爱了呢。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第3张图片
数据切换动画

一个顺滑的抽屉动画。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第4张图片
cell展开更多动画

有个加载先后顺序,用户习惯读数据,也是从上往下而读,这样加点延迟,顺序展现,显得界面很清晰,简洁,而不是一进来一眼望去密密麻麻整页都是数据的感觉。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第5张图片
展现更多信息

点击按钮,该按钮有个视图移动动画,明显的反馈给用户,眼光跟我来,来到按钮展现的界面,而不是茫然的还要找我点击这个按钮干嘛的,哪里变了。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第6张图片
悬浮按钮点击打开详情效果

较于常见的拓展按钮,它更加优雅,加了波纹,加了延迟,不会有一种粗暴的感觉。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第7张图片
悬浮按钮展开

小细节,优雅的告诉用户,这还有一个按钮呢。

出现新东西动画

导航栏图标,切换很有意思,变化不是死板 生硬。

点开详情动画

这个也是打开新视图的时候更加优雅,不是直接就怼开了,硬邦邦的。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第8张图片
轨道打开新视图

给了用户强烈,明显的按钮点击反馈。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第9张图片
播放按钮响应

优雅的开打新的视图页面,感觉开打新页面都是那么自然,感觉不到是到了新页面了,整个融为一体。

渐变色切换动画

运用视差,和左右物理滑动进行小视图预览,切换。

滚动视差切换动画

这个就是App偷偷送给用户的小礼物,小惊喜啦,用户突然发现还有这个效果,绝对会心生快感的,好感度++。

右拉熊微动画

卡片风 + 抽屉效果 完美结合,小清新,简约的快感。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第10张图片
卡片视图切换

有点小淘气的加载点点~

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第11张图片
简约点点切换加载动画

相当酷炫的加载动画,有此动画,加载页面不无聊了~看完一遍,再看一遍......不无聊不枯燥。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第12张图片
动态漏斗加载动画

有点佛性的加载动画,小水滴仿佛在说,静心,不要着急不要着急。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第13张图片
水流加载动画

这个就比较可爱了~

卡通表情图像切换界面

给女神点赞上点心吧,我才不要你的随手一个赞呢,我要大大大大...的赞。

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第14张图片
长按点赞加大

点个赞都可以这么俏皮 可爱吗?我点一个,再点一个......

点赞表情

3D 翻转效果的侧滑菜单

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第15张图片
3D 翻转的菜单

3D 卡片风格翻转动效

3D卡片翻转

展开更多选项动效

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第16张图片
弹出更多选项动效

提高用户体验的下导航栏的点击反馈

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第17张图片
点击反馈

增强 LOGO 观看乐趣 和 视觉冲击

动画LOGO

渐变界面跳转

渐变界面跳转

空间转换感很强的轮播图,让它与众不同

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第18张图片
空间转换动效轮播图

很有趣味性的登录动效

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第19张图片
趣味性的登录动效

很有意思的一个下载进度提示动效

超级优秀手机App动效设计【开发,设计,产品,不看后悔】_第20张图片
下载进度提示动效

各位看官,看完是不是有有创作欲望了呢~

大家如有新颖,别具一格的UI ,动效,动画,都可以分享给我哟。

笔者最近痴迷于动效UI结构设计......

你可能感兴趣的:(超级优秀手机App动效设计【开发,设计,产品,不看后悔】)