你想將所在地區設為 美國 並顯示 繁體中文 嗎?
更新設定關閉
關閉
登入/註冊
動態設計全方位![設計篇] 設計竅門一次搞懂
0 seconds of 1 minute, 39 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:39
 
二棲知學 Motioner

動態設計全方位![設計篇] 設計竅門一次搞懂

幫你不只實戰技巧大提升,更具備良好觀念懂得如何應用技巧,進而準確理解客戶需求,省去摸索和改稿的時間,讓你設計更有效率!
Hahow AI 學習升級
21.9 k 的人也在觀看
5.0
(7)

關於課程

課程包含

包含 8 章 42 單元、2 項作業

課程時長

3 時 46 分鐘

課程總人數

247 位同學

觀看限制

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

學習升級

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

最新消息

課程內容

Hahow × 二棲知學字樣置於藍綠黃粉色漸層圓角橫幅中央,搭配星星與手繪曲線裝飾,呈現合作品牌的視覺識別。

Hahow X Motioner 二棲知學 從入門到專業,帶你探索動態設計的方方面面

Hahow 與 Motioner 二棲知學 合作,推出一系列動態設計課程,從技術、實戰、心法等方面著手,讓無論是初進領域,或在業界打滾多年的你,都能找到讓專業能力更上一層樓的選擇。

學長姐好評推薦

學員評價包含:00014831 表示期待更多精彩內容,原本完全沒學過美術概念,也發現許多細節需要注意;00006299 認為課程能導正設計習慣、拆解專案並找到解決辦法;姚有容則表示值得多看幾次消化。

【動態設計全方位】系列課程

從文字腳本到完成影片的全方位實戰教學

兩位講師聯手打造動畫完整流程:文字腳本 Script、概念企劃 Concept、分鏡腳本 Storyboard、風格設定 Styleframe,逐步完成設計、動態製作、影音整合 Composing、影片初稿 Acopy與影片完成 Bcopy;設計篇林昱軒、動畫篇林思翰。

[設計篇] 課程介紹

動態設計常見困境:看過許多教學仍難以執行想法、對 Motion Graphics 畫面或腳本毫無頭緒、拖到截稿前才開始,設計反覆修改,也難與客戶溝通取得共識。

動態設計完整流程課程,涵蓋腳本概念企劃、分鏡腳本思考、視覺設計執行,以及進動畫前的收尾,學習需求定義、鏡位安排、版面編排、色彩運用與流程優化。

▶️ 若還不知道什麼是動態設計,推薦你先去看免費課【Motion Graphics 新手村|Ai + Ps 超實用攻略】

課程特色

課程特色包含系統性完整教學、設計師經驗傳授與設計素材直接送,涵蓋設計思考、二度設計工作流程及專案分析,並提供募資影片中的 AI 原始設計檔供練習。

深色顆粒質感背景搭配米白與黃色幾何色塊,中央文字寫著「推薦這樣的你,一起來上課吧!」,作為課程頁面的邀請橫幅。

❶ 設計相關科系學生,想預先培養業界所需能力

❷ 目前為其他設計領域(如平面設計)工作者,想要轉往動態設計

❸ 踏入業界一陣子的動態設計師或 Freelancer,感覺能力停滯不前

❹ 目前為動態設計師,想更進一步往導演方向發展

❺ 目前為動畫師,想要了解前端的設計思維與工作流程

單元規劃

章節 1 - 動態設計流程 - 一步步規劃出你的工作流程!

▶ 單元 1 - 課程介紹

▶ 單元 2 - 製作流程的重要性 - 一步錯,步步錯

▶ 單元 3 - 流程分工與實例 - 別把自己搞成小七店員

章節 2 - 文字腳本的思考 - 三步掌握秒懂的資訊傳遞

▶ 單元 1 - 腳本定位三步驟:了解/發想/判斷

▶ 單元 2 - 了解:需求定義的⽅方法 - 第⼀步就定⽣死

▶ 單元 3 - 發想:創意管理的方法 - 靈感別再用等的

▶ 單元 4 - 判斷:解構轉化的⽅法 - 讓創意順利升空

▶ 單元 5 - 專案解析 - 燒腦了?來看看實際範例!

▶ 單元 6 - 進階思考 - 高手這邊坐

章節 3 - 分鏡腳本的規劃 - 四大屬性,一眼看穿鏡頭語言!

▶ 單元 1 - 分鏡腳本格式 - 讀懂腳本的欄位與意義

▶ 單元 2 - 畫面敘事的安排 - 如何處理字字珠璣

📋 作業 1 - 如何處理字字珠璣

▶ 單元 3 - 鏡位場景的組合 - 不再丟給動畫師燙⼿山芋

▶ 單元 4 - 故事畫⾯的建構 - 五大構圖屬性的心法

▶ 單元 5 - 技巧應用的組合 - 看穿鏡頭語言的組合技

▶ 單元 6 - 專案解析 - 燒腦了?來看看實際範例!

▶ 單元 7 - 進階思考 - 高手這邊坐

章節 4 - 設計腳本的文字設計 - 看緊文字眉角,打好設計的⾺步!

▶ 單元 1 - 字體的概念與種類 - 沒有爛字型,只有用錯地方的字型

▶ 單元 2 - 字體的設計與應用 - 如何讓字對味有感覺

▶ 單元 3 - 專案解析 - ⽂字工具撇步

▶ 單元 4 - 進階思考 - ⾼手這邊坐

章節 5 - 設計腳本的版面編排 - 第⼀印象最重要,熟知畫⾯編排的潛規則!

▶ 單元 1 - 編排的概念與⼤忌 - 做稿前先掃雷!不然怎麼死的都不知

▶ 單元 2 - 版型的概念與營造 - 距離產生美感,如何讓畫面有「氣質」?

▶ 單元 3 - 專案解析 - 編排⼯具撇步

▶ 單元 4 - 進階思考 - ⾼⼿這邊坐

章節 6 - 設計腳本的色彩運⽤ - 讀懂⾊盤,讓配色⼀鍵鍾情!

▶ 單元 1 - 配色的基本觀念 - 讀懂⾊彩,釐清⾊盤

▶ 單元 2 - 色彩三屬性的調色法 - 不出錯的簡單調色法

▶ 單元 3 - ⾊彩調和的調色法 - 一鍵配色,不怕客戶換!

▶ 單元 4 - 混合模式的調⾊法 - 動畫師的魔鬼,色彩中的細節

▶ 單元 5 - 進階思考 - ⾼⼿這邊坐

章節 7 - 設計腳本的畫⾯組成 - 掌握關鍵五大原則,百搭組合、無戰不勝

▶ 單元 1 - 建構畫面的基本概念 - 養成做稿好習慣

▶ 單元 2 - 五大原則的畫⾯判讀 - 有關係就沒關係

▶ 單元 3 - 「比例與平衡」的⼯具與實例

▶ 單元 4 - 「層次與漸變」的工具與實例

▶ 單元 5 - 「對稱與對比」的工具與實例

▶ 單元 6 - 「規律與規則」的⼯具與實例

▶ 單元 7 - 「統調與調和」的工具與實例

▶ 單元 8 - 系統拆解、組合、收攏

📋 作業 1 - Styleframe 動起來

章節 8 - 進入動態的關鍵收尾 - 不當邊緣人,讓導演、動畫師都喜歡跟你合作!

單元 1 - 進動態前的基礎法則

單元 2 - 做稿觀念的釐清

單元 3 - 工作流程更進一步的優化

單元 4 - 專案解析 - 案例帶入

單元 5 - 學太多了 hen 累?整理重點幫你複習一次

課程特色聚焦初學者踏入設計業界:打好文字、編排、色彩與構圖基礎,學習提升做稿效率的技巧、設計思考、分鏡與客戶溝通,掌握完整工作流程,兼具實戰與理論。

講師林呈軒為二樓設計導演,參與第29屆、25屆金曲獎、中華職棒明星賽、世大運、A+創意季及連續4屆台北設計獎等視覺、廣告與動畫製作;Illustrator、Photoshop使用經驗長達9年,並曾受邀擔任講師。

講師作品

深灰色膠片顆粒質感背景中央,以米白色大字標示「SHOWREEL」,周圍搭配黃色幾何框線與色塊,呈現影像作品集展示的視覺標題。

常見問答集

為什麼老師有時會提到這堂是 Yotta 的課程呢?
  • 本課程最初和 YOTTA 合作開設,因此單元中有提到部分當初合作時的設計。對 Hahow 的同學來說並不影響學習和相關權益喔!
我的作業要上傳到哪裡呢?
  • 在購買課程後,就可以在 Hahow 的「作業成果」區,選擇要上傳繳交哪一份作業。
老師會來批改我的作業嗎?
  • 老師將 2-3 週 批改一次作業。
老師會回覆我的問題嗎?
  • 若同學有問題,都可以在購買課程後,至「問題討論」區發問。
  • 老師將 2-3 週 回覆一次問題。

深灰色斑駁質感背景的段落標題,中央以米白色字樣寫著「課程專屬社團」,周圍搭配黃色線框與幾何色塊裝飾。

一起加入課程專屬《Motioner VIP 交流社團》
當你購買《動態設計全方位![設計篇] 設計竅門一次搞懂》這門課程後
你就能加入替《動態設計全面實戰》系列課程所設立的專屬社團

社團加入方式,請於購課後於「課程公告」中查看

本課程中的影片僅供教學說明使用,若有任何著作權相關疑慮,請務必來信告知,我們會儘速處理,謝謝!

哪些人適合這堂課?
🔸 設計相關科系學生,想預先培養業界所需能力 🔸 目前為其他設計領域(如平面設計)工作者,想要轉往動態設計 🔸 踏入業界一陣子的動態設計師或 Freelancer,感覺能力停滯不前 🔸 目前為動態設計師,想更進一步往導演方向發展 🔸 目前為動畫師,想要了解前端的設計思維與工作流程
你可以學到
1. 文字、編排、色彩、構圖,所有設計基礎一次打好 2. 整理高手常用設計小技巧,讓你做稿更有效率 3. 懂得設計思考,讓技巧運用別出心裁不匠氣 4. 有方法的讓創意順利升空,腳本靈感不卡關 5. 創造精準的分鏡,幫助與客戶溝通更順利 6. 了解業界完整的工作流程和方式,實戰理論一起兼具
上課前的準備
需要準備的工具 / 軟體(若購買課程前不清楚版本是否支援,請先留言與老師確認。)
本課程主要使用 illustrator 進行教學;在 Adobe 網站可以下載免費試用版七天,歡迎大家下載來上課。
需要具備的背景知識
本課程適合知道動態設計是什麼,也具備 illustrator 軟體操作基礎的同學。 若想了解什麼是動態設計,或更熟悉軟體使用,推薦你先去看免費課【Motion Graphics 新手村|Ai + Ps 超實用攻略】
單元一覽
8 章 42 單元|總時長 226 分鐘
全部展開
1
動態設計流程 - 一步步規劃出你的工作流程!
影片單元
單元 1 - 課程介紹
影片單元
單元 2 - 製作流程的重要性 - 一步錯,步步錯
02:51
影片單元
單元 3 - 流程分工與實例 - 別把自己搞成小七店員
05:33
2
文字腳本的思考 - 三步掌握秒懂的資訊傳遞
影片單元
單元 1 - 腳本定位三步驟:了解/發想/判斷
01:13
影片單元
單元 2 - 了解:需求定義的⽅方法 - 第⼀步就定⽣死
06:20
影片單元
單元 3 - 發想:創意管理的方法 - 靈感別再用等的
02:33
影片單元
單元 4 - 判斷:解構轉化的⽅法 - 讓創意順利升空
04:43
影片單元
單元 5 - 專案解析 - 燒腦了?來看看實際範例!
04:48
影片單元
單元 6 - 進階思考 - 高手這邊坐
05:48
3
分鏡腳本的規劃 - 四大屬性,一眼看穿鏡頭語言!
影片單元
單元 1 - 分鏡腳本格式 - 讀懂腳本的欄位與意義
02:45
影片單元
單元 2 - 畫面敘事的安排 - 如何處理字字珠璣
05:53
作業單元
作業 1 - 如何處理字字珠璣
查看作業
影片單元
單元 3 - 鏡位場景的組合 - 不再丟給動畫師燙⼿山芋
07:03
影片單元
單元 4 - 故事畫⾯的建構 - 五大構圖屬性的心法
06:38
影片單元
單元 5 - 技巧應用的組合 - 看穿鏡頭語言的組合技
06:26
影片單元
單元 6 - 專案解析 - 燒腦了?來看看實際範例!
08:10
影片單元
單元 7 - 進階思考 - 高手這邊坐
03:27
4
設計腳本的文字設計 - 看緊文字眉角,打好設計的⾺步!
影片單元
單元 1 - 字體的概念與種類 - 沒有爛字型,只有用錯地方的字型
14:19
影片單元
單元 2 - 字體的設計與應用 - 如何讓字對味有感覺
08:17
影片單元
單元 3 - 專案解析 - ⽂字工具撇步
影片單元
單元 4 - 進階思考 - ⾼手這邊坐
02:23
5
設計腳本的版面編排 - 第⼀印象最重要,熟知畫⾯編排的潛規則!
影片單元
單元 1 - 編排的概念與⼤忌 - 做稿前先掃雷!不然怎麼死的都不知
08:39
影片單元
單元 2 - 版型的概念與營造 - 距離產生美感,如何讓畫面有「氣質」?
10:14
影片單元
單元 3 - 專案解析 - 編排⼯具撇步
08:04
影片單元
單元 4 - 進階思考 - ⾼⼿這邊坐
6
設計腳本的色彩運⽤ - 讀懂⾊盤,讓配色⼀鍵鍾情!
影片單元
單元 1 - 配色的基本觀念 - 讀懂⾊彩,釐清⾊盤
05:38
影片單元
單元 2 - 色彩三屬性的調色法 - 不出錯的簡單調色法
影片單元
單元 3 - ⾊彩調和的調色法 - 一鍵配色,不怕客戶換!
影片單元
單元 4 - 混合模式的調⾊法 - 動畫師的魔鬼,色彩中的細節
04:36
影片單元
單元 5 - 進階思考 - ⾼⼿這邊坐
04:26
7
設計腳本的畫⾯組成 - 掌握關鍵五大原則,百搭組合、無戰不勝
影片單元
單元 1 - 建構畫面的基本概念 - 養成做稿好習慣
07:37
影片單元
單元 2 - 五大原則的畫⾯判讀 - 有關係就沒關係
04:38
影片單元
單元 3 - 「比例與平衡」的⼯具與實例
05:55
影片單元
單元 4 - 「層次與漸變」的工具與實例
05:04
影片單元
單元 5 - 「對稱與對比」的工具與實例
04:04
影片單元
單元 6 - 「規律與規則」的⼯具與實例
03:33
影片單元
單元 7 - 「統調與調和」的工具與實例
03:36
影片單元
單元 8 - 系統拆解、組合、收攏
02:01
作業單元
作業 1 - Styleframe 動起來
查看作業
8
進入動態的關鍵收尾 - 不當邊緣人,讓導演、動畫師都喜歡跟你合作!
影片單元
單元 1 - 進動態前的基礎法則
05:56
影片單元
單元 2 - 做稿觀念的釐清
03:15
影片單元
單元 3 - 工作流程更進一步的優化
05:07
影片單元
單元 4 - 專案解析 - 案例帶入
01:36
影片單元
單元 5 - 學太多了 hen 累?整理重點幫你複習一次
01:26
試看單元
播放試看影片
章節 1 - 動態設計流程 - 一步步規劃出你的工作流程!
單元 1 - 課程介紹
試看影片
02:18
播放試看影片
章節 4 - 設計腳本的文字設計 - 看緊文字眉角,打好設計的⾺步!
單元 3 - 專案解析 - ⽂字工具撇步
試看影片
10:25
播放試看影片
章節 5 - 設計腳本的版面編排 - 第⼀印象最重要,熟知畫⾯編排的潛規則!
單元 4 - 進階思考 - ⾼⼿這邊坐
試看影片
10:53
播放試看影片
章節 6 - 設計腳本的色彩運⽤ - 讀懂⾊盤,讓配色⼀鍵鍾情!
單元 2 - 色彩三屬性的調色法 - 不出錯的簡單調色法
試看影片
03:32
播放試看影片
章節 6 - 設計腳本的色彩運⽤ - 讀懂⾊盤,讓配色⼀鍵鍾情!
單元 3 - ⾊彩調和的調色法 - 一鍵配色,不怕客戶換!
試看影片
04:19
課程評價
5.0
/ 5.0
7 則評價
kevin786092024-10-18
腳本構思必讀
除了前幾單元,快速切速重點,如何撰寫腳本及邏輯架構分析 後段單元,美編重要觀念,每單元都很實用 舉例有一項操作是,透過Illustrator顏色快速套用物件, 老師教的方式較好懂及操作 真的感謝老師分享這麼棒的課程
查看更多
1 人覺得有幫助
Steve Chou2022-09-27
業界老手的總複習
本身是個老屁股視覺設計師,雖然課程中大多數的章節都是我們工作的日常,但講者透過架構清晰的章節規劃,協助身為設計師的我重新審視自己在工作中不足且亟需加強的地方,也同時為即將邁入的MG動畫課程重新打好基礎。
查看更多
龔祐頡2022-07-22
是一門非常詳細講解動畫製作流程前需要知道什麼的好課
雖然這已經是很久以前的課程了 但最近買來上完以後發現我仍然受益良多 除了整體畫面很舒服以外老師的語調也能配合我的學習步調 感謝有發現這堂課
Simon Shih2023-03-03
要進入這領域必讀
整門課程邏輯和講解皆清楚,對於所需要的部分,還需要重播放幾遍閱讀,對我很有幫助,謝謝老師無私的教導
黃冠溱2023-04-08
本課程除了學到設計撇步,更重要的是清晰的專案管理!
系統化的思考與執行流程,讓每一章節都是滿滿的乾貨! 看完每部課程就好像吸收了老手的多年精華!

意猶未盡嗎?

關於講師

二棲知學 Motioner
40堂課程
10篇文章
32,048位學生
【Motioner 二棲知學】集結臺灣最專業的設計業界師資,為你打造最完整扎實的動態設計課程,搭起學界與業界的橋樑,成為每位學員在設計路上的學習嚮導!
前往講師頁面

購課前問答

日期最新
日期最新
日期最舊
愛心數
Anna
2023-01-16
老師,我本身不太會設計,大概懂PS的功能,Ai只會一點點,設計很不強(但喜歡剪輯影片),請問這樣會不會學動態的設計很慢?要先學平面設計?
二棲知學 Motioner
授課老師
2023-01-17
這堂課程主要就是在教動態設計中的前期與設計部分,如果想要加強的是這樣的能力,那麼學習這塊會是很有幫助的。 同時這堂課程也偏入門,所以如果只會一點點設計軟體操作的話,也可以學到不少設計上的進階操作,而課程是依動態的設計上所教學,所以也會比起一般平面設計課是以平面所教學來說,更加對動態設計的認知上有幫助喔! 當然如果你是想學動態的部分,你也可以參考另一堂林思翰老師的《動態設計全方位![動畫篇] 》課程,也歡迎同學先參考看看這些開放的試看章節,其中思翰老師的《動態設計全方位![動畫篇] 》課程第一單元全章節永久開放試看,同學可以了解一下課程內容後再下手哦! ▋ 《動態設計全方位![動畫篇] 》課程連結:http://bit.ly/3knR3nb 呈軒老師
回覆
1 人想問
購買單堂課

NT$2,500
有什麼優惠可以用?
小蛙幫你找最佳優惠
登入看看 有什麼優惠用

相關標籤