許多大公司也將動效設計列入了招聘要求當中, 可見動效在用戶體驗中的重要性,設計師應該快速學習動效設計,提升自身的核心競爭力。
如果重新審視10年前的網頁和移動端應用的話,妳會發現動效和動畫在這個時期簡直是犯規壹般的存在:瀏覽器和硬件設備吃不消,它們根本無法成為設計最佳實踐。
十年前妳所能看到的動畫和動效,通常是使用Flash實現,或者短暫的存在於彈出框和閃爍的按鈕特效中。但是情況在最近的幾年出現了巨大的轉變,iOS和Android?設備的大規模普及,移動端芯片的性能提升,讓設計師在移動端APP上實現多樣的動畫和動效,成為了可能,而今天, 動畫和動效已經成為了如今UI和UX設計當中,最重要的組成部分之壹。
動效設計,顧名思義即動態效果的設計,用戶界面上所有運動的效果,也可以視其為界面設計(UI design)與動態設計(motion design)的交集。合理的動效可以幫助引導、取悅用戶,減少等待時間,更能增加產品識別度。 讓用戶更爽的用產品。
首先要講到motion graphic(動態圖形設計),在長時間的歷史演變中,MG常見的應用是電影片頭片尾,在TVC廣告末尾的標誌動畫,以及電視包裝當中常用的Logo演繹,ID呼號,角標等等。
而隨著行業的不斷發展,MG涉及的領域也開始細分,越來越多的從業人員從電影、電視這些傳統的領域向其他新媒體遷移,這其中就包括互聯網行業。
作為多學科交集的界面動效,其設計者可以交互,也可以是UI,甚至很多時候是前端開發直接完成的。 很多比較完整的設計團隊,專門招的動效設計師,除了做界面動效外,還會做與產品推廣相關的motion graphi。
本質上, 動效設計(Motion Design)是因為整個用戶體驗行業的發展而細分出來的設計門類。
界面動效(UI motion)區別於motion graphic 最大的差別, 就是界面動效需要以用戶體驗與界面設計為大前提,來進行動效設計。
界面動效在設計師設計完成後,需要開發實現才能與用戶見面。而不像MG動畫,直接由設計師輸出。