講在課程之前-生活中充滿著動態設計,你/妳看得懂嗎?
動態設計 Mothion Graphic,在每天的生活中其實舉目可見,舉凡等待紅綠燈過程中的小綠人,到品牌廣告案中的動畫,都是動態設計的範疇,對大家來說,應該不會太陌生。不過,你知道如何看懂一支動畫嗎?當我們在觀看動畫時,是否思考過什麼叫做「好的動畫設計安排」呢?為什麼這支動畫裡面,要安排這樣的節奏或是元素呢?
本堂課程請到動態設計業界中,實戰經驗豐富,累積相當多精彩案例,同時也身為 Motioner 二棲知學共同創辦人、二棲設計動畫總監的-柏尹,來為我們帶來一堂短小精彩的動畫入門鑑賞學!
單元一|認識動態設計
動態設計:Mothion Graphic,是什麼樣的概念呢?大家對於動態的認識大多來自動態影像,舉凡動畫以及各種精彩的形象影片,都是動態設計的範疇。動態設計可說是大家日常生活的一部份了,在這個開啟課程篇章的首部曲,我們將帶你認識動態設計,介紹動態可以應用的媒介!
💛 動態的載體豐富多樣,可以被無限延伸、有最多元的應用,動態可說是最貼近生活的一個專業領域。單元二|認識動態的基本法則
動態設計中,最基本且必要的元素,即是「動態感」,在這個單元,柏尹將透過簡單的小遊戲,讓你我體會動態感的發生過程,並透過三種感官:視覺、聽覺、觸覺,來感受動態設計的發想過程!
✨ 動態感可說是身為動態設計師最寶貴的技能了!何不如來練習一下,在日常生活中的各種物件,透過觸覺、聽覺、視覺感受一下如果他們真的動起來,會是什麼樣子呢?單元三|動態的關鍵字影響力
這是一個相當有趣的小單元!在認識動態感後,柏尹會帶著你更進一步地感受動畫設計裡的氛圍打造,那就是動態的情緒。大家或許會好奇,動態也有情緒嗎?
動態設計也很重視表演,好的表演才能傳達正確的情緒感受,在這個單元裡,柏尹會帶你認識動態的各種情緒展演,包括快樂、喜悅、激動或是惆悵等情緒,在動態設計的表現中,都有不同的呈現方式!同時,柏尹也會舉出精彩的實際案例作為示範,讓你我更可以理解,在設定品牌動畫時,動效情緒掌握的拿捏!
情緒球的動態展現:

全運會精彩、活力、激昂的動畫情緒

💛 僅僅一小段動畫表演,都要包含合理的動態感、還要用情緒來包裝,才能有效地傳達我們要講的內容。現在大家在看各種動態、或影像作品時,是不是更能感受到畫面設計、安排的原因呢?單元四|動態技巧示範與說明
接下來,課程要進入進階一點的動態技巧示範了。在了解動態感與動態情緒後,柏尹將會透過「調味」與「擺盤」兩個步驟,和大家分享為動態「增加裝飾」以及「排版技巧」。在動態設計中,會使用「線段生長」、「彈出小元素」,或對「文字本身做一些拉扯、變形」來「增加裝飾」。也會透過三個要點:資訊清楚、不要重疊、時間錯開,來對畫面做些合適的排版。
✨ 動態設計中,不同的表現方式相當多,透過以上的解說與示範,是不是讓大家更了解設計的脈絡呢?接下來,我們要透過幾個相當精彩的案例,讓大家更了解品牌動態的設計想法喔!單元五|經典動畫案例分析
在這個章節,柏尹將介紹幾個精彩的動畫案例,示範動態設計中三個廣泛被使用的設計效果:「數位感」、「手作感」與「降低格率」。
精彩案例示範:文博會,透過雜訊感、霓虹以及閃爍外框,製造數位感

- 數位感:大量的閃爍、光線刺激、四散的線條。
精彩案例示範:Hahow 課程接案學,透過筆觸的抖動設計,減少畫面銳利的向量感覺,呈現如蠟筆般的質感

- 手作感:添加材質,透過增加一些紙張、筆跡的跳動動態;筆觸的抖動感
- 降低格率:業界俗稱的「抽格」,動態設計師會刻意把影片的格數降低來增加手作感
💛 透過這五個單元,是不是更能夠了解動態設計的原理呢?從「認識動態設計」、到「體會動態感」以及「動態的情緒表演」,接著進階到「動態設計師的製作技巧」,最後在從經典的案例分析,了解「不同風格的動態表演」,你我心中應該對於觀看動態有更新的體悟吧!單元六|用 Keynote 上手簡易動態
課程的最後,柏尹將用 keynote 示範簡單的動畫設計!如果你想讓平常的簡報添加點新意,keynote 是可以發揮創意的好工具。
✨ 不論你是不是專業的動態設計師,了解動態設計,相信在觀看動畫時,將能更理解設計的脈絡以及如何與品牌呼應。希望在最後一個單元會透過 keynote,讓大家輕鬆嘗試創作動態的樂趣! 老師是誰呢?陳柏尹 Bruce
柏尹 Bruce:臉書
Motioner 二棲知學:臉書、官網
常見 Q&A
學完這堂課程,如果想要進行更多學習的話可以怎麼做呢?
- 短短 30 分鐘的課程,可能較難滿足大家的求知慾,所以大家看完這堂課,如果勾起了更多關於動態設計的興趣之後,可以延伸至 Hahow 平台或是柏尹所創立的 Motioner 二棲知學,學習更多動態設計課程。
- 如果你對於自由接案有興趣,也歡迎至柏尹於 Hahow 所開設的課程:《設計師接案學-業界求生必備守則》,上手更多接案技巧!
有關回覆與作業問題?
- 本次期望可透過輕鬆觀看的方式,分享動態設計的小知識,故並無特別設計作業機制,不過歡迎大家留下觀看心得於作業區
- 因此本次課程並無老師回覆機制,不過歡迎大家於討論區討論、交流喔!
