谷歌Material Design的官方动效设计指南【中文版】

谷歌的Material Design设计风格已经在安卓APP上尽情的使用了。同时也受到了全球Material Design爱好者的追随。

作为一名APP设计师,在了解完整个Material Design设计风格和设计元素之后,是不是得考虑下Material Design的动效设计方面的知识点呢?

Material-Design设计

 

之前25学堂也分享了很多关于Material Design设计方面的文章。如:

1、最全安卓Material Design的设计原则和设计规范

2、Material Design风格的追波网APP界面设计欣赏

3、安卓Material Design风格的APP设计素材分享

这也是吸引我们学习Material Design动效交互设计的点睛之处。在 Material Design 的世界中,优美流畅的动态效果可以描述空间关系,展示功能,体现产品意图叫做Material motion

动态效果能够展示 APP 元素是如何组织到一块的,也能体现出这些元素的功能性。

动效提供了:

1、在不同视图之间引导用户有效聚焦

2、在用户完成手势操作后,暗示用户操作可能的结果

3、展示了不同元素之间的层级和空间关系

4、缓解用户的等待,让应用处理数据(例如抓取内容或者读取新视图)

5、个性化,新鲜感,愉悦感

Dreamlist

Music ID — Principle

List Interaction by Principle

在谷歌Material Design的官方动效设计指南当中,给动效起了一个名字:Material motion

今天25学堂跟大家分享的是谷歌Material Design的官方动效设计指南【中文版】。

Material Design的官方动效设计指南 Material Design的官方动效设计指南2

感谢APP设计师MartinRGB的翻译。同时分享下设计师的网站:http://www.martinrgb.com/

中文版地址:http://www.martinrgb.com/Material-Motion-Chinese/motion/material-motion.html

总共分为六大章节:

1、Material motion

2、持续时间和缓动

3、元素的运动

4、Material 的变形

5、动画的组织

6、自定义创意动画

 

谷歌官网动效设计的原文地址:https://www.google.com/design/spec/motion/material-motion.html

欣赏更多Material Design 动效设计作品:http://inspedition.com/23-app-concepts-inspired-by-material-design/

每天更新,
全站高品质素材免费下载!