相信對UI設(shè)計(jì)有了解的朋友們應(yīng)該都知道，UI設(shè)計(jì)包含了太多太多其他方面的東西，像是交互，用戶體驗(yàn)，視覺，流程等等。

而其中有一個(gè)內(nèi)容就是關(guān)于動效的，什么是動效？動效就是動畫效果，通常用在UI設(shè)計(jì)中畫面切換，操作過程，及加載頁面之類的地方。而在動效方面，交互時(shí)代很有心得，因?yàn)榻换r(shí)代是一家UI設(shè)計(jì)實(shí)訓(xùn)基地，主要用實(shí)訓(xùn)的方式培育UI設(shè)計(jì)人才，能夠讓學(xué)員們在短時(shí)間內(nèi)掌握UI設(shè)計(jì)技術(shù)，并且是全國唯一一家擁有UI設(shè)計(jì)公司的實(shí)訓(xùn)基地，在UI設(shè)計(jì)方面有十多年的經(jīng)驗(yàn)，今天，就和大家說說關(guān)于動效的四個(gè)原則。

首先就許多產(chǎn)品的界面UI設(shè)計(jì)來說，性能與速度就是一切，只有高性能，足夠快的反應(yīng)速度，才能穩(wěn)定的獲得良好的用戶體驗(yàn)。因此若是我們所設(shè)計(jì)的動效過于酷炫，導(dǎo)致產(chǎn)品性能減低，反應(yīng)速度變慢，那么就是一個(gè)失敗的動效設(shè)計(jì)，我們不能為了加入動效而制作動效設(shè)計(jì)，這是得不償失的。

說到這，就進(jìn)入到今天的主題了，動效設(shè)計(jì)包括了不透明度和一些其他屬性轉(zhuǎn)換的設(shè)計(jì)（像是寬高，或者模擬各種動態(tài)，要求很多控件的推動力量，降低控件的速度等），因此，交互時(shí)代總結(jié)了四條UI設(shè)計(jì)中可用于動效設(shè)計(jì)的簡單規(guī)則：

1、讓動效具有流暢感

2、讓動效具有獨(dú)立性

3、保持使用自定義曲線；

4、避免使用保存在軟件中自帶的動畫曲線，用設(shè)計(jì)師自己創(chuàng)造的動畫曲線。

最后一條規(guī)則可以應(yīng)用在所有一般的動效中，因?yàn)榫▓D形編輯，并學(xué)習(xí)如何從數(shù)學(xué)上掌握動效，是突破普通動效技巧的關(guān)鍵所在。從今天交互時(shí)代與大家分享的內(nèi)容可以看出，在UI設(shè)計(jì)中動效是十分重要的一部分，如果大家想要了解更多關(guān)于UI設(shè)計(jì)方面的內(nèi)容，就多多關(guān)注交互時(shí)代的官網(wǎng)吧。

請聯(lián)系網(wǎng)站客服，了解詳細(xì)的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心