超级优秀手机App动效设计【开发,设计,产品,不看后悔】
2018-09-15 本文已影响104523人
隐身人
分享个人到处收割到的好看,创意到极致的App动效UI,交互设计。
下面各位看官,睁大你眼睛吧 ~
Let's go ~
这是一款流行的卡片风格的视图切换,层级分明,逼真的滑动切换效果,朕心甚悦呀~
简约卡片风格本来是枯燥无趣的表格,数字,数据,加入了飞机航线,和目的地特色风景介绍,让数字不再无聊,各项数值也让用户理解得更加清晰明了。
新颖行程表设计想必大家一提到网购,加入购物车的功能时,脑海里都是京东呀,淘宝呀.....千篇一律的购物车效果,这个有趣的购物车效果想必能让大家眼前一亮吧反正我是眼睛一亮
新思路加入购物车有的专业性比较强或者是定制性比较高的App,开始的时候会要用户,设置,编辑,一套又一套的选项,麻烦又枯燥,有时候跟做讨厌的试卷一样恶心,继而直接删除该应用,根本没有App体验。App商痛失用户,用户痛失优质App,如果把麻烦的设置项,调整成这样呢?会不会喜欢~
避免枯燥的切换筛选相当优质的一个设计了,整体一个小水滴,简单而又不失灵动的变化,优秀优秀优秀。
连贯一体说到数据~脑海里想到的都是一些 条条框框,一板一眼的严谨,呆板的数据表界面,眼睛看着又多又累又无聊,下面这个就很简单明了,眼睛相当舒服不累。
相当舒服的数据页面简约,清晰的现状图。
数据曲线图动画整页的数字界面,我觉得只有这样,我才不会随手就关闭此数据页面。
无聊数据有趣化新颖的信息浏览页,一般无非是一个横长方形视图,几个图片,切换来切换去的,千篇一律,这个就比较有意思,要突显有突显,要亮点有亮点的,而且能充分勾引起下滑更多的冲动。
信息浏览页层级分明的卡片视图,仿佛用户在现实世界里面,翻书,打开抽屉一样,开了哪个,关了哪个,层级清晰。
极致卡片视图设计者花了一些小心思,让千篇一律的引导页,我们不一样,不一样,不一样,而且一个视图接一个视图,相当有趣,有多次来回滑动的欲望。
视图和引导页有趣切换适当的上下拉伸,左右切换,能在有趣的背景层上进行体现,仿佛在勾引用户,来吧来吧,往左滑,往右滑~
浏览带3D感觉能带给用户惊喜的一个引导页,能刺激用户眼球的一个设计,开始引导页平淡无奇,突然滑出一个人,惊不惊喜,意不意外?
和谐的渐入动画合适的时候给用户左右切换一个有趣的反馈,也是一个不错的主意哟。
页面切换微动画本来是一个平淡的数据展现,加上一点弹簧效果,使数据有点,小傲娇,小可爱了呢。
数据切换动画一个顺滑的抽屉动画。
cell展开更多动画有个加载先后顺序,用户习惯读数据,也是从上往下而读,这样加点延迟,顺序展现,显得界面很清晰,简洁,而不是一进来一眼望去密密麻麻整页都是数据的感觉。
展现更多信息点击按钮,该按钮有个视图移动动画,明显的反馈给用户,眼光跟我来,来到按钮展现的界面,而不是茫然的还要找我点击这个按钮干嘛的,哪里变了。
悬浮按钮点击打开详情效果较于常见的拓展按钮,它更加优雅,加了波纹,加了延迟,不会有一种粗暴的感觉。
悬浮按钮展开小细节,优雅的告诉用户,这还有一个按钮呢。
出现新东西动画导航栏图标,切换很有意思,变化不是死板 生硬。
点开详情动画这个也是打开新视图的时候更加优雅,不是直接就怼开了,硬邦邦的。
轨道打开新视图给了用户强烈,明显的按钮点击反馈。
播放按钮响应优雅的开打新的视图页面,感觉开打新页面都是那么自然,感觉不到是到了新页面了,整个融为一体。
渐变色切换动画运用视差,和左右物理滑动进行小视图预览,切换。
滚动视差切换动画这个就是App偷偷送给用户的小礼物,小惊喜啦,用户突然发现还有这个效果,绝对会心生快感的,好感度++。
右拉熊微动画卡片风 + 抽屉效果 完美结合,小清新,简约的快感。
卡片视图切换有点小淘气的加载点点~
简约点点切换加载动画相当酷炫的加载动画,有此动画,加载页面不无聊了~看完一遍,再看一遍......不无聊不枯燥。
动态漏斗加载动画有点佛性的加载动画,小水滴仿佛在说,静心,不要着急不要着急。
水流加载动画这个就比较可爱了~
卡通表情图像切换界面给女神点赞上点心吧,我才不要你的随手一个赞呢,我要大大大大...的赞。
长按点赞加大点个赞都可以这么俏皮 可爱吗?我点一个,再点一个......
点赞表情各位看官,看完是不是有有创作欲望了呢~
大家如有新颖,别具一格的UI ,动效,动画,都可以分享给我哟。
笔者最近痴迷于动效UI结构设计......