看Google设计师设计的细腻动效

好的动效设计,从来不以炫酷作为目的。


好的动效设计,从来不以炫酷作为目的。

看Google设计师设计的细腻动效

通常我们见到的动效可以划分为两类:一类应用在页面的切换加载等处,这类动效可以柔和页面的过渡效果,增加切换、加载、等待过程的趣味性。另一类则用于反馈提醒,通过界面内元素的动效,增强用户的交互感知或引导用户完成任务。

看Google设计师设计的细腻动效

John Schlemmer 是一位在 Google 工作的动效设计主管(Motion Lead)。如果你经常使用 Google 的 Apps,那你一定见过他的作品,比如刚刚更新的 Gmail iOS客户端上的开启动画:

看Google设计师设计的细腻动效

看完不知道你有没有一种肝儿颤的感觉,「嚯,好细腻的动效。」相信你一定没有看过瘾,那么下面就带来一组他在 Google 的各种项目中创作的 Motion Design。

看Google设计师设计的细腻动效

看Google设计师设计的细腻动效

看Google设计师设计的细腻动效

看Google设计师设计的细腻动效

看Google设计师设计的细腻动效

看Google设计师设计的细腻动效

看Google设计师设计的细腻动效

看Google设计师设计的细腻动效

看Google设计师设计的细腻动效

看Google设计师设计的细腻动效

 

来源:微信公众号【新锐设计】

本文由 @新锐设计 授权发布于人人都是产品经理,未经作者许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26638/

(0)
CatherineCatherine
上一篇 2017-05-15 09:13
下一篇 2017-05-15 11:25

相关推荐

  • 浅析手机交互设计中的“拇指法则”

    你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇指法则”。

    2017-05-02
  • 《王者荣耀》的操作交互设计研究

    《王者荣耀》是国内最成功的手机版MOBA类型游戏。MOBA从PC的辉煌延续到了手游,当时很多人唱衰手机上的MOBA,主要还是操作上的问题,手机上无法实现鼠标的快速精确定位。为了优化手机版MOBA,大家进行了各种尝试,有触摸点击型(虚荣),有双摇杆型、单摇杆型,最终单摇杆+技能副摇杆结合的《王者荣耀》一统江湖,现在很少有人说王者手感不好的,它的很多设定都成了现在MOBA游戏的标杆。这里,我们就一步步地分解看看,王者的操作手感是如何设计的。...

    2018-02-26
  • 【译】为什么要在绘制线框图之前画草图

    我们在设计的过程中都会有意无意忽略掉很多步骤,大部分原因是我们都不了解这些步骤。当有人问你,交互设计的价值在哪里?会不会觉得很难回答出来,就算答了也觉得很虚。因为本质上我们都不懂。当你了解了整个流程…

    2015-08-19
  • 打造有温度的H5动画:用户的故事将会被如何演绎

    2016年末,各路APP也纷纷展开一轮轮的数据厮杀,从不同的视角阐述过去一年的精彩故事。而坐拥庞大用户数据的QQ空间,在这个既难忘又不舍的2016年,用户的故事将会被如何演绎,在寒冬带给用户怎样的温暖回忆呢?

    2017-05-11
  • Axure小白,快速做出冲顶大会高保真原型,全靠它(附源文件下载)

    Hi,大家好我是Axure实战班萌萌哒的班主任Sara(*^▽^*)这是一篇很有内容的Axure班介绍文章如果你被Axure困扰想快速玩转Axure,做出标准的原型图想写出规范的原型说明,掌握产品交互那么花3-5分钟了解下这个实战班吧,2000多位同学报名学习了,不会错的~先给大家看看我们班liwen同学,做的冲顶大会gif图喔,真的很棒棒耶(*╹▽╹*)(福利资料:添加班主任Sara为好友,可获取“冲顶大会”原型文件。Sara微信见文...

    2018-03-26
  • 交互新人:如何做用户体验设计

    嗯,毕业来了公司5个月,接触了一些项目,本该早点写些总结,拖延症发作拖延至今。作为交互设计的新人,需要学习和反思的还挺多。 在学校的时候,看了很多书,学了很多理论,一直都希望能够应用起来,来公司发现很…

  • 百度贴吧体验升级背后的故事,用户洞察与交互升级

    作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级...

    2018-01-30
  • UE网APP现已发布:UE小组,致力于自学UE。

    UE小组是为:ue自学者提供一个自学UE的渠道和平台,希望能帮助到大家 UE小组的官网:UE小组 豌豆荚、360市场也可直接搜索“UE小组” 进行下载 现在支持安卓版本,稍晚些支持IOS,请广大苹果用户持续关注。 IOS和安卓…

    2015-05-27
  • Google发布"范本App”:手把手教你实现跨平台开发

    Google今天发布了一个全新的范本app,名为Universal Music Player,它能够在智能手机、平板电脑、Android Auto、Android Wear以及Google Cast上工作。将它称为"范本app"的原因主要是:它是Google公司为开发者们推出…

    2015-03-13
  • 用户体验说:那些减少用户操作的交互细节

    本文总结了一些可以让用户少操作的交互细节,与大家分享,希望可以给大家带来一些启发。

    2017-05-03