谷歌的Material Design設(shè)計(jì)風(fēng)格已經(jīng)在安卓APP上盡情的使用了。同時(shí)也受到了全球Material Design愛好者的追隨。
作為一名APP設(shè)計(jì)師,在了解完整個(gè)Material Design設(shè)計(jì)風(fēng)格和設(shè)計(jì)元素之后,是不是得考慮下Material Design的動(dòng)效設(shè)計(jì)方面的知識(shí)點(diǎn)呢?
之前25學(xué)堂也分享了很多關(guān)于Material Design設(shè)計(jì)方面的文章。如:
1、最全安卓Material Design的設(shè)計(jì)原則和設(shè)計(jì)規(guī)范
2、Material Design風(fēng)格的追波網(wǎng)APP界面設(shè)計(jì)欣賞
3、安卓Material Design風(fēng)格的APP設(shè)計(jì)素材分享
這也是吸引我們學(xué)習(xí)Material Design動(dòng)效交互設(shè)計(jì)的點(diǎn)睛之處。在 Material Design 的世界中,優(yōu)美流暢的動(dòng)態(tài)效果可以描述空間關(guān)系,展示功能,體現(xiàn)產(chǎn)品意圖叫做Material motion
動(dòng)態(tài)效果能夠展示 APP 元素是如何組織到一塊的,也能體現(xiàn)出這些元素的功能性。
動(dòng)效提供了:
1、在不同視圖之間引導(dǎo)用戶有效聚焦
2、在用戶完成手勢(shì)操作后,暗示用戶操作可能的結(jié)果
3、展示了不同元素之間的層級(jí)和空間關(guān)系
4、緩解用戶的等待,讓應(yīng)用處理數(shù)據(jù)(例如抓取內(nèi)容或者讀取新視圖)
5、個(gè)性化,新鮮感,愉悅感
在谷歌Material Design的官方動(dòng)效設(shè)計(jì)指南當(dāng)中,給動(dòng)效起了一個(gè)名字:Material motion
今天25學(xué)堂跟大家分享的是谷歌Material Design的官方動(dòng)效設(shè)計(jì)指南【中文版】。
感謝APP設(shè)計(jì)師MartinRGB的翻譯。同時(shí)分享下設(shè)計(jì)師的網(wǎng)站:http://www.martinrgb.com/
中文版地址:http://www.martinrgb.com/Material-Motion-Chinese/motion/material-motion.html
總共分為六大章節(jié):
1、Material motion
2、持續(xù)時(shí)間和緩動(dòng)
3、元素的運(yùn)動(dòng)
4、Material 的變形
5、動(dòng)畫的組織
6、自定義創(chuàng)意動(dòng)畫
谷歌官網(wǎng)動(dòng)效設(shè)計(jì)的原文地址:https://www.google.com/design/spec/motion/material-motion.html
欣賞更多Material Design 動(dòng)效設(shè)計(jì)作品:http://inspedition.com/23-app-concepts-inspired-by-material-design/
全站高品質(zhì)素材免費(fèi)下載!