大家好，我是大E。這是一篇material design 文檔動(dòng)畫部分的學(xué)習(xí)筆記，標(biāo)題什么的是我瞎編的，看在我中學(xué)被發(fā)了50張好人卡的份上原諒我吧。口胡結(jié)束，接下來是正文：

Summary:

Material Design動(dòng)畫交互

動(dòng)畫速度的3個(gè)原則

3種交互方式

如何設(shè)計(jì)有意義的動(dòng)畫


使人高興的動(dòng)畫細(xì)節(jié)

1 | Material Design動(dòng)畫交互

谷歌上一代設(shè)計(jì)語言是卡片設(shè)計(jì)，而這一代作為卡片的延伸，Material Design 以紙片與墨水作為靈感，由紙片與墨水組成的設(shè)計(jì)隱喻貫穿整個(gè)material design 的所有細(xì)節(jié)，動(dòng)畫設(shè)計(jì)也不例外。具體體現(xiàn)在哪？客官不急，聽我一一道來：

首先，動(dòng)畫設(shè)計(jì)的出發(fā)點(diǎn)，我歌認(rèn)為每個(gè)動(dòng)畫效果應(yīng)該都是要有意義的。動(dòng)效的重要性可以簡(jiǎn)單的體現(xiàn)在這個(gè)三個(gè)方面：

動(dòng)效可以有效的暗示引導(dǎo)用戶操作。

動(dòng)效的目的是為了吸引用戶的注意力。

轉(zhuǎn)場(chǎng)的動(dòng)畫應(yīng)該高效，清晰。

以上是道，何為術(shù)？

2 | 動(dòng)畫速度的3個(gè)原則

1, 動(dòng)畫應(yīng)該有快有慢，我們要認(rèn)識(shí)到線性的速度會(huì)使用戶感到疲倦。（我就不舉九淺一深的例子了，你們自己體會(huì)( ´_