動態(tài)圖形設計在我們日常生活中無處不在,今天來告訴大家我是如何有理有據(jù)的做動態(tài)圖形設計
一、動態(tài)圖形設計的起源
動態(tài)圖形設計,英文 Motion Graphics Design,簡稱 MG。是將原本靜態(tài)的平面圖像經過動態(tài)的設定,呈現(xiàn)出動感,賦予其生命力。動態(tài)圖形的應用十分廣泛,從電影片頭,電視包裝、MV、廣告,到APP、移動游戲、廣告牌、場景布置等,幾乎無處不在。
在20世紀50年代,John Whitney 利用他的機械動畫技術為電視節(jié)目和商業(yè)廣告創(chuàng)造序列。1952年,他導演了有關導彈項目的工程電影。這一時期他最著名的作品之一是與平面設計師 Saul Bass 合作的 Alfred Hitchcock 1958年的電影《Vertigo》的動畫標題序列。
圖形天然有著比文字、聲音更高的傳達效率,因為人類的大腦視覺信息處理相關腦區(qū)占統(tǒng)治地位,所以對于圖形更敏感,印象更深刻。而人對靜止不動的事物,通常不會注意到,而這些事物一旦動起來,我們的注意力就會被吸引到動的事物上面。所以動態(tài)圖形比靜態(tài)圖形更有吸引力,能傳達更深層次的信息,觸發(fā)情緒。
在互聯(lián)網(wǎng)蓬勃發(fā)展的時代,設計師們的技能也越來越全面,而我建議大家應該多掌握一門技能——動態(tài)圖形設計。在設計中利用動態(tài)圖形設計來提高傳達效率,調動用戶情緒,在 UI設計、運營設計、交互設計上都能廣泛的應用。
在設計動態(tài)圖形時,并非簡單的讓靜態(tài)圖形動起來就可以了,進行設計時有一個很重要的核心——故事,所有的圖形的運動、銜接、消失都應該圍繞著故事來進行,故事是動態(tài)圖形設計的骨,運動形式是肉。有骨有肉,才是一個完整的動態(tài)圖形設計。
那么如何才能做出一個相對完整、有理據(jù)、有創(chuàng)意的動態(tài)圖形設計,下面我想告訴大家我是怎么做的。
二、個人總結的動態(tài)圖形設計方法
5步法:確定主題 → 了解趨勢 → 競品分析 → 設計構思 → 執(zhí)行落地
確定主題:前期需要跟大家討論/自己決策選擇1~3個最優(yōu)信息點,動態(tài)圖形設計圍繞著1~3個最優(yōu)信息點進行。
了解趨勢:收集和了解目前比較流行的動態(tài)圖形設計是怎么樣的,這樣一方面能使你做出來的動態(tài)圖形設計更符合大眾審美,另一方面也確保能讓自己學習到最新的動態(tài)圖形設計的敘事、銜接、運動形式??纯错敿獾膭討B(tài)圖形設計工作室是如何做的。
競品分析:了解分析競品的動態(tài)圖形設計,找到市場的空白區(qū)進行切入,做出差異化。
設計構思:圍繞「1~3個信息點」+「趨勢」+「市場空白區(qū)」,進行故事構思和視覺定調。強調構思要多想幾個,好讓自己有對比進行優(yōu)化的余地。
執(zhí)行落地:Let’s do it!解決落地過程遇到的所有阻力。
三、有理有據(jù)的動態(tài)圖形設計
1. 確定主題:百萬、腦力、時代
名字定下來后,我們首先做一個拆解,提取此次要傳達的3點:百萬、腦力、時代。
2. 了解趨勢:收集和了解目前比較流行的動態(tài)圖形設計是怎么樣的
這樣一方面能使你做出來的動態(tài)圖形設計更符合大眾審美,另一方面也確保能讓自己學習到最新的動態(tài)圖形設計的敘事、銜接、運動形式。
3. 分析競品視覺、動畫風格往單色方向做出差異化形成記憶點
在進行設計定位前,我們分析了市場上比較熱門的答題類產品的視覺和動畫,發(fā)現(xiàn)都是使用多彩+立體的設計,看起來比較娛樂化。
而我們希望從中做出差異化,為什么要做差異化?當然是希望用戶能夠在眾多直播答題中記住我們。
從品牌傳播角度來講
從視覺傳達角度來講
從用戶使用角度來講
4. 圍繞信息層百萬、腦力、時代和表現(xiàn)層娛樂元素純粹、抽象平面進行構思
圍繞剛提取的百萬、腦力、時代,用發(fā)散思維去把主題重點分解成元素,這些各種各樣的元素就像樂高積木,我們進行設計構思的時候能把樂高積木拼成一個完整的玩具,并且確保這個玩具在表達我們的主題,讓我們走在正確路上。接下來就是拼樂高積木的時候了!這個過程你可能會有一些好想法、壞想法,需要重復組合、排序來獲得你最終滿意的設計方案。
緊接著把故事、演繹過程串聯(lián)起來,形成一個完整動態(tài)圖形設計。這能讓我們更清晰的認識到自己所做的動態(tài)圖形所傳達的意思,同時跟產品/開發(fā)/運營/設計人員溝通能更完整的傳達整個動態(tài)圖形設計背后的故事和設計,增加說服力和吸引力。