谷歌的Material Design設(shè)計風(fēng)格已經(jīng)在安卓APP上盡情的使用了。同時也受到了全球Material Design愛好者的追隨。

作為一名APP設(shè)計師，在了解完整個Material Design設(shè)計風(fēng)格和設(shè)計元素之后，是不是得考慮下Material Design的動效設(shè)計方面的知識點呢？

之前25學(xué)堂也分享了很多關(guān)于Material Design設(shè)計方面的文章。如：

1、最全安卓Material Design的設(shè)計原則和設(shè)計規(guī)范

2、Material Design風(fēng)格的追波網(wǎng)APP界面設(shè)計欣賞

3、安卓Material Design風(fēng)格的APP設(shè)計素材分享

這也是吸引我們學(xué)習(xí)Material Design動效交互設(shè)計的點睛之處。在 Material Design 的世界中，優(yōu)美流暢的動態(tài)效果可以描述空間關(guān)系，展示功能，體現(xiàn)產(chǎn)品意圖叫做Material motion

動態(tài)效果能夠展示 APP 元素是如何組織到一塊的，也能體現(xiàn)出這些元素的功能性。

動效提供了:

1、在不同視圖之間引導(dǎo)用戶有效聚焦

2、在用戶完成手勢操作后，暗示用戶操作可能的結(jié)果

3、展示了不同元素之間的層級和空間關(guān)系

4、緩解用戶的等待，讓應(yīng)用處理數(shù)據(jù)（例如抓取內(nèi)容或者讀取新視圖）

5、個性化，新鮮感，愉悅感

在谷歌Material Design的官方動效設(shè)計指南當(dāng)中，給動效起了一個名字：Material motion

今天25學(xué)堂跟大家分享的是谷歌Material Design的官方動效設(shè)計指南【中文版】。

感謝APP設(shè)計師MartinRGB的翻譯。同時分享下設(shè)計師的網(wǎng)站：http://www.martinrgb.com/

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

總共分為六大章節(jié)：

1、Material motion

2、持續(xù)時間和緩動

3、元素的運動

4、Material 的變形

5、動畫的組織

6、自定義創(chuàng)意動畫

谷歌官網(wǎng)動效設(shè)計的原文地址：https://www.google.com/design/spec/motion/material-motion.html

欣賞更多Material Design 動效設(shè)計作品：http://inspedition.com/23-app-concepts-inspired-by-material-design/