Canva質感設計應用研習班

#王玠瑛

http://b4teacher.blogspot.com/ 王玠瑛老師

玠瑛老師の

私密小檔案

http://b4teacher.blogspot.com/ 王玠瑛老師

關於玠瑛老師的三種身份

跑者玠瑛的戰鬥力分析

無法順利完賽的原因分析

想讓你的Canva設計功力

一飛沖天嗎？

那就趕快將玠瑛老師

加為Line好友吧！

http://b4teacher.blogspot.com/ 王玠瑛老師

打開Line，

掃描Qrcode

將我加入為Line好友

http://b4teacher.blogspot.com/ 王玠瑛老師

收到玠瑛老師傳的Line訊息

如何下載今日の

上課教材

http://b4teacher.blogspot.com/ 王玠瑛老師

b4teacher

搜尋Google或輸入網址

請搜尋關鍵字:

b4teacher

免費の雲端海報設計

Canva

http://b4teacher.blogspot.com/ 王玠瑛老師

https://www.canva.com/

雲端海報設計Canva

Canva提供相當多現成已經設計好的格式提供選擇

點擊[瀏覽全部]則會開出所有提供的格式

Canva提供的設計樣式

Canva提供的設計樣式

Canva提供的設計樣式

Canva提供的設計樣式

Canva提供的設計樣式

Canva提供的設計樣式

Canva提供的設計樣式

Canva提供的設計樣式

Canva提供的設計樣式

Canva的不同

帳號版本

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva的不同帳號版本

Canva的不同

操作介面

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva的不同操作介面

Canva

首頁的介面

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva的首頁介面

Canva的首頁介面

Canva的首頁介面

Canva

設計編輯界面

​

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva的設計編輯界面

Canva的設計編輯界面

Canva的設計編輯界面

Canva的設計編輯界面

Canva的設計編輯界面

Canva的設計編輯界面

Canva的設計編輯界面

Canva的設計編輯界面

關於Canva

設計品種類

http://b4teacher.blogspot.com/ 王玠瑛老師

關於Canva設計品種類

如何在Canva

自訂尺寸

http://b4teacher.blogspot.com/ 王玠瑛老師

如何在Canva自訂尺寸

如何在Canva自訂尺寸

如果找不到適合的尺寸規格，也可以點擊右上角的自訂尺寸

常見的列印文件尺寸

常見的列印文件尺寸

常見的列印文件尺寸

常見的列印文件尺寸

常見的列印文件尺寸

常見的列印文件尺寸

在Canva

挑選適合範本

http://b4teacher.blogspot.com/ 王玠瑛老師

挑選適合範本

設計自己的明信片

這邊提供相當多的範本供你選擇

設計自己的明信片

它有提供許多不同功能的明信片供選擇

點擊[全部]就可以看到更多已經幫你配好版型的明信片

設計自己的明信片

範本右下角有出現[免費]的部分，代表在範本之中所有的元素都是免費的。

設計自己的明信片

範本右下角沒有出現[免費]的部分，代表在範本之中有部分元素需要付費。

需要付費的元素會出現Canva的浮水印及網格。

設計自己的明信片

部分範本在點進去之後，會有很多頁可以提供選擇。

範本中的各種元件

在範本中有存在許多的元件，基本上每個元件都可以直接置換掉或者修改格式喔。

照片

文字

雪花紋路的圖案

線條

關於Canva

設計品的背景

http://b4teacher.blogspot.com/ 王玠瑛老師

關於設計品的背景

關於設計品的背景

如何在Canva

上傳自己的照片

http://b4teacher.blogspot.com/ 王玠瑛老師

上傳自己的照片

點擊上傳照片，就可以從電腦選擇要上傳的照片。

照片上傳時，會顯示目前上傳的百分比。

鎖定部分元件

因為在最上方有一張雪花紋路的圖案，為了避免不小心動到這張圖片，可以先點擊一下將它選取起來，接著將它鎖定。

置換成自己的照片

我們想要把範本上的照片置換成我們自己的照片，請用拖曳的方式將照片拖曳到該張照片的上面。

由於該張照片是被放置於[網格]之中，所以我們可以用拖曳的方式去做置換。

置換成自己的照片

置換成功，放進去的照片自動被裁切。

置換成自己的照片

由於該張照片是被放置於[網格]之中，所以放進去的照片是有被裁切過的，我們可以點擊該照片，在按左上角的裁切來重新調整裁切的範圍。

置換成自己的文字

文字修改的方式也非常的簡單，直接點擊該文字後做修改。

這裡可以調整文字的各種格式。

置換成自己的文字

儲存檔案的名稱

在這裡修改成自己喜歡的檔名，這份專案檔就會被存在雲端，跟隨著這組帳號。

在登入Canva帳號時，在首頁的下方[你的設計]就可以找到這個檔案。

下載編輯好的檔案

Canva的元件介紹

Canva的元件介紹

Canva的元件介紹

關於網格

Canva的元件介紹

關於網格

Canva的元件介紹

關於框架

Canva的元件介紹

關於框架

Canva的元件介紹

關於框架的使用

Canva的元件介紹

Canva的元件介紹

Canva的元件介紹

Canva的元件介紹

Canva的元件介紹

可以調整方向，放大縮小

Canva的元件介紹

Canva的元件介紹

Canva的元件介紹

透過帳號的連結，可以將Facebook的照片直接匯到Canva來使用喔

雲端列印服務

ibon列印

http://b4teacher.blogspot.com/ 王玠瑛老師

雲端列印服務ibon列印

https://www.ibon.com.tw/printscan_ie.aspx#D073

檔案上傳網址

雲端列印服務ibon列印

雲端列印服務ibon列印

到7-11將卡片印出來

到7-11將卡片印出來

到7-11將卡片印出來

到7-11將卡片印出來

到7-11將卡片印出來

明信片正面

明信片反面

到7-11將卡片印出來

Canva AI

魔法工作室介紹

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva魔法工作室

Canva AI

應用程式

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva應用程式

Canva應用程式

Canva應用程式

Canva應用程式

Canva應用程式

Gemini的生圖工具

Nanobanana

Gemini

Gemini

請幫我將這張照片的人物生成一張穿著深色西裝套裝的專業人士照，雙手環抱、身體側身45度、眼睛直視前方，全身照。

Gemini

請幫我將照片變成正面照

Gemini

請露出微笑

Gemini

請轉換成背面照

Gemini

請讓側面照的人物右手食指指向前方，做出很有願景的感覺

Gemini

換成另外一隻手指向前方，手臂打直，露出笑容

Gemini

人物的後面幫我加上大大的四個中文字:高票當選。，文字的顏色是白色的，外框是黑色的線條，呈現日系漫畫風格。

Gemini

Gemini

懶人包排版原則

CRAP

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva圖卡

懶人包排版原則 (CRAP)

如何讓你的簡報、圖卡擁有

統一的風格

讓簡報有統一的風格

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

牛肉湯

糖醋排骨

蛤蠣湯

肉絲炒飯

地瓜葉

清江葉

蝦仁炒飯

大骨湯

蛋炒飯

麥茶

柳橙汁

啤酒

讓簡報有統一的風格

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

讓簡報有統一的風格

讓簡報有統一的風格

水平置左

水平置中

水平置右

垂直置頂

垂直置中

垂直置底

垂直均分

水平均分

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

水平、垂直的對齊

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

等寬的行距

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

等寬的列高

讓簡報有統一的風格

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

文字大小的對比

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

行距大小的對比

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

顏色的對比

讓簡報有統一的風格

虛實的對比

大小的對比

讓簡報有統一的風格

明暗的對比

讓簡報有統一的風格

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

讓簡報有統一的風格

菜單

番茄炒蛋

薑絲大腸

糖醋排骨

主菜

牛肉湯

蛤蠣湯

大骨湯

湯

地瓜葉

清江葉

青菜

肉絲炒飯

蝦仁炒飯

蛋炒飯

飯

麥茶

柳橙汁

啤酒

飲料

讓簡報有統一的風格

讓簡報有統一的風格

讓簡報有統一的風格

讓簡報有統一的風格

讓簡報有統一的風格

讓簡報有統一的風格

讓簡報有統一的風格

縱向橫向配色法

讓簡報有統一的風格

純

度

讓簡報有統一的風格

色相

讓簡報有統一的風格

Canva圖卡

範例-普發現金一萬元

http://b4teacher.blogspot.com/ 王玠瑛老師

圖卡普發現金一萬元

Canva圖卡

範例-育兒津貼

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva圖卡

【0-6歲國家一起養】

育兒津貼加碼申領指南

https://www.ey.gov.tw/Page/5A8A0CB5B41DA11E/8e4f1094-b001-40da-aa52-346ac5d31268

Canva圖卡

Canva圖卡

視覺語言

運用柔和色調如米色、奶油色,降低政令宣導的嚴肅感。溫暖的配色能讓人更願意停留閱讀,提升資訊接受度。

結構邏輯

採用「由上而下、左而右」的 Z 字型閱讀路徑。這是人類眼睛最自然的視線移動方式,能確保重點訊息不被遺漏。

情感連結

將生硬術語轉化為「奶粉尿布錢」等生活化詞彙。用受眾熟悉的語言說話,能大幅提升共鳴與記憶點。

視覺與文案的策略核心

Canva圖卡

文案結構規劃:三段式吸睛法則

將資訊圖卡分為三個功能區域,讓讀者能在 3 秒內抓住重點,進而深入了解細節。這套法則適用於各種主題的圖卡設計。

01

頂部區 (Hook)

這是吸引目光的第一關。主標題要有衝擊力:「您的奶粉尿布錢,政府支援前線!」副標題則補充核心價值:「0-6 歲國家一起養,每月準時入帳超安心。」

02

中部區 (Core)

放置核心補助數據與關鍵資訊。使用表格、圖示或對比框呈現,讓數字一目了然。這是圖卡的靈魂所在。

03

底部區 (Action)

明確的行動呼籲。例如:「掃描 QR Code 立即試算資格」,搭配清楚的指示,降低讀者下一步的行動門檻。

Canva圖卡

核心數據呈現:各階段補助金額對照表

清晰的表格設計是資訊圖卡的核心。透過結構化的呈現方式,讓複雜的補助政策變得簡單明瞭。以下範例展示如何組織多層級的數據資訊:

類別

補助金額

備註標籤

第 1 胎

$5,000 / 月

基本支援

第 2 胎

$7,000 / 月

加碼補助

第 3 胎

$13,000 / 月

超強支援

Canva圖卡

01

建立畫布

選擇 1200x620 px 或社交媒體貼文尺寸,確保在各平台都能完美顯示。

02

背景色調

設定為米黃色或淺奶油色 (Hex: #FFF9E5),營造溫暖親和的視覺感受。

03

字體選擇

標題使用「圓體」或「手寫感字體」增加親切感,副標題使用清晰的「黑體」確保易讀性。

Canva 實作

Canva圖卡

Canva 實作

框架設計

使用「圓角矩形」元件建立三個並排的資訊框,統一間距與尺寸,確保視覺平衡。

對話氣泡應用

插入白色背景、深色邊框的氣泡。將金額字體加粗放大,置於氣泡視覺中心,形成強烈焦點。

加強視覺重點

在氣泡旁加入「加碼」「超強支援」等標籤,使用對比色或爆炸形狀吸引目光。

Canva圖卡

Canva 實作

素材擺放

將搜尋到的奶粉罐與尿布進行堆疊組合,嬰兒插圖放在最前方作為主角,營造溫馨的育兒情境。

生成 QR Code

使用 Canva 內建「QR Code」應用程式生成。放置於右下角並加上引導文字「掃描立即試算」,提供明確的行動指引。

一致性檢查

確保三個資訊框的對齊線、字體大小、間距完全一致。細節的統一性是專業感的關鍵。

Canva圖卡

Canva圖卡

範例-淨零排放

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva圖卡

2050 淨零排放

https://www.ey.gov.tw/Page/5A8A0CB5B41DA11E/7a65a06e-3f71-4c68-b368-85549fbca5d1

Canva圖卡

Canva圖卡

Canva圖卡

範例-TPASS通勤月票

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva圖卡

TPASS 通勤月票

https://www.gov.tw/News_Content_37_817176

Canva圖卡

Canva圖卡

Canva圖卡

範例-社會住宅

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva圖卡

社會住宅

https://pip.moi.gov.tw/Publicize/Info/B5010?mode=8

Canva圖卡

Canva圖卡

範例-反詐騙

Canva圖卡

反詐騙

https://165.npa.gov.tw/#/article/A/1722

Canva圖卡

Canva圖卡

Canva圖卡

Canva海報

範例-志工下午茶

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva海報

Canva海報

Gemini搭配Canva

大量建立海報圖卡

大量建立

請你為我生成一組中秋月餅的海報文案,要有以下字段:大標題、小標題、售價(統一 599)、精美文案。

開啟Gemini

大量建立

大量建立

請你按照這個格式，為我生成30組海報文案，並提供CSV的格式給我

大量建立

大量建立

大量建立

大量建立

大量建立

1.開啟Canva

2.建立海報🡪直式A3

大量建立

大量建立

大量建立

大量建立

大量建立

大量建立

大量建立

大量建立

大量建立

大量建立

大量建立

如何設計

Canva簡報

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva簡報

步驟 1：建立畫布與置入圖片

• 建立一個空白的16:9簡報。
• 從左邊的【設計】搜尋「東京」，找到適合的簡報範本。
• 套用全部的XX個頁面。

Canva簡報

Canva簡報

Canva簡報

步驟 2：置換圖片

• 將想要置換的圖片刪除。
• 從左邊的【元素】搜尋「東京」，找到適合的照片。
• 點擊後，照片會自動匯入到簡報。
• 右鍵\將圖片設為背景。

Canva簡報

Canva簡報

步驟 3：修改文字及重新命名

• 將畫面中的大標題修改成【東京自由行】。
• 將畫面中的小標題分別修改成【2026年7月】、【7天6夜】
• 點擊右上角，將檔案名稱修改成【東京自由行】。

Canva簡報

Canva簡報

步驟 5：提升文字可讀性

• 快速鍵:R，新增1個長方形、顏色設定成黑色、4個角設定成圓角40度、透明度調整成60%。
• 將長方形調整至大標題下方(使用圖層)。
• 選取2個小標題，點擊【效果】，設定外框效果、粉紅色、粗細151。

Canva簡報

Canva簡報

步驟 6：增加人物

• 從左邊的【元素】搜尋「日本、旅行、女性」，找到適合的照片。
• 點擊後，照片會自動匯入到簡報。
• 點擊照片，點擊【背景移除工具】。
• 將大標題、色塊群組，並且調整位置。
• 將2個小標題群組，並且調整位置。

Canva簡報

Canva簡報

步驟 7：深度感分層設計

• 插入一張穿著和服人物的照片。
• 點擊「編輯影像」>「魔法展開」。
• 將照片擴展為整個頁面
• 點擊「編輯影像」>「魔法抓取」。
• 人物從背景抽離成獨立圖層。
• 輸入文字：和服體驗。
• 調整圖層「人物後方、背景前方」

Canva簡報

Canva簡報

Canva簡報

Canva簡報

Canva簡報

快速生成Canva 簡報

ChatGPT與Canva串接

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva簡報

第一階段：串接 ChatGPT 與 Canva

​

1. 在開始下指令前，必須先完成授權，讓 ChatGPT 有權限存取 Canva 的模板庫。
2. 進入設定：點擊 ChatGPT 頁面左下角的個人頭像，選擇 「Settings」（設定）。
3. 尋找連接器：在設定選單中找到 「Apps & Connectors」（應用程式和連接器）。
4. 連線 Canva：在清單中找到 Canva，點擊右側的 「Connect」（連線）。
5. 完成授權：系統會跳出視窗要求登入 Canva 帳號，請點擊 「Allow」（許可/授權）。
6. 確認狀態：回到 ChatGPT 介面，確認 Canva 顯示為「已連線」狀態。

Canva簡報

第二階段：下指令生成簡報

​

連結完成後，你可以在對話框中直接要求 ChatGPT 製作簡報。為了獲得最佳效果，建議指令包含：主題、頁數、目標受眾、設計風格。

​

核心步驟：

1. 啟動指令：在對話框輸入 /canva（或直接提及「請用 Canva 製作...」）。
2. 提供文案資訊：告訴 AI 簡報的大綱或請它先生成文案。
3. 選擇風格：指定你想要的色調（如：商務藍、科技感、極簡風）。

Canva簡報

第三階段：範例實作 —「2025 淨零排碳」

​

指令範例：

請針對 『2025 淨零排碳：企業轉型關鍵指南』 這個主題，幫我製作一份約 8 頁的 Canva 簡報。

要求細節如下:

1.內容大綱：包含全球趨勢、台灣政策現況、企業減碳三大策略、案例分享及未來展望。

2.受眾：企業中高階主管。

3.設計風格：專業商務感、色調以『永續綠』與『簡潔白』為主。

4.語言：請使用繁體中文呈現。

Canva簡報

第四階段：匯入 Canva 並進行編輯

​

1. 當 ChatGPT 執行完畢後，它會呈現幾個簡報模板的預覽圖，挑選模板，從 ChatGPT 產生的預覽圖中，點選你最喜歡的一個風格。
2. 開啟 Canva：點擊圖片上方的 「在 Canva 中開啟」(Edit with Canva) 連結。
3. 自動填入：瀏覽器會自動跳轉至 Canva，你會發現 ChatGPT 生成的文字大綱已經初步配置在頁面上。
4. 最終調整：利用 Canva 的 「Magic Design」（魔術設計） 快速調整排版。替換更符合需求的圖片或加入公司 Logo。點擊右上角 「分享」 > 「下載」 為 PPTX 或 PDF 格式。

Canva簡報

Canva簡報

Canva簡報

Canva簡報

Canva簡報

Canva簡報

Canva簡報

將Canva的語系改成英文版

Canva簡報

@Canva🡪呼叫Canva

Canva簡報

Canva簡報

Canva簡報

用Canva AI

設計簡報

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva AI

上傳一份檔案，請Canva AI幫你分析，並產生簡報。

Canva AI

Canva AI

Canva AI

使用Canva編輯器進行編輯

Canva AI

如何設計

Canva動態影片

http://b4teacher.blogspot.com/ 王玠瑛老師

Canva動態影片

依據來源資料，生成一張地圖型資訊圖表，底層是類似Google的地圖，中心點圍繞著捷運東門站，地圖配色為馬卡龍配色(只要顏色配置就好)，需要顯示重要的道路名稱(路名請勿自創，需與Google地圖上的名稱位置一致)以及比較重要的建築物，地標為來源的各個餐廳，顯示餐廳的名稱，不需顯示地址，但是位置要正確，餐廳用可愛的建築物呈現，在建築物下方用白色圓角矩形，對比顏色標示店家名稱，街道上有些具有表情的水果正在生活著，整體以卡通風格配置。

Canva動態影片

Canva動態影片

Canva動態影片

Canva動態影片

如何進行

Canva影音剪輯

http://b4teacher.blogspot.com/ 王玠瑛老師

AI工具大亂鬥

Suno AI

https://suno.com/

AI工具大亂鬥

歌詞

志工下午茶，全天下最好玩的活動，大明星聚集的場合，不參加你就虧大了。快邀請你的爸爸媽媽來參加，通知你同學不要錯過，沒人來參加我就慘了。好玩的志工下午茶，超棒的志工下午茶，志工交流的地方，一起成長的地方。

AI工具大亂鬥

AI工具大亂鬥

Hedra

https://www.hedra.com/

AI工具大亂鬥

將照片的人轉成會唱歌的人

AI工具大亂鬥

Canva影音剪輯

https://www.youtube.com/shorts/KNAPQCtfRus

Canva影音剪輯

Canva影音剪輯

https://www.youtube.com/watch?v=13uymVj8tME

Canva影音剪輯