谷歌的Material Design设计风格已经在安卓APP上尽情的使用了。同时也受到了全球Material Design爱好者的追随。
作为一名APP设计师,在了解完整个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、个性化,新鲜感,愉悦感
在谷歌Material Design的官方动效设计指南当中,给动效起了一个名字:Material motion
今天25学堂跟大家分享的是谷歌Material Design的官方动效设计指南【中文版】。
感谢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/
全站高品质素材免费下载!