看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

相关推荐

  • 从三个案例出发,聊聊交互设计师的核心价值

    交互设计师的核心价值是什么?这个问题很经典,知乎上有这样的提问,面试中也会被问到。为了避免过于空洞和理论,本篇结合三个小案例来聊聊我的理解。

    2017-05-30
  • Sketch快捷键速记表(中英对照)

    Sketch 是一款好用快捷的设计软件,很多做UI设计的同学开始从 PHOTOSHOP 转向 SKETCH,使用它不仅可以做 WEB 和 APP UI,也可以用它来制作高保真原型或交互稿。如果你刚接触这款软件,那么熟记他的快捷键会大大提高你的作业效率,下面是最新的 Sketch 快捷键一览表,可以让大家快捷查询或记忆Sketch的快键。原文地址:http://www.shejidaren.com/sketch-kuai-jie-jian...

    2018-04-16
  • Think in ID 前言

    前言   交互设计师们总觉得,可以用的工具特别少。我们国内目前流行的交互设计工具也非常多,各有各自用着顺手的工具,这些年我见过不少各种各样的工具,例如说:Axure、手绘(姑且也算是工具)、Pencil、Visi…

    交互设计 2014-09-17
  • 交互设计的综合性——后APP时代交互设计师的主场

    作者:司马西   1. 后APP时代-用户时间的争夺战 近几年来,移动互联的普及,各大厂商为了抢占市场激烈竞争。然而硝烟散去,我们统计并回视移动互联网的App世界,各大行业(包括:新闻、游戏、餐饮、医疗、教育、金…

    交互专题 2017-08-07
  • 用通俗的方式告诉你什么是「交互设计」

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

    2018-04-11
  • UED 招聘,多个职位给你更多选择!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-03-05
  • 超全面!界面交互动效核心知识的分类与总结

    Echo  :这篇文章是基于我自己的理解对界面交互动效设计 进行了分类整理和总结。

    2017-09-13
  • 国家地理:创新设计世界地图APP-炫酷、叼、高度还原设计方案。

    本文首发在iamue.com(我是UE网) 头条号同步发布 来看一看别人家的UEUi 国家地理做了一个世界地图app,动效狂拽酷炫叼炸天。关键是app线上高度还原了设计的动画效果,而且非常流畅。一起来欣赏一下吧 然后默默的收…

    2015-06-25
  • 设计师如何具有工程师思维?

    常常在提 design thinking, 让工程师有设计思维,但作为一个设计师,很多时候工作处理的都是交互层的东西,那如何像一个工程师一样理解一个项目呢?或者说如何具有工程师思维? 这个问题的简单回答是:根本没有“工…

    2015-05-24
  • 交互新人的踩坑史:入职3个月,我总结了这4点经验

    新人入职3个月,有幸参与到一个新项目,感觉既充满机遇又面临挑战。在与项目一起成长的时间里,踩了很多坑,趁此机会记录下来,希望对跟我一样的交互新人有所帮助。

    2017-05-16