※如需統編發票,請直接聯繫客服,勿先下單,將提供給您另外的連結購買。

















課程大綱
章節一:Figma 基本介紹與操作
CH1-1|從登入到套用免費素材(免費試看)
CH1-2|畫布功能與輸出圖檔(免費試看)
CH1-3|形狀、布林群組與鋼筆工具(免費試看)
CH1-4|置入與編輯圖片特效
CH1-5|調色盤與樣式套用
CH1-6|文字與樣式共享
CH1-7|檔案歷史紀錄與版本
章節二:Figma 廣告設計實戰
CH2-1|服務類型排版-沙發清潔
CH2-2|日式甜點排版-抹茶奶酪
CH2-3|美妝人物排版-口紅廣告
CH2-4|多圖排版-外燴點心廣告
CH2-5|親子類型排版-親子料理
CH2-6|服飾類型-橫式banner
章節三:Figma 平面設計實戰
CH3-1|印刷設定(單位換算+色彩模式)(免費試看)
CH3-2|復古港風名片設計
CH3-3|A4 菜單設計
CH3-4|B5 型錄設計
章節四:Figma 插畫設計實戰
CH4-1|描邊插畫
CH4-2|扁平化插畫
CH4-3|雜訊效果插畫
CH4-4|等角向量插畫
章節五:Figma 網頁設計實戰
CH5-1|設計一頁式網站-Constraint
CH5-2|設計一頁式網站-Autolayout
CH5-3|設計一頁式網站-網站設計流程
CH5-4|設計一頁式網站-wireframe
CH5-5|設計一頁式網站-Component
CH5-6|設計一頁式網站-電腦版
CH5-7|設計一頁式網站-手機板
章節六:Figma 實用 Plugins 與 Community
從編排到設計|提升排版力的 30 堂課

在排版設計上,你常常遇到這些問題嗎?
排版好難,只會幾種排版方式,不知道怎麼增進排版實力?
常常遇到客戶奇怪的需求,不知道該怎麼解決嗎?
色彩搭配好複雜,到底怎麼配色才好看?
要做有特色的標準字,但時間緊迫快發瘋!


專為新手設計的版面設計實戰指南
- 前後對比幫助消化:利用 Before/After 的前後對比範例,讓同學能夠更容易理解課程內容。
- 專為課程設計的範例:針對課程內容所設計的設計範例,比起用現成專案做示範更切題好懂。
- 多元類型排版案例:排版案例橫跨各主題不單一,初學者更好吸收應用。


課程中你將可以學到…
版面設計 6 大基本原則:從版面的基本原則開始,掌握好基礎就能解決大部分問題!11 種不同感覺的構圖風格拆解:「構圖」是決定版面風格的重要因素,想營造風格就從構圖開始!一一破解奇怪需求:整理常見奇怪的客戶需求,提供 3 種以上的方法教你如何一一破解!從實戰中學習配色:市面上的「色彩學」總是以理論為基礎,難以實際應用。這堂課利用實際案例示範,讓你馬上理解並避開 NG 的配色法。提供給你多種解法的「標題字設計」:有時候只單純使用字型製作標題字,好像很容易與別人重複、沒有記憶點,這堂課提供給你「字體設計的多種方式」,讓你針對自己的需求來選擇適合的方案。


設計軟體實作教學
這個章節安排 Canva 與 AI/PS 的教學,就是為了要符合不同程度的同學!如果已有軟體基礎,可以參考 AI/PS 軟體教學,新手可以看 Canva 教學,也可以做得很美很漂亮!


版面確認單|助你排版一臂之力
這次新增了「版面設計確認單」,幫助大家在進行排版設計之前先做好資訊與規格的確認,在排版的過程中可以專心排版、也可以用作完稿時的版面確認、也可以用來與客戶溝通喔。




這門課程適合這樣的你…
本課程從設計基礎概念開始,不管你是剛開始學設計、或是有興趣接觸設計接案的新手,都適合來上這門課!除了幫助你接觸、奠定排版基礎,未來遇到問題也可以來看課程找解法!設計初心者:不管是學生或是設計愛好者、零設計基礎完全適合這堂課!
透過基礎的構圖與設計基本原則,奠定大家的排版基本觀念!
也有標題字設計與配色相關內容,全方位補充設計知識!接案初心者:本堂課安排了「解決設計上的各種問題」,不管是素材太少太醜或字太多,都提供了相對應的解決方案,幫助你與客戶溝通或提供另一種解決思路,適合剛開始接案生涯的你!



彭美瑄 Chris Peng
你好!我是 Chris,擁有豐富的介面設計與視覺設計教學經驗,畢業於國立台灣藝術大學多媒體動畫藝術系,並於 2019 年創辦「圈外設計」個人品牌,致力於將難懂的設計知識製作成易懂的懶人包。專注於介面設計、視覺設計與插畫,並於介面與視覺設計上致力進行教學。
線上課程相關問題
這門課什麼時候開始上課?
課程已上架完畢!購買後可立即開始上課
線上課程可以看多久?
線上課程為預錄影片,平台存續期間可以無限次數觀看!
怎麼確認有購課成功?
付款完成後會寄出「購課成功通知信」到你註冊時所填寫的信箱,沒有收到的話可以查看一下垃圾郵件,或登入網站,點選右上角的「我的學習」,如果有出現這門課,就表示購課成功、可以進入教室觀看影片上課囉!
上課前,需要準備什麼呢?
需要準備有連上網路的電腦與 Figma 軟體,本課程為初學者課程,沒有軟體基礎也沒問題!
這堂課會用到什麼軟體呢?
課程會使用到 Figma 軟體與 Figma community 中的免費 plugin!
結帳與付款相關問題
請問購買後可以退費嗎?
虛擬商品不適用於七天鑑賞期,我們都有提供商品部份的免費試看,請確認符合需求後再購買喔!
請問可以開立統編發票嗎?
可以!如有開立統編發票需求請直接聯繫 [email protected] 或發訊息至 messenger
海外學員可以購買嗎?
海外學員開放 Paypal 結帳!記得先去註冊喔~
我還有其他問題!
歡迎將你的問題寄信至 [email protected] 或發訊息至 messenger
































