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

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

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

Let's go ~

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

简约卡片风格

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

新颖行程表设计

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

新思路加入购物车

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

避免枯燥的切换筛选

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

连贯一体

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

相当舒服的数据页面

简约,清晰的现状图。

数据曲线图动画

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

无聊数据有趣化

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

信息浏览页

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

极致卡片视图

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

视图和引导页有趣切换

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

浏览带3D感觉

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

和谐的渐入动画

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

页面切换微动画

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

数据切换动画

一个顺滑的抽屉动画。

cell展开更多动画

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

展现更多信息

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

悬浮按钮点击打开详情效果

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

悬浮按钮展开

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

出现新东西动画

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

点开详情动画

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

轨道打开新视图

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

播放按钮响应

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

渐变色切换动画

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

滚动视差切换动画

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

右拉熊微动画

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

卡片视图切换

有点小淘气的加载点点~

简约点点切换加载动画

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

动态漏斗加载动画

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

水流加载动画

这个就比较可爱了~

卡通表情图像切换界面

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

长按点赞加大

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

点赞表情

3D 翻转效果的侧滑菜单

3D 翻转的菜单

3D 卡片风格翻转动效

3D卡片翻转

展开更多选项动效

弹出更多选项动效

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

点击反馈

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

动画LOGO

渐变界面跳转

渐变界面跳转

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

空间转换动效轮播图

很有趣味性的登录动效

趣味性的登录动效

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

下载进度提示动效

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容