動(dòng)態(tài)圖形設(shè)計(jì)在我們?nèi)粘Ｉ钪袩o(wú)處不在，今天來(lái)告訴大家我是如何有理有據(jù)的做動(dòng)態(tài)圖形設(shè)計(jì)

一、動(dòng)態(tài)圖形設(shè)計(jì)的起源

動(dòng)態(tài)圖形設(shè)計(jì)，英文 Motion Graphics Design，簡(jiǎn)稱(chēng) MG。是將原本靜態(tài)的平面圖像經(jīng)過(guò)動(dòng)態(tài)的設(shè)定，呈現(xiàn)出動(dòng)感，賦予其生命力。動(dòng)態(tài)圖形的應(yīng)用十分廣泛，從電影片頭，電視包裝、MV、廣告，到APP、移動(dòng)游戲、廣告牌、場(chǎng)景布置等，幾乎無(wú)處不在。

在20世紀(jì)50年代，John Whitney 利用他的機(jī)械動(dòng)畫(huà)技術(shù)為電視節(jié)目和商業(yè)廣告創(chuàng)造序列。1952年，他導(dǎo)演了有關(guān)導(dǎo)彈項(xiàng)目的工程電影。這一時(shí)期他最著名的作品之一是與平面設(shè)計(jì)師 Saul Bass 合作的 Alfred Hitchcock 1958年的電影《Vertigo》的動(dòng)畫(huà)標(biāo)題序列。

圖形天然有著比文字、聲音更高的傳達(dá)效率，因?yàn)槿祟?lèi)的大腦視覺(jué)信息處理相關(guān)腦區(qū)占統(tǒng)治地位，所以對(duì)于圖形更敏感，印象更深刻。而人對(duì)靜止不動(dòng)的事物，通常不會(huì)注意到，而這些事物一旦動(dòng)起來(lái)，我們的注意力就會(huì)被吸引到動(dòng)的事物上面。所以動(dòng)態(tài)圖形比靜態(tài)圖形更有吸引力，能傳達(dá)更深層次的信息，觸發(fā)情緒。

在互聯(lián)網(wǎng)蓬勃發(fā)展的時(shí)代，設(shè)計(jì)師們的技能也越來(lái)越全面，而我建議大家應(yīng)該多掌握一門(mén)技能——?jiǎng)討B(tài)圖形設(shè)計(jì)。在設(shè)計(jì)中利用動(dòng)態(tài)圖形設(shè)計(jì)來(lái)提高傳達(dá)效率，調(diào)動(dòng)用戶(hù)情緒，在 UI設(shè)計(jì)、運(yùn)營(yíng)設(shè)計(jì)、交互設(shè)計(jì)上都能廣泛的應(yīng)用。

在設(shè)計(jì)動(dòng)態(tài)圖形時(shí)，并非簡(jiǎn)單的讓靜態(tài)圖形動(dòng)起來(lái)就可以了，進(jìn)行設(shè)計(jì)時(shí)有一個(gè)很重要的核心——故事，所有的圖形的運(yùn)動(dòng)、銜接、消失都應(yīng)該圍繞著故事來(lái)進(jìn)行，故事是動(dòng)態(tài)圖形設(shè)計(jì)的骨，運(yùn)動(dòng)形式是肉。有骨有肉，才是一個(gè)完整的動(dòng)態(tài)圖形設(shè)計(jì)。

那么如何才能做出一個(gè)相對(duì)完整、有理?yè)?jù)、有創(chuàng)意的動(dòng)態(tài)圖形設(shè)計(jì)，下面我想告訴大家我是怎么做的。

二、個(gè)人總結(jié)的動(dòng)態(tài)圖形設(shè)計(jì)方法

5步法：確定主題 → 了解趨勢(shì) → 競(jìng)品分析 → 設(shè)計(jì)構(gòu)思 → 執(zhí)行落地

確定主題：前期需要跟大家討論/自己決策選擇1~3個(gè)最優(yōu)信息點(diǎn)，動(dòng)態(tài)圖形設(shè)計(jì)圍繞著1~3個(gè)最優(yōu)信息點(diǎn)進(jìn)行。

了解趨勢(shì)：收集和了解目前比較流行的動(dòng)態(tài)圖形設(shè)計(jì)是怎么樣的，這樣一方面能使你做出來(lái)的動(dòng)態(tài)圖形設(shè)計(jì)更符合大眾審美，另一方面也確保能讓自己學(xué)習(xí)到最新的動(dòng)態(tài)圖形設(shè)計(jì)的敘事、銜接、運(yùn)動(dòng)形式?？纯错敿獾膭?dòng)態(tài)圖形設(shè)計(jì)工作室是如何做的。

競(jìng)品分析：了解分析競(jìng)品的動(dòng)態(tài)圖形設(shè)計(jì)，找到市場(chǎng)的空白區(qū)進(jìn)行切入，做出差異化。

設(shè)計(jì)構(gòu)思：圍繞「1~3個(gè)信息點(diǎn)」+「趨勢(shì)」+「市場(chǎng)空白區(qū)」，進(jìn)行故事構(gòu)思和視覺(jué)定調(diào)。強(qiáng)調(diào)構(gòu)思要多想幾個(gè)，好讓自己有對(duì)比進(jìn)行優(yōu)化的余地。

執(zhí)行落地：Let’s do it！解決落地過(guò)程遇到的所有阻力。

三、有理有據(jù)的動(dòng)態(tài)圖形設(shè)計(jì)

1. 確定主題：百萬(wàn)、腦力、時(shí)代

名字定下來(lái)后，我們首先做一個(gè)拆解，提取此次要傳達(dá)的3點(diǎn)：百萬(wàn)、腦力、時(shí)代。

2. 了解趨勢(shì)：收集和了解目前比較流行的動(dòng)態(tài)圖形設(shè)計(jì)是怎么樣的

這樣一方面能使你做出來(lái)的動(dòng)態(tài)圖形設(shè)計(jì)更符合大眾審美，另一方面也確保能讓自己學(xué)習(xí)到最新的動(dòng)態(tài)圖形設(shè)計(jì)的敘事、銜接、運(yùn)動(dòng)形式。

3. 分析競(jìng)品視覺(jué)、動(dòng)畫(huà)風(fēng)格往單色方向做出差異化形成記憶點(diǎn)

在進(jìn)行設(shè)計(jì)定位前，我們分析了市場(chǎng)上比較熱門(mén)的答題類(lèi)產(chǎn)品的視覺(jué)和動(dòng)畫(huà)，發(fā)現(xiàn)都是使用多彩+立體的設(shè)計(jì)，看起來(lái)比較娛樂(lè)化。

而我們希望從中做出差異化，為什么要做差異化？當(dāng)然是希望用戶(hù)能夠在眾多直播答題中記住我們。

從品牌傳播角度來(lái)講

從視覺(jué)傳達(dá)角度來(lái)講

從用戶(hù)使用角度來(lái)講

4. 圍繞信息層百萬(wàn)、腦力、時(shí)代和表現(xiàn)層娛樂(lè)元素純粹、抽象平面進(jìn)行構(gòu)思

圍繞剛提取的百萬(wàn)、腦力、時(shí)代，用發(fā)散思維去把主題重點(diǎn)分解成元素，這些各種各樣的元素就像樂(lè)高積木，我們進(jìn)行設(shè)計(jì)構(gòu)思的時(shí)候能把樂(lè)高積木拼成一個(gè)完整的玩具，并且確保這個(gè)玩具在表達(dá)我們的主題，讓我們走在正確路上。接下來(lái)就是拼樂(lè)高積木的時(shí)候了！這個(gè)過(guò)程你可能會(huì)有一些好想法、壞想法，需要重復(fù)組合、排序來(lái)獲得你最終滿(mǎn)意的設(shè)計(jì)方案。

緊接著把故事、演繹過(guò)程串聯(lián)起來(lái)，形成一個(gè)完整動(dòng)態(tài)圖形設(shè)計(jì)。這能讓我們更清晰的認(rèn)識(shí)到自己所做的動(dòng)態(tài)圖形所傳達(dá)的意思，同時(shí)跟產(chǎn)品/開(kāi)發(fā)/運(yùn)營(yíng)/設(shè)計(jì)人員溝通能更完整的傳達(dá)整個(gè)動(dòng)態(tài)圖形設(shè)計(jì)背后的故事和設(shè)計(jì)，增加說(shuō)服力和吸引力。