對于從事ui設計工作或者目前在學習ui設計的人來說,UI設計的學問可大了,它包含了太多太多其他方面的東西,像是交互,視覺,流程,用戶體驗等等。

QQ截圖20161025152927.jpg
而其中有一個內容就是關于ui設計動效的,到底什么是動效呢?其實動效就是動畫效果,通常用在UI設計中畫面切換,操作過程,及加載頁面之類的地方會使用到。而在動效方面能力的提升,對于在學習ui設計的學員來說主要用實訓操作的方式來加強和提升,能夠讓學員們在短時間內掌握UI設計技術,動效有四個原則,包括一下幾點:
首先就許多產品的界面UI設計來說,性能與速度就是一切,只有高性能,足夠快的反應速度,才能穩(wěn)定的獲得良好的用戶體驗。因此若是我們所設計的動效過于酷炫,導致產品性能減低,反應速度變慢,那么就是一個失敗的動效設計,我們不能為了加入動效而制作動效設計,這是得不償失的。

1455U2S2-9541.gif
說到這,就進入到今天的主題了,動效設計包括了不透明度和一些其他屬性轉換的設計(像是寬高,或者模擬各種動態(tài),要求很多控件的推動力量,降低控件的速度等),因此,交互時代總結了四條UI設計中可用于動效設計的簡單規(guī)則:
1、讓動效具有流暢感
2、讓動效具有獨立性

199548.gif
3、保持使用自定義曲線;
4、避免使用保存在軟件中自帶的動畫曲線,用設計師自己創(chuàng)造的動畫曲線。
最后一條規(guī)則可以應用在所有一般的動效中,因為精通圖形編輯,并學習如何從數(shù)學上掌握動效,是突破普通動效技巧的關鍵所在。在UI設計中動效是十分重要的一部分,如果大家想要了解更多關于UI設計方面的內容,就多多關注小互吧。