有動效的ui設計作品是棒棒噠

對于從事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設計方面的內容,就多多關注小互吧。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,812評論 25 709
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,083評論 4 61
  • 大多數(shù)人恐懼的不是死亡,而是當生命走到盡頭時驀然回首才發(fā)現(xiàn) 你從未真正的活過 我看過一個報道: 一個醫(yī)療機構研究,...
    W愛吃宮保雞丁閱讀 797評論 0 1
  • 你好,草原 你有多久沒有聽過花開的聲音 又有多久沒見過大朵的白云和清澈的藍天 一起共赴7月的草原之約,去感受另一種...
    書隅閱讀 227評論 0 0
  • 芝蘭生于幽谷,不以無人而不芳~~孤芳自賞,自娛自樂是一種境界~~與大自然同眠同醒,做喜歡的事情,與喜歡的人談一場純...
    蝶戀谷谷主閱讀 362評論 0 0

友情鏈接更多精彩內容