app交互動(dòng)效設(shè)計(jì)是整個(gè)APP設(shè)計(jì)項(xiàng)目當(dāng)中的一個(gè)非常重要的點(diǎn)。這塊做好了，你的APP項(xiàng)目的用戶體驗(yàn)也不會(huì)差到哪里去。

那你作為一名APP設(shè)計(jì)師，你有沒(méi)有真正的去按照APP?UI動(dòng)效設(shè)計(jì)原則來(lái)認(rèn)真嚴(yán)格的執(zhí)行呢？

如果還沒(méi)有，那請(qǐng)各位從今天開(kāi)始認(rèn)真開(kāi)始學(xué)習(xí)起來(lái)吧。對(duì)照著來(lái)看看吧~~~

1. 材質(zhì)

給用戶展示界面元素是由什么構(gòu)成的：輕盈的還是笨重的？死板的還是靈活的？平面的還是多維度的？你需要讓用戶對(duì)界面元素的交互模式有個(gè)基本的感覺(jué)。

2. 運(yùn)動(dòng)軌跡

你需要闡明運(yùn)動(dòng)的自然屬性。一般原則顯示沒(méi)有生命的機(jī)械物體的運(yùn)動(dòng)軌跡通常都是直線，而有生命的物體擁有更為復(fù)雜和非直線性的運(yùn)動(dòng)軌跡。您要決定您的UI要給用戶呈現(xiàn)的什么樣的印象，并且將這種屬性賦予它。

3. 時(shí)間

在設(shè)計(jì)動(dòng)效時(shí)，時(shí)間是最有爭(zhēng)議的和最重要的考慮之一。在現(xiàn)實(shí)世界中，物體并不遵守直線運(yùn)動(dòng)規(guī)則因?yàn)樗鼈冃枰獣r(shí)間來(lái)加速或者減速，使用曲線運(yùn)動(dòng)規(guī)則會(huì)讓元素的移動(dòng)變得更加自然。

4.聚焦動(dòng)效

要集中注意力于屏幕的某一特定區(qū)域。例如，閃爍的圖標(biāo)就會(huì)吸引用戶的注意，用戶會(huì)知道那有個(gè)提醒并去點(diǎn)擊。這種動(dòng)效常用于有太多細(xì)節(jié)和元素從而無(wú)法將特殊元素區(qū)別化的界面中。

5. 跟隨和重疊

跟隨是一個(gè)動(dòng)作的終止部分。物體不會(huì)迅速地停止或者開(kāi)始移動(dòng)，每個(gè)運(yùn)動(dòng)都可以被拆解為每個(gè)部分按照各自速率移動(dòng)的細(xì)小動(dòng)作。例如，當(dāng)您扔個(gè)球，在球出手后，您的手也依然在移動(dòng)。

重疊意味著在第一個(gè)動(dòng)作結(jié)束前開(kāi)始的第二個(gè)動(dòng)作，這樣可以吸引用戶的注意力，因?yàn)閮蓚€(gè)動(dòng)作之間并沒(méi)有一段靜止期。

如下圖的某錢包APP的界面設(shè)計(jì)欣賞：

6. 次要?jiǎng)有?/strong>