app動(dòng)效設(shè)計(jì)，現(xiàn)在已是各位APP設(shè)計(jì)師學(xué)習(xí)和臨摹的方向。大家也會(huì)收集一些好看的APP動(dòng)效設(shè)計(jì)作品。學(xué)習(xí)app動(dòng)效設(shè)計(jì)，不是盲目的讓界面動(dòng)起來(lái)那么簡(jiǎn)單，一定不能濫用。要學(xué)會(huì)克制。

在優(yōu)設(shè)網(wǎng)當(dāng)中的一篇文章給我們闡述了 UI設(shè)計(jì)師必須知道的UI動(dòng)態(tài)設(shè)計(jì)規(guī)則。也就是APP動(dòng)效設(shè)計(jì)的六個(gè)基本原則。

下面我們先看下一組值得學(xué)習(xí)的按鈕、開關(guān)、滑塊等控件的動(dòng)效欣賞，希望能給你設(shè)計(jì)帶來(lái)新鮮靈動(dòng)的感覺。

第一部分：下面就讓我們跟隨25學(xué)堂的小編一起回顧一下?APP動(dòng)效設(shè)計(jì)的六個(gè)基本原則。

1、要保存APP的個(gè)性化.

也是今天我們重點(diǎn)所講的APP UI動(dòng)效設(shè)計(jì)中最基本的原則：具備個(gè)性化的動(dòng)效設(shè)計(jì)。也是一款A(yù)PP特殊身份標(biāo)識(shí)的象征。

2、具備導(dǎo)向的功能

比如APP UI動(dòng)效就應(yīng)該如同導(dǎo)游一樣，為用戶指引方向，防止用戶感到無(wú)聊，減少額外的圖形化說(shuō)明。

3、背景動(dòng)效的使用

APP動(dòng)效應(yīng)當(dāng)為內(nèi)容賦予背景，通過(guò)背景來(lái)表現(xiàn)內(nèi)容的物理狀態(tài)和所處環(huán)境。

4、與用戶產(chǎn)生共鳴

APP UI動(dòng)效的目的是與用戶互動(dòng)，并產(chǎn)生共鳴，而非令他們困惑甚至感到意外。UI動(dòng)效和用戶操作之間的關(guān)系應(yīng)該是互補(bǔ)的，兩者共同促成交互完成。

5、給動(dòng)效賦予情感

好的UI動(dòng)效是能夠喚起積極的情緒反應(yīng)的，平滑流暢的滾動(dòng)能帶來(lái)舒適感，而有效的動(dòng)作執(zhí)行往往能帶來(lái)令人興奮的愉悅和快感。

6、理解此處應(yīng)用動(dòng)效的目的，切記亂用

濫用特效會(huì)讓用戶分心，把握好這個(gè)微妙的平衡。APP動(dòng)效是用來(lái)保持用戶的關(guān)注點(diǎn)、引導(dǎo)用戶操作的，不要為了動(dòng)效而動(dòng)效。

第二部分：APP UI動(dòng)效設(shè)計(jì)當(dāng)中的最高設(shè)計(jì)原則——那就是具備個(gè)性化的動(dòng)效設(shè)計(jì)

個(gè)性化的動(dòng)效設(shè)計(jì)是APP UI動(dòng)效設(shè)計(jì)中最基本的原則，甚至可以說(shuō)是動(dòng)效設(shè)計(jì)的最高原則。

APP ?UI動(dòng)效設(shè)計(jì)就是要擺脫APP“開袋即食”的粗獷設(shè)定，設(shè)計(jì)獨(dú)特的動(dòng)效，創(chuàng)造引人入勝的效果。

在確保UI風(fēng)格的一致性的前提下，表達(dá)出APP的鮮明個(gè)性，這就是UI動(dòng)效設(shè)計(jì)“個(gè)性化”要做的事情。同時(shí)，還應(yīng)令動(dòng)效的細(xì)節(jié)符合那些約定俗成的交互規(guī)則，這樣動(dòng)效就具備了“可預(yù)期性”，用戶不會(huì)有“出戲”的感覺，如此一來(lái)，UI動(dòng)效設(shè)計(jì)便有助于強(qiáng)化用戶的交互經(jīng)驗(yàn)，保持APP黏度與活躍度。

比如：Dots這款A(yù)PP 將使用這種輕松愉悅的慣性動(dòng)效，貫穿在整個(gè)APP UI設(shè)計(jì)的每個(gè)角落，讓它從同類APP中脫穎而出。

下面我們?cè)倏纯匆唤M非常有意思的鼠標(biāo)動(dòng)效欣賞，都是一些驚人的動(dòng)效之美。

下面是一個(gè)比較活潑，擬人化的下拉刷新的APP動(dòng)效欣賞。

以上這些個(gè)性化的APP動(dòng)效設(shè)計(jì)，有沒有驚艷到你呢？