>
學(xué)校機(jī)構(gòu) >
交互時(shí)代UI實(shí)訓(xùn)基地 >
學(xué)習(xí)資訊>
關(guān)于UI設(shè)計(jì)中動(dòng)效的四個(gè)原則
關(guān)于UI設(shè)計(jì)中動(dòng)效的四個(gè)原則
95 2017-06-01
相信對(duì)UI設(shè)計(jì)有了解的朋友們應(yīng)該都知道,UI設(shè)計(jì)包含了太多太多其他方面的東西,像是交互,用戶體驗(yàn),視覺,流程等等。
而其中有一個(gè)內(nèi)容就是關(guān)于動(dòng)效的,什么是動(dòng)效?動(dòng)效就是動(dòng)畫效果,通常用在UI設(shè)計(jì)中畫面切換,操作過程,及加載頁面之類的地方。而在動(dòng)效方面,交互時(shí)代很有心得,因?yàn)榻换r(shí)代是一家UI設(shè)計(jì)實(shí)訓(xùn)基地,主要用實(shí)訓(xùn)的方式培育UI設(shè)計(jì)人才,能夠讓學(xué)員們?cè)诙虝r(shí)間內(nèi)掌握UI設(shè)計(jì)技術(shù),并且是全國唯一一家擁有UI設(shè)計(jì)公司的實(shí)訓(xùn)基地,在UI設(shè)計(jì)方面有十多年的經(jīng)驗(yàn),今天,就和大家說說關(guān)于動(dòng)效的四個(gè)原則。
首先就許多產(chǎn)品的界面UI設(shè)計(jì)來說,性能與速度就是一切,只有高性能,足夠快的反應(yīng)速度,才能穩(wěn)定的獲得良好的用戶體驗(yàn)。因此若是我們所設(shè)計(jì)的動(dòng)效過于酷炫,導(dǎo)致產(chǎn)品性能減低,反應(yīng)速度變慢,那么就是一個(gè)失敗的動(dòng)效設(shè)計(jì),我們不能為了加入動(dòng)效而制作動(dòng)效設(shè)計(jì),這是得不償失的。
說到這,就進(jìn)入到今天的主題了,動(dòng)效設(shè)計(jì)包括了不透明度和一些其他屬性轉(zhuǎn)換的設(shè)計(jì)(像是寬高,或者模擬各種動(dòng)態(tài),要求很多控件的推動(dòng)力量,降低控件的速度等),因此,交互時(shí)代總結(jié)了四條UI設(shè)計(jì)中可用于動(dòng)效設(shè)計(jì)的簡單規(guī)則:
1、讓動(dòng)效具有流暢感
2、讓動(dòng)效具有獨(dú)立性
3、保持使用自定義曲線;
4、避免使用保存在軟件中自帶的動(dòng)畫曲線,用設(shè)計(jì)師自己創(chuàng)造的動(dòng)畫曲線。
最后一條規(guī)則可以應(yīng)用在所有一般的動(dòng)效中,因?yàn)榫▓D形編輯,并學(xué)習(xí)如何從數(shù)學(xué)上掌握動(dòng)效,是突破普通動(dòng)效技巧的關(guān)鍵所在。從今天交互時(shí)代與大家分享的內(nèi)容可以看出,在UI設(shè)計(jì)中動(dòng)效是十分重要的一部分,如果大家想要了解更多關(guān)于UI設(shè)計(jì)方面的內(nèi)容,就多多關(guān)注交互時(shí)代的官網(wǎng)吧。
請(qǐng)聯(lián)系網(wǎng)站客服,了解詳細(xì)的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)