🚨週年慶最後兩日🚨\\全站 83 折券狂撒// 再領 $1099🔥 最後加碼只到 23:59❗️
天
時
分
⏰ 48hr 倒數中
登入/註冊
動態設計思維,柏尹帶你培養品牌動畫鑑賞力
0 seconds of 0 secondsVolume 0%
Press shift question mark to access a list of keyboard shortcuts
鍵盤快捷鍵
播放/暫停空白鍵
音量增加↑
音量減少↓
快進 5 秒→
倒退 5 秒←
開啟/關閉字幕c
全螢幕/離開全螢幕f
靜音/取消靜音m
Decrease Caption Size-
Increase Caption Size+ or =
跳轉至%0-9
00:00
00:00
01:23
 
Today at Apple

動態設計思維,柏尹帶你培養品牌動畫鑑賞力

在這次的課程中,柏尹會用最簡單好懂的方式,帶你了解如何品味動態設計。動態設計是一門專業技術,課程中會透過小遊戲,幫大家開啟「動態感」,並且深入感受動態中的情緒和表演,再呈現講師精彩的作品,示範動態設計師的獨門創作技巧。課程中也會示範用 Keynote,示範如何添加合適的動畫效果,帶你我體驗創作樂趣。
查看更多
經典課程
Hahow AI 學習升級
評價優於前 10% 課程
5.0
(590)

關於課程

課程包含

包含 1 章 6 單元、1 項作業

課程時長

0 時 23 分鐘

課程總人數

10850 位同學

觀看限制

不限觀看次數,還會附贈完課證書

學習升級

Hahow AI 學習助教
無需額外付費
即時問答、重點整理、測驗理解,讓知識派上用場

課程內容

「好創意好生意」主視覺,中央呈現 Today at Apple、Apple 標誌與 hahow 標誌,周圍拼貼多位創作者、彩色光線、霓虹影像及手勢插畫,營造創意與科技交流的視覺氛圍。

入手專家心法,讓品牌創意變身:從動畫創作到品牌元素設計,涵蓋品牌形象動畫與品牌風格插畫,分享實戰經驗、業界案例及好上手的創作技巧。

「課程單元」標題置於奶油色雲朵造型背景中央,左右搭配麥克風、播放按鈕、井字號與手指點選圖示,作為課程內容段落的視覺標題。

講在課程之前-生活中充滿著動態設計,你/妳看得懂嗎?

動態設計 Mothion Graphic,在每天的生活中其實舉目可見,舉凡等待紅綠燈過程中的小綠人,到品牌廣告案中的動畫,都是動態設計的範疇,對大家來說,應該不會太陌生。不過,你知道如何看懂一支動畫嗎?當我們在觀看動畫時,是否思考過什麼叫做「好的動畫設計安排」呢?為什麼這支動畫裡面,要安排這樣的節奏或是元素呢?

本堂課程請到動態設計業界中,實戰經驗豐富,累積相當多精彩案例,同時也身為 Motioner 二棲知學共同創辦人、二棲設計動畫總監的-柏尹,來為我們帶來一堂短小精彩的動畫入門鑑賞學!

單元二|認識動態設計,標題置於米白色圓角橫幅中央,左右兩側各有黑色線條愛心裝飾。

單元一|認識動態設計

動態設計:Mothion Graphic,是什麼樣的概念呢?大家對於動態的認識大多來自動態影像,舉凡動畫以及各種精彩的形象影片,都是動態設計的範疇。動態設計可說是大家日常生活的一部份了,在這個開啟課程篇章的首部曲,我們將帶你認識動態設計,介紹動態可以應用的媒介!

動態設計的應用場景包括電視、電影、節目與戲劇,也涵蓋舞台、典禮、活動,以及互動網頁與 APP 等數位媒體形式。

💛 動態的載體豐富多樣,可以被無限延伸、有最多元的應用,動態可說是最貼近生活的一個專業領域。

單元二「認識動態的基本法則」的章節標題頁,米白背景左右各有一個黑色線條愛心裝飾。

單元二|認識動態的基本法則

動態設計中,最基本且必要的元素,即是「動態感」,在這個單元,柏尹將透過簡單的小遊戲,讓你我體會動態感的發生過程,並透過三種感官:視覺、聽覺、觸覺,來感受動態設計的發想過程!

標題「與動感感有關的三種體驗」,以眼睛、耳朵與手部意象呈現三種感官:視覺、聽覺與觸覺。

✨ 動態感可說是身為動態設計師最寶貴的技能了!何不如來練習一下,在日常生活中的各種物件,透過觸覺、聽覺、視覺感受一下如果他們真的動起來,會是什麼樣子呢?

單元三「動態的關鍵字影響力」以米白色圓角橫幅呈現,左右各有線條愛心裝飾,作為課程單元標題視覺。

單元三|動態的關鍵字影響力

這是一個相當有趣的小單元!在認識動態感後,柏尹會帶著你更進一步地感受動畫設計裡的氛圍打造,那就是動態的情緒。大家或許會好奇,動態也有情緒嗎?

動態設計也很重視表演,好的表演才能傳達正確的情緒感受,在這個單元裡,柏尹會帶你認識動態的各種情緒展演,包括快樂、喜悅、激動或是惆悵等情緒,在動態設計的表現中,都有不同的呈現方式!同時,柏尹也會舉出精彩的實際案例作為示範,讓你我更可以理解,在設定品牌動畫時,動效情緒掌握的拿捏!

情緒球的動態展現:

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

💛 僅僅一小段動畫表演,都要包含合理的動態感、還要用情緒來包裝,才能有效地傳達我們要講的內容。現在大家在看各種動態、或影像作品時,是不是更能感受到畫面設計、安排的原因呢?

單元四「動態技巧示範與說明」標題橫幅,米白色圓角背景兩側各有愛心線稿裝飾。

單元四|動態技巧示範與說明

接下來,課程要進入進階一點的動態技巧示範了。在了解動態感與動態情緒後,柏尹將會透過「調味」與「擺盤」兩個步驟,和大家分享為動態「增加裝飾」以及「排版技巧」。在動態設計中,會使用「線段生長」、「彈出小元素」,或對「文字本身做一些拉扯、變形」來「增加裝飾」。也會透過三個要點:資訊清楚、不要重疊、時間錯開,來對畫面做些合適的排版。

動態畫面排版技巧包含兩大方向:增加裝飾時運用線段生長、彈出小元素,以及讓文字本身做一些拉扯、變形;排版則強調資訊清楚、不要重疊,並將動畫時間錯開。

✨ 動態設計中,不同的表現方式相當多,透過以上的解說與示範,是不是讓大家更了解設計的脈絡呢?接下來,我們要透過幾個相當精彩的案例,讓大家更了解品牌動態的設計想法喔!

單元五|經典動畫案例分析,以黑色粗體字置於米白色圓角橫幅中央,左右各有一個愛心線條裝飾。

單元五|經典動畫案例分析

在這個章節,柏尹將介紹幾個精彩的動畫案例,示範動態設計中三個廣泛被使用的設計效果:「數位感」、「手作感」與「降低格率」。

精彩案例示範:文博會,透過雜訊感、霓虹以及閃爍外框,製造數位感

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

  • 手作感:添加材質,透過增加一些紙張、筆跡的跳動動態;筆觸的抖動感
  • 降低格率:業界俗稱的「抽格」,動態設計師會刻意把影片的格數降低來增加手作感
💛 透過這五個單元,是不是更能夠了解動態設計的原理呢?從「認識動態設計」、到「體會動態感」以及「動態的情緒表演」,接著進階到「動態設計師的製作技巧」,最後在從經典的案例分析,了解「不同風格的動態表演」,你我心中應該對於觀看動態有更新的體悟吧!

單元六主題為「用 Keynote 上手簡易動態」,標題以黑色粗體分成兩行呈現,置於米白色圓角框中,左右兩側各有愛心線稿裝飾。

單元六|用 Keynote 上手簡易動態

課程的最後,柏尹將用 keynote 示範簡單的動畫設計!如果你想讓平常的簡報添加點新意,keynote 是可以發揮創意的好工具。

動作編輯介面示意:畫布中央呈現會搖動的鬧鐘與花朵,右側面板顯示「動作」與「搖動」設定,並可透過滑桿調整參數、預覽效果及排列構件順序。

✨ 不論你是不是專業的動態設計師,了解動態設計,相信在觀看動畫時,將能更理解設計的脈絡以及如何與品牌呼應。希望在最後一個單元會透過 keynote,讓大家輕鬆嘗試創作動態的樂趣! 

「講師介紹」章節標題置於米白色雲朵形背景中央,周圍搭配麥克風、星星、抽象線條與手勢插畫,呈現講師資訊段落的視覺開場。

老師是誰呢?陳柏尹 Bruce

講師陳柏尹 Bruce 為 Motioner、二樓知學共同創辦人及二樓設計動畫總監,參與過五屆金曲獎、國慶日等知名專案的視覺動態設計,致力讓動態設計成為台灣核心軟實力。

柏尹 Bruce:臉書

Motioner 二棲知學:臉書、官網

常見 Q&A

學完這堂課程,如果想要進行更多學習的話可以怎麼做呢?
  • 短短 30 分鐘的課程,可能較難滿足大家的求知慾,所以大家看完這堂課,如果勾起了更多關於動態設計的興趣之後,可以延伸至 Hahow 平台或是柏尹所創立的 Motioner 二棲知學,學習更多動態設計課程。
  • 如果你對於自由接案有興趣,也歡迎至柏尹於 Hahow 所開設的課程:《設計師接案學-業界求生必備守則》,上手更多接案技巧!
有關回覆與作業問題?
  • 本次期望可透過輕鬆觀看的方式,分享動態設計的小知識,故並無特別設計作業機制,不過歡迎大家留下觀看心得於作業區
  • 因此本次課程並無老師回覆機制,不過歡迎大家於討論區討論、交流喔!
哪些人適合這堂課?
對於動態設計有工作需求的族群,以及純粹想了解動態設計編排的大眾
你可以學到
可以更能理解動態設計的製作心法過程,並看得懂動畫的組成因素!
上課前的準備
需要準備的工具 / 軟體(若購買課程前不清楚版本是否支援,請先留言與老師確認。)
你可以準備一台可以觀看影片的電腦,以及培養想要了解動畫的心情~ 如果你想要操作老師於課程中的示範,也建議可以使用 Keynote 作為練習工具!
需要具備的背景知識
無,適合任何對於動態設計有興趣的族群
單元一覽
1 章 6 單元|總時長 23 分鐘
全部收合
1
動態設計思維,柏尹帶你培養品牌動畫鑑賞力
影片單元
單元 1 - 認識動態設計
影片單元
單元 2 - 認識動態的基本法則
03:48
影片單元
單元 3 - 動態的關鍵字影響力
05:37
影片單元
單元 4 - 動態技巧示範與說明
03:14
影片單元
單元 5 - 經典動畫案例分析
04:25
影片單元
單元 6 - 用 Keynote 上手簡易動態
04:57
作業單元
作業 1 - 請寫下你的課後心得吧!
查看作業
試看單元
播放試看影片
章節 1 - 動態設計思維,柏尹帶你培養品牌動畫鑑賞力
單元 1 - 認識動態設計
試看影片
01:43
課程評價
5.0
/ 5.0
590 則評價
李士展2026-01-28
動感世界
參與「動態設計思維,柏尹帶你培養品牌動畫鑑賞力」這門課,最有價值的收穫,是我重新建立了對動態設計的基礎理解與鑑賞框架。過去談到動態設計,常容易把焦點放在軟體技術或炫目的效果,但這堂課讓我更清楚知道,真正的動態設計是以「清楚的訊息表達」為核心,透過節奏、速度、轉場與視覺重心的安排,讓品牌的氣質與內容更精準地被觀眾感受到。 我想特別感謝老師的一點,是老師教會了最簡單、最關鍵的動態設計基礎,並且用非常容易理解的方式,把抽象的動態感拆解成可觀察、可練習的要素。這種教學方式對我非常有幫助,因為它不是讓學員追求複雜技巧,而是先把底層原理講清楚,讓人知道動態設計的本質是節奏與邏輯,而不是特效堆疊。當基礎扎實,後續不論使用哪一種工具,都能做出更有質感、更有說服力的動態表達。 另外,這堂課最打動我的,是老師把「生活的靈感」與「動感」真正帶入動態設計作品之中。老師不只示範動態如何做,更示範動態應該從哪裡來。生活中的走路節奏、呼吸停頓、視線移動、物件慣性、甚至一句話的語氣轉折,都可以成為動態設計的來源。當我開始用這種方式觀察日常,就會發現動態不是額外加上的裝飾,而是一種把生活感轉譯成視覺語言的能力。這也讓我在鑑賞品牌動畫時,不再只看表面好不好看,而能更深入判斷它是否有節奏、是否有情緒、是否符合品牌性格,以及是否讓訊息更容易被理解與記住。
查看更多
卡粢2022-01-20
在動態設計的前提,堤出很讓人理解的說法,引領我們進入動態設計的世界!
【在設計前,設定情緒】 課程開啟了我對動態設計的認識,其中最讓我印象深刻的地方是「情緒」,我是一位平面設計師,覺得這個觀念也可以用在平面設計,為即將要設計的作品,訂下兩三個情緒名詞,有助於聚焦設計,不會做著做著覺得「誒這樣好像也不錯」就有點偏離原先的風格。 【動態設計,利用動態解決問題】 其二,好喜歡老師的作品啊~充滿創造力,也很有趣!更增加我對動態設計的興趣!也顛覆我對動態設計只是「會動的設計動畫」或「就MG阿」這種很表面的想法。讓我更加明白動態的產生,也是為了解決平面無法解決的問題。
查看更多
溫品妍2021-12-01
簡短單元帶出核心觀念
覺得有收穫之處: 1. 一秒小遊戲:精準抓到一秒的動態感(聽覺、視覺、觸覺) 2. 情緒觀念:好的表演才能傳達正確的感受(情緒關鍵字)例如:紅綠燈小綠人 3. 作品要點:資訊清楚(一秒閱讀四個字)+不要重疊(元素獨立不互相干擾)+時間錯開(時間差帶來的韻律感) 舉例: 數位感:俐落、刺激、閃爍、雜訊感、四散線條、掃描線與感光元件、外框與霓虹燈管 手作感:添加材質、紙張、筆跡、跳動感、筆觸抖動、減少向量感、溫暖貼近人心、抽格
查看更多
吳藝璐2022-01-14
動態感受來自生活經驗,好的動態設計才能傳達正確的意思及情緒感受!
在資訊爆炸的年代,動態設計已經是我們生活的一部分,好的動態設計才能傳達正確的意思及情緒感受,適當的裝飾及排版會讓畫面更加豐富及增加說服力,謝謝柏尹老師提供這麼精彩的動態設計入門鑑賞學! 也謝謝Today at Apple提供的免費課程,短短的30分鐘也讓人受益良多!非常推薦大家加入課程!
查看更多
googi2023-01-22
動態設計思維,柏尹帶你培養品牌動畫鑑賞力
這堂課簡易的帶領了解動態設計,能有初步概念,覺得棒棒的! 透過老師講解動態設計的基本概念, 還有一步一步操作及說明選擇的動態設計想法, 會讓設計時更有具體的了解。 但,因背景音樂過大, 聽課時會有些吃力, 幸好還有字幕可以看, 想專心聽講時, 反而把聲音關掉, 看字幕效果更好。
查看更多

意猶未盡嗎?

關於講師

Today at Apple
6堂課程
0篇文章
119,301位學生
Today at Apple 是由 Apple 精心設計的免費課程,透過攝影、藝術與設計、影片、編碼、音樂和其他各種主題的實作活動來激發每個人的創造力,致力於和 Apple 的培訓師以及在地的專業創意人一起運用 iPhone、iPad 和 Mac 實現更多可能,解鎖自己的創意潛能。
前往講師頁面
精選學生作業

購課前問答

日期最新
日期最新
日期最舊
愛心數
張文澤
2021-11-01
🤤🤤
回覆
我也想問
david bekcham
2021-10-31
實作
回覆
我也想問
Kelly Hsieh
2021-10-27
如何簡單做出有質感的動態設計
回覆
我也想問
Yi Hua Chen
2021-10-25
😁👍🏻
回覆
我也想問
Bao Sherry
2021-10-17
動態設計的技巧示範與說明
回覆
我也想問
購買單堂課

免費
有什麼優惠可以用?
小蛙幫你找最佳優惠
登入看看 有什麼優惠用

相關標籤