MG 全稱是 Motion Graphic（動(dòng)態(tài)圖形），是一種現(xiàn)在非常流行的動(dòng)畫(huà)分支。它更像是介于平面設(shè)計(jì)與動(dòng)畫(huà)片之間的一種產(chǎn)物。動(dòng)態(tài)圖形在視覺(jué)表現(xiàn)上使用的是基于平面設(shè)計(jì)的規(guī)則，而在技術(shù)上使用的是動(dòng)畫(huà)制作手段。簡(jiǎn)單來(lái)說(shuō)，這類動(dòng)畫(huà)往往都以簡(jiǎn)約的幾何圖形來(lái)描述物理特性，但表現(xiàn)力極強(qiáng)。輕簡(jiǎn)的特性也成為 UI設(shè)計(jì)中的一個(gè)點(diǎn)睛環(huán)節(jié)。
那如何制作一個(gè)有趣又有生命力且符合邏輯的動(dòng)效呢？在我看來(lái)需要著重了解以下這4個(gè)物理特性，就能解決所有基本問(wèn)題。
四大心法：阻力、慣性、透視、焦距。
一、阻力
大家在做動(dòng)畫(huà)的時(shí)候很容易考慮到慣性，慣性往往是物體自身的特性。阻力則是外界事物對(duì)物體產(chǎn)生的影響。但當(dāng)我們看不見(jiàn)這個(gè)外界事物的時(shí)候，就會(huì)忽略這點(diǎn)。
小車運(yùn)動(dòng)中，它上面的旗幟看上去是不是很奇怪？這就是忽略了阻力對(duì)對(duì)象帶來(lái)的影響。
材質(zhì)相對(duì)較輕的旗幟會(huì)比車子更容易受到空氣阻力的影響，這樣看上去才比較符合現(xiàn)實(shí)。
二、慣性
慣性是動(dòng)畫(huà)中最常見(jiàn)的動(dòng)態(tài)規(guī)律。也是最容易出效果的參數(shù)。我們調(diào)整物體的緩入緩出的幅度來(lái)表現(xiàn)不同質(zhì)量的物體運(yùn)動(dòng)。
動(dòng)畫(huà)上方的小球是勻速接近磁鐵，下方的小球是勻加速接近磁鐵。哪個(gè)看上去更符合現(xiàn)實(shí)呢？你答對(duì)了！下方的小球表現(xiàn)出物體本身的慣性。當(dāng)有外力突然吸引時(shí)，物體由于本身質(zhì)量的影響，逐漸失去靜止的狀態(tài)，而不是瞬間。
動(dòng)畫(huà)下方表達(dá)的是柔軟的小球，在當(dāng)外力影響時(shí)，整個(gè)球體慣性分布不均勻，球體左側(cè)和右側(cè)產(chǎn)生了慣性先后速度差，產(chǎn)生了形變。當(dāng)最終觸碰磁鐵后，慣性差導(dǎo)致球體左側(cè)結(jié)束比右側(cè)晚，產(chǎn)生了回彈。
三、透視
在二維動(dòng)畫(huà)中，透視是一個(gè)相對(duì)較難表現(xiàn)形式。我們往往需要利用參照物來(lái)體現(xiàn)二維物體之間的空間關(guān)系。
我們?cè)谧哞F的時(shí)候觀察窗外，風(fēng)景是這樣移動(dòng)的嗎？樹(shù)林、遠(yuǎn)山和更遠(yuǎn)的云層。三者由于透視的關(guān)系，是不會(huì)以相同的速度移動(dòng)的。
「近中遠(yuǎn)」分別對(duì)應(yīng)「快中慢」，利用不同速度來(lái)表現(xiàn)前后關(guān)系。我們利用參照物的差速動(dòng)畫(huà)，就能做出具有很好空間感的效果。
四、焦距
同樣和透視一樣，二維的世界很難表現(xiàn)焦距這個(gè)概念。但我們可以利用色彩和虛實(shí)的手段來(lái)模擬。
左邊的小人在前？或著右邊的小人在前？或者他們只是并排站立？由于二維的限制性，人們只能通過(guò)自己的想象來(lái)彌補(bǔ)三維空間的缺失。不同人會(huì)得出不同的結(jié)論。在這里我們可以通過(guò)顏色來(lái)做到簡(jiǎn)易的前后關(guān)系。顏色暗淡或明亮的可能由于光源關(guān)系，顯得離我們比較遠(yuǎn)或比較近。（結(jié)合實(shí)際場(chǎng)景）
利用模糊，我們能表現(xiàn)出更好的空間效果和鏡頭感。這是利用繪畫(huà)設(shè)計(jì)和平面設(shè)計(jì)中的虛實(shí)關(guān)系。
接下來(lái)放幾個(gè)小編在實(shí)際設(shè)計(jì)中應(yīng)用的案例，大家感受一下（來(lái)自開(kāi)課啦APP）：
△ 品牌形象蜜蜂上升動(dòng)畫(huà)
△ 下拉刷新的品牌動(dòng)畫(huà)
△ 開(kāi)課啦心理魔法院
最后
掌握和清楚這四點(diǎn)心法，能夠讓你在設(shè)計(jì)動(dòng)態(tài)影像時(shí)如魚(yú)得水。但其實(shí)想做出一個(gè)優(yōu)秀的動(dòng)效并不只有這些。需要你有一顆善于觀察的心，善于發(fā)現(xiàn)你身邊的那些自然規(guī)律。
歡迎關(guān)注作者的微信公眾號(hào)：「開(kāi)課啦UED」
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng)，未經(jīng)允許不得轉(zhuǎn)載。
繼續(xù)閱讀本文相關(guān)話題
發(fā)評(píng)論！每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后，在評(píng)論區(qū)留言，系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今，是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái)，提供獎(jiǎng)品贊助 聯(lián)系我們
標(biāo)志設(shè)計(jì)標(biāo)準(zhǔn)教程
已累計(jì)誕生 729 位幸運(yùn)星
發(fā)表評(píng)論 為下方 2 條評(píng)論點(diǎn)贊，解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓