看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

相关推荐

  • 2018年移动端用户体验设计趋势

    在移动应用领域,事物正飞速发展。要想在用户体验设计领域获得成功,设计师必须有远见,并为即将到来的新挑战做好准备。为了简化这个任务,我列出了2018年最重要、最有影响力的趋势,而且很有可能远不止如此。1.简化用户的使用流程当我们与应用程序或网站互动时,我们有一个特别的目标。通常,我们花在实现这一目标上的努力越少,体验就越好。线性用户使用流程线性用户体验设计指的是一种带有特定的开始、过程和结束,并且可以让用户在每一步完成一个动作的用户体验设...

    2018-02-01
  • 眼球追踪到底是肿么回事?和VR有啥子不"正当"关系!

    虫虫是科技虫,更是虫博士,今天,好为人师的虫博士给伙伴们普及一下,眼球追踪到底是肿么回事?和VR有啥子不"正当"关系! 名词:眼球追踪 是一项用途颇广的科学应用技术,广泛运用于实验心理学、应用心理学、工程…

    2016-04-11
  • 色彩如何应用在交互设计中?

    对于交互设计师来说,通常交互原型都做为黑白稿。为什么要做黑白稿呢?那是因为在前期交互设计中,交互设计师为了更专注于产品的流程、跳转,避免前期投入更多的精力在UI效果制作方面。对于很多小公司或小团队来说,通常只有一个设计师或者设计资源很少,设计师拿到需求后,直接就出高保真效果图了(当然,前期也经过了讨论,在纸上也画了交互的流程了)。对于时间不充分的时候来说,这样是会节约一部分时间。但是,这样经常会带来一个弊端:交互考虑不充分。为什么会这么...

    2018-04-26
  • 如何应对交互设计中的技术实现问题

    数十万互联网从业者的共同关注!作者: 山晓,作者授权早读课转载。公众号:LEX设计生(ID:Lex-design)编辑:Dva技术实现是交互设计的last but not the least环节,甚至有时应该是设计优先考虑的问题,毕竟…

    2017-08-02
  • 对于UED来说,读研和工作抉择的关键在哪里?

    这个问题不只是只有UED群体能遇到,其实是一个学生群体都会遇到的疑问。 大学毕业之后是去读研还是直接参加工作?自己也会做一些思想争斗和听取家人、朋友、前辈等各方意见之后做出决断,那么这件事在阿西这里怎么…

    2016-07-29
  • 【分享】最全界面设计模式、APP和Web交互流程图

    这次设计夹的主编-晓黑同学为大家整理了史上最全面的APP和Web交互流程图的标准画法,内容非常的全面。通过结合自己的项目经验,把交互流程图做的更加清晰。在后面,还为大家整理一般的web设计模式及APP设计模式,以…

    2016-07-13
  • 注意这十点,让你避免糟糕的设计

    本文是给初学者/门外汉的五分钟设计指南。好的设计原则对任何人来说都有用。这个指南会告诉你一些基础设计原则,立即就能用得上并分享给别人。我从不学习打鼓课程,从不学习吉他课程,我靠自己摸索。我认为倘若你真的对什么东西有所热诚,你就会有动力,你就会集中注意力,你可以做任何你想做的事情。
    ——Dave Grohl,喷火战机乐队

    2017-04-30
  • 【STARCAST】用Sketch表现不了的"孝敏"清纯日常画报

    ——还没关注?点击上方蓝字——大家好。STARCAST的家族们!!!!!!我们孝敏终于携Sketch回归了,这是她的第4次STARCAST!如果觉得我们孝敏已经展示了她的全部,那你就错了!她还有很多都没有展示给大家哦!今天就为大家送上,脸也没法用Sketch来表现,身材也没法用Sketch来表现的孝敏隐藏的一面,就像日常生活一样的画报,就像画报一样的日常生活照!这个秘密只告诉STARCAST 家族的大家哦,不是秘密>.大家已经开始紧张了...

    2018-03-02
  • 打造优秀语音交互体验的设计建议

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn回顾人机交互发展是「技术进步」与「载体创新」交替螺旋促进在推动着人获取信息的效率不断提升,成本不断降低。AlphaGo先后打败李世石和柯洁,百度发布自动驾驶系统「阿波罗」这一次由AI引领的技术进步正在发生。基于大量纯净数据的深度学习给人工智能带来的了巨大的进步,这种进步主要体现在三个维度。认知能力– 基于用户行为的画像,将人机交互从「单向」关系带入...

    2018-01-30
  • 基于用户体验的性能测试:模拟个别的用户延迟(续)

    本周免费下载杂志:《保健与生活》共计12本,请点击下行红色文字链接获取下载地址杂志推荐《保健与生活》3.       在TestStudio中生成时间延迟使用Rational TestStudio的VuC语言,有很多方法可以生成时间延迟。对于如何使用Think_avg及相关的命令和参数来实现,Rational的文档和培训资料已经做了详细的说明,这里不做深入讨论,只做简要介绍。这个方法只有在Think_avg命令不在计时器(Timer)里...

    2018-02-01