隨著國際大品牌蘋果和谷歌的引領(lǐng),最近越來越多的國內(nèi)公司開始關(guān)注動效設計了,越來越多的團隊已經(jīng)意識到動效在產(chǎn)品用戶體驗中的重要性了,更多的設計師們也開始投身動效設計領(lǐng)域。
合理的動效可以幫助引導、取悅用戶,減少等待時間,更能增加產(chǎn)品識別度。讓用戶更爽的用產(chǎn)品。?

動效設計在當下的火熱程度
動效有多重要?那是太重要了。如果現(xiàn)在APP沒有動效,你肯定會感覺少了點什么,比如最簡單的加載動畫得有吧。動效的重要性在于將交互、視覺過渡處理的更加細膩,而且能夠承載更多的信息,比如iOS動效、MD動效等。
許多大公司也將動效設計列入了招聘要求當中,可見動效在用戶體驗中的重要性,設計師應該快速學習動效設計,提升自身的核心競爭力。


如果重新審視10年前的網(wǎng)頁和移動端應用的話,你會發(fā)現(xiàn)動效和動畫在這個時期簡直是犯規(guī)一般的存在:瀏覽器和硬件設備吃不消,它們根本無法成為設計最佳實踐。
十年前你所能看到的動畫和動效,通常是使用Flash實現(xiàn),或者短暫的存在于彈出框和閃爍的按鈕特效中。但是情況在最近的幾年出現(xiàn)了巨大的轉(zhuǎn)變,iOS和Android?設備的大規(guī)模普及,移動端芯片的性能提升,讓設計師在移動端APP上實現(xiàn)多樣的動畫和動效,成為了可能,而今天,動畫和動效已經(jīng)成為了如今UI和UX設計當中,最重要的組成部分之一。

什么是動效設計
動效設計,顧名思義即動態(tài)效果的設計,用戶界面上所有運動的效果,也可以視其為界面設計(UI design)與動態(tài)設計(motion design)的交集。合理的動效可以幫助引導、取悅用戶,減少等待時間,更能增加產(chǎn)品識別度。讓用戶更爽的用產(chǎn)品。

動效設計是如何產(chǎn)生的
首先要講到motion graphic(動態(tài)圖形設計),在長時間的歷史演變中,MG常見的應用是電影片頭片尾,在TVC廣告末尾的標志動畫,以及電視包裝當中常用的Logo演繹,ID呼號,角標等等。

而隨著行業(yè)的不斷發(fā)展,MG涉及的領(lǐng)域也開始細分,越來越多的從業(yè)人員從電影、電視這些傳統(tǒng)的領(lǐng)域向其他新媒體遷移,這其中就包括互聯(lián)網(wǎng)行業(yè)。
作為多學科交集的界面動效,其設計者可以交互,也可以是UI,甚至很多時候是前端開發(fā)直接完成的。很多比較完整的設計團隊,專門招的動效設計師,除了做界面動效外,還會做與產(chǎn)品推廣相關(guān)的motion graphi。

本質(zhì)上,動效設計(Motion Design)是因為整個用戶體驗行業(yè)的發(fā)展而細分出來的設計門類。
界面動效與動態(tài)圖形的區(qū)別
界面動效(UI motion)區(qū)別于motion graphic 最大的差別,就是界面動效需要以用戶體驗與界面設計為大前提,來進行動效設計。

界面動效在設計師設計完成后,需要開發(fā)實現(xiàn)才能與用戶見面。而不像MG動畫,直接由設計師輸出。
