🇹🇼 國慶日快樂!限定加碼 $1,010 購課金 🎇 點擊再現領 \\ 全站課程 85 折券 //
天
時
分
國慶特選課現折 $1,010💥
登入/註冊
ㄘ我の排版辣!向設畜說不的動態排版學
0 seconds of 1 minute, 19 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:19
 
二棲知學 Motioner

ㄘ我の排版辣!向設畜說不的動態排版學

再也不用哭喊改賣雞排(X),一次學會編排、文字等必備設計能力 期待這門課上完,讓你也能夠靈活滿足所有刁鑽的要求
Hahow AI 學習升級
38 k 的人也在觀看
4.9
(15)

關於課程

課程包含

包含 6 章 27 單元、3 項作業

課程時長

2 時 6 分鐘

課程總人數

476 位同學

觀看限制

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

學習升級

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

最新消息

課程內容

圓角漸層橫幅中央呈現「Hahow × 二棟知學」字樣,搭配星星與手繪線條裝飾,展現雙方合作識別。

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

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

購課即可獲得「募資影片 AEP」完整專案檔,橫幅以大型黑色標題字呈現,搭配淺藍背景與右側綠色幾何色塊裝飾。

不只學習課程,還送你課程動畫的原始檔案!

讓你見識與學習在動畫中所藏的珍貴技術細節! 購買課程後,在課程單元 1-1 即可下載募資影片 AEP(After Effects Project)完整專案檔!

學長姐好評推薦

學員評價指出,課程適合反覆觀看,能在 project 卡關時找回基礎概念;內容涵蓋實用的設計思考、技巧與工具,也讓學員發現 Illustrator 未曾注意的作法。

課程介紹

設計師常見困境:不會畫畫而自我懷疑、面對老闆不明所以的修改命令、素材未到卻被要求限時產出,以及從平面轉職動態設計不知如何開始;阿傑老師帶你找回設計師的 Respect,告別天天加班與不合理要求。

想要脫離天天加班的設畜仔,就一起透過【動態排版學】

一起循序漸進的學習阿傑老師私藏多年的編排絕活!

《動態排版學》介紹動態與平面設計共通的排版邏輯,並聚焦動態設計特有的「時間」與「載體」因素。政傑老師將從標準字、字體設計到編排與視覺呈現,講解文字拆解、閱讀性及程式生成視覺技巧。

來看看版面編排的神奇魔法 Before/After

設計改造前後對照案例,將「對!大一點!再大」、「你就先設計咩?」等客戶常見需求,透過排版、字體、色彩與圖形配置,轉化為更具視覺張力的設計。

課程特色

循序學習阿傑老師私藏多年的編排絕活,從四大面向掌握設計:文字工具創作、建立編排設計思路、字體組合搭配與快速加分公式,以及運用 Styleframe 跨界轉職 Motion Graphics。

單元規劃

章節 1 - 編輯設計的流程

▶ 單元 1 - 課程介紹:關於課程的打開姿勢

▶ 單元 2 - 排版要閱讀拉:執行設計前的理解方法

▶ 單元 3 - 資訊那檔事:排版環節的資訊篩選

章節 2 - 設計編排的基本元素-字

▶ 單元 1 - 字是什麼?基礎介紹與視覺上的差異

▶ 單元 2 - 中文跟歐文字的差異

▶ 單元 3 - 字再大一點!適合版面的文字三大因素

▶ 單元 4 - 字體搭配學!五種字體搭配方式

▶ 單元 5 - 來吧!整理字體:有效率的整合管理

▶ 單元 6 - 買買買!怎麼買字體?哪些免費可商用

章節 3 - 沒錢買字~大丈夫啦

▶ 單元 1 - 我的字很醜怎麼辦 - 字體的起頭

▶ 單元 2 - 中文字的製作方式與五大步驟

▶ 單元 3 - 字的設計流程與發想執行

▶ 單元 4 - 買不起字體沒關係,就讓我們增加字的質感!

章節 4 - 編排四個基本原則

▶ 單元 1 - 編排的基本概念:閱讀與引導

▶ 單元 2 - 讓資訊更有邏輯:相近

▶ 單元 3 - 讓版面穩定閱讀:對齊

▶ 單元 4 - 整合內容吸引力:重複

▶ 單元 5 - 增加版面的張力:對比

章節 5 - 設計的版面編排

▶ 單元 1 - 平面設計八大排版系統

▶ 單元 2 - 格線系統:排版輔助系統

▶ 單元 3 - 風格營造的三大步驟

▶ 單元 4 - 圖片編排:如何放大視覺呈現

▶ 單元 5 - 用 Illustrator 快速打造 AE 效果的三種帥帥招數!

▶ 單元 6 - 判斷版面:三種品質的關鍵指標

章節 6 - 進入編輯的收尾工作吧!

▶ 單元 1 - 讓版面更加分的 8 種原則

▶ 單元 2 - 通靈客戶:來理解話中話吧!

▶ 單元 3 - 【作業引導】重點回顧與三份作業引導

📋 作業 1 - 設計三組不同風格的字

📋 作業 2 - 設計標貼

📋 作業 3 - 排歌詞 MV

Typography Layout 課程特色,從資訊編排、中文與英文字體搭配,到動態設計中的文字與畫面構成,並公開字型排版技巧、標準字設計觀念與免費商用字型。

講師介紹

講師宋政傑 Sung Cheng Jie,字型/平面設計師,曾任職洋蔥設計與奧美廣告(Ogilvy),涵蓋平面、動態、插畫、網頁及策展等設計。曾入圍2019金點設計獎、2016金曲獎最佳裝幀設計。

講師作品

藍色展場圍布上印有白色標誌「麻辣ㄟ!」與「IPINGTUNG!」;現場設置粉紅色手勢雕塑、購物車與鷹架,呈現鮮明的屏東主題視覺。

《台灣設計展 — 屏東YA!》 來一場沒有景點名稱的旅程吧!七種手勢、七種聲音、七種河流這些截然不同的文化共同流入這片土地,一起建構屬於這個世代的屏東。 從全新的視角來定義屏東,在屏東YA裡,所有景點的名稱都被去除了,將已知答案轉成未知的空白,透過這樣的方式,讓來參觀的民眾都像個孩子般重新來了解屏東、體驗屏東,期待以轉換不同的視角方向來表現在地故事與族群文化特色,呈現出屏東多采多姿的樣貌。 >> 設計概念說明

黑白音樂視覺設計作品拼貼,涵蓋專輯封面、唱片、海報與舞台主視覺,結合攝影、插畫、幾何排版、手寫字體與音樂獎項主題。

金曲獎 GMA 31 全獎項標準字設計

以「金曲再定義,多元新生命」為題,並將「溶解、流動、擴散」作為視覺概念,用溶解象徵框架的重新定義,而溶解後成為的養分,則流動、擴散到了每寸音樂大地裡,也匯聚了金曲31年來的底蘊,為這次典禮帶來一場多元精彩的視覺饗宴,打造只有出於台灣這塊土地,才做得出來的風格與設計,並將其濃縮、展現在每一個入圍影片裡。 >> 設計概念說明 -- 政傑老師的更多作品 Instagram / behance

常見問答集

我的作業要上傳到哪裡呢?

  • 在購買課程後,就可以在 Hahow 的「作業成果」區,選擇要上傳繳交哪一份作業。

老師會來批改我的作業嗎?

  • 老師將 2-3 週 批改一次作業。

老師會回覆我的問題嗎?

  • 若同學有問題,都可以在購買課程後,至「問題討論」區發問。

  • 老師將 2-3 週 回覆一次問題。

「課程專屬社團」標題置於淺藍色橫幅中央,左側有綠藍色幾何色塊,右側可見 MOTIONER 字樣與箭頭裝飾。

一起加入課程專屬《Motioner VIP 交流社團》 當你購買《ㄘ我の排版辣!向設畜說不的動態排版學》這門課程後 你就能加入替《動態設計全面實戰》系列課程所設立的專屬社團 社團加入方式,請於購課後於「課程公告」中查看。

哪些人適合這堂課?
本課程適合: ⭕ 平面設計師 ⭕ 動態設計師 特別推薦給: 🔸 所有在廣告、電商、媒體設計部門的設計師 🔸 在設計公司中想要突破複雜專案與工作環境的設計師 本課程不適合: ❌ 完全沒有設計基礎的初學者 ❌ 對 Ai 軟體不熟悉的使用者 如果對這部分還不清楚的同學,可以先上免費課程《Motion Graphics 新手村|Ai + Ps 超實用攻略》學會 PS 及 AI 的操作基礎喔!
你可以學到
1. 學會設計編排技巧,把資訊整理成討喜的版面、還能同時具備設計層次! 2. 不論中文、英文或是明體、黑體等字體,你能夠靈活搭配字體間的應用! 3. 讀懂各種版面的運用觀念,學會在動態設計中如何處理文字與畫面構成! 4. 老師的字型排版私藏技巧大公開,讓所有文字與資訊搭配瞬間井然有序! 5. 沒錢買字型也沒關係!教你標準字的設計觀念、常用免費商用字型公開!
上課前的準備
需要準備的工具 / 軟體(若購買課程前不清楚版本是否支援,請先留言與老師確認。)
本課程主要使用 Illustrator 進行教學,在 Adobe 網站可以下載免費試用版七天,歡迎大家開課後再去下載來上課。
需要具備的背景知識
本課程屬於較為進階的設計課程。老師在課程中多著重於設計的心法、概念等技巧,並沒有特別針對 Ai 的功能進行講解,建議同學要具備 Ai 操作技能再來學習本課程,比較不會有知識斷點喔!
單元一覽
6 章 27 單元|總時長 126 分鐘
全部展開
1
編輯設計的流程
影片單元
單元 1 - 課程介紹:關於課程的打開姿勢
影片單元
單元 2 - 排版要閱讀拉:執行設計前的理解方法
03:34
影片單元
單元 3 - 資訊那檔事:排版環節的資訊篩選
04:13
2
設計編排的基本元素-字
影片單元
單元 1 - 字是什麼?基礎介紹與視覺上的差異
06:03
影片單元
單元 2 - 中文跟歐文字的差異
05:11
影片單元
單元 3 - 字再大一點!適合版面的文字三大因素
03:00
影片單元
單元 4 - 字體搭配學!五種字體搭配方式
影片單元
單元 5 - 來吧!整理字體:有效率的整合管理
06:38
影片單元
單元 6 - 買買買!怎麼買字體?哪些免費可商用
03:26
3
沒錢買字~大丈夫拉
影片單元
單元 1 - 我的字很醜怎麼辦 - 字體的起頭
04:32
影片單元
單元 2 - 中文字的製作方式與五大步驟
影片單元
單元 3 - 字的設計流程與發想執行
04:54
影片單元
單元 4 - 買不起字體沒關係,就讓我們增加字的質感!
04:55
4
編排四個基本原則
影片單元
單元 1 - 編排的基本概念:閱讀與引導
07:52
影片單元
單元 2 - 讓資訊更有邏輯:相近
03:52
影片單元
單元 3 - 讓版面穩定閱讀:對齊
04:16
影片單元
單元 4 - 整合內容吸引力:重複
03:25
影片單元
單元 5 - 增加版面的張力:對比
02:42
5
設計的版面編排
影片單元
單元 1 - 平面設計八大排版系統
05:47
影片單元
單元 2 - 格線系統:排版輔助系統
05:57
影片單元
單元 3 - 風格營造的三大步驟
05:08
影片單元
單元 4 - 圖片編排:如何放大視覺呈現
05:05
影片單元
單元 5 - 用 Illustrator 快速打造 AE 效果的三種帥帥招數!
03:51
影片單元
單元 6 - 判斷版面:三種品質的關鍵指標
04:28
6
進入編輯的收尾工作吧!
影片單元
單元 1 - 讓版面更加分的 8 種原則
04:04
影片單元
單元 2 - 通靈客戶:來理解話中話吧!
02:55
影片單元
單元 3 - 重點回顧與三份作業練習
03:08
作業單元
作業 1 - 6-3-單元作業 設計三種不同風格的字
查看作業
作業單元
作業 2 - 6-3-單元作業 設計標貼
查看作業
作業單元
作業 3 - 6-3-單元作業 排歌詞 MV
查看作業
試看單元
播放試看影片
章節 1 - 編輯設計的流程
單元 1 - 課程介紹:關於課程的打開姿勢
試看影片
03:52
播放試看影片
章節 2 - 設計編排的基本元素-字
單元 4 - 字體搭配學!五種字體搭配方式
試看影片
07:59
播放試看影片
章節 3 - 沒錢買字~大丈夫拉
單元 2 - 中文字的製作方式與五大步驟
試看影片
06:04
課程評價
4.9
/ 5.0
15 則評價
Yyuya2023-02-23
簡潔有力、受益良多
每個單元都短小精幹,將重點一一梳理妥貼,簡潔有力,學到好多,還有提到許多實用的工具(被我忽略多年)!
2 人覺得有幫助
kitty2022-10-26
值得學習的課程
老師講解了很多不同類型的字體,可以直接應用在現在的工作之上,非常實用!
(已編輯)
2 人覺得有幫助
陳儷玲2023-06-29
有系統的整理及架構
有系統的整理及架構
1 人覺得有幫助
17ok17go2022-07-30
無
上完課感覺比較適合初級-中級以下的相關學習者 中級以上的學習者可以拿來復習相關版面知識
(已編輯)
1 人覺得有幫助
Hera Wong2022-12-21
老師很用心 課程設計很精緻
雖然大部分都是已知的內容(學校、工作中學到的) 但老師給予和傳遞的方式非常簡潔有力 也讓我有機會在看課程的過程中重新回顧設計最重要的核心:觀察、聆聽、閱讀 還有很多設計細節的分享~~ 推薦這堂課給大家!
查看更多

意猶未盡嗎?

關於講師

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

購課前問答

日期最新
日期最新
日期最舊
愛心數
cyn63231963
2022-08-05
中文字體的設計可以參考哪些網站?
二棲知學 Motioner
授課老師
2022-08-29
同學好 中文字的設計可以直接在 Behance 或 Pinterest 上面找到很多厲害的作品找靈感喔!提供給同學參考看看,謝謝 Motioner 小助教
(已編輯)
回覆
我也想問
購買單堂課

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

相關標籤