前言

在这个online交易的年代，所有买卖都放到了社交
媒体上，在Facebook，IG上卖东西现在都是正常不过了。
不过那么多竞争对手的情况下，要如何吸引客人按入你的
广告或购买你的产品，第一件事就是你的广告图！

客人在社交媒体上看到的第一眼东西就是你的广告
图，只有你的广告图可以抓住客人的眼球，他才会继续阅
读你的文案，最后才会按进你的广告。

但是不是每一个人都有能力去请一个designer来帮
你设计你的广告图，要自己做又没有学过设计，那么要怎
么生出一个吸引人的广告图呢？

© ZMOK Academy 2
 今天的教学就是像你介绍一个非常好上手的免费
design网站 – Canva，不像其他的software一样，Canva只需
要打开网站就可以轻松的开始design。

而且Canva操作简单，可以轻松排版，主打的都是社
交媒体的封面设计，客人看了过后想要不和你买东西都难！

© ZMOK Academy 3
Canva 的优点 Canva的缺点

• 免费在ipad，手机下载， • 照片放大的时候很容易爆
或者在电脑使用网页就可
以开始操作 • 中文font的选择不多

• Support很多不用的尺寸
设定，做海报，Facebook
广告，Facebook cover，
Poster都可以。

• 提供非常丰富的免费
design template，有些
只需要改文字就可以直接
拿来用

© ZMOK Academy 4
© ZMOK Academy 5
 #Step 1

进入 https://www.canva.com/ 的首页注册账
号。你可以透过Facebook, Google, Email来注
册。
不过以后要记得用什么账号来登入Canva，因为
你所有的设计图都会存在里面。

注意：如果想要使用中文版本的话只要到
Google 搜寻 Canva 中文就可以了。
© ZMOK Academy 6
 #Step 2

进入了这个版面过后，你就成功进入
到Canva了。

© ZMOK Academy 7
 界面介绍

首先我们先介绍左手边的这个界面

© ZMOK Academy 8
All your Design

All your Design – 你所有曾经做过的

artwork都会保存并显示在这里。

© ZMOK Academy 9
 Brand kit

你可以在这里制作你的logo
如果又需要可以upgrade VIP配套，
不然可以用三十天的试用配套。

© ZMOK Academy 10
 Create a team

你可以在这里添加你的team member，只需要把他们
的email address填入，然后再按 Send Invitations。
你的朋友只要在email里 接受你的邀请，以后他就
可以成为你在Canva里的队友，一起分享你们的design啦！

© ZMOK Academy 11
All your folders

All Your Folders – 在这里你可以看到你的所以文件夹。

你购买过你的照片，

其他人分享给你的design，

你所有的design和你删除过的design都可以在这里找到

© ZMOK Academy 12
 Trash

Trash – 就是你所有删除的design

© ZMOK Academy 13
 搜寻栏

你只需要输入你想要制作的design类型，它就会显
示出来，让你做选择。方便的是，Canva会自动根据你需
要的不同design，给你不同size的template让你开始做
你的design，这样你就不需要担心你设计图size的问题。

© ZMOK Academy 14
 搜寻栏

这里就是让你选择你想要做什么类型的design，
在你选择了过后，在你的选项下方会显示
design的pixel（比如你选择了Instagram post，
Instagram post的pixel是1080 x 1080）

© ZMOK Academy 15
 搜寻栏

又或者你可以点击右方的Custom dimension
来自定义你的设计图

© ZMOK Academy 16
© ZMOK Academy 17
 模板

其实在Canva里已经有很多不同已完成你的模板让你选择。
而且在不同的节日，Canva依据节日准备好相关的设计图
让你参考。这样你就不需要自己伤脑筋

© ZMOK Academy 18
 制作设计图

现在我们就开始学习如何制作设计图吧。
首先，先到左上角点击 Templates然后选择
Facebook Post

© ZMOK Academy 19
 制作设计图

然后选择 Create a blank Facebook post

© ZMOK Academy 20
 制作设计图

我们先开始介绍在左手边的这一排选项

Templates
里面已经有很多模板让你选择或者用作参考，你可
以在search templates打上你的关键词，所有有关
的模板就会跳出来供你选择。
© ZMOK Academy 21
 制作设计图

Upload – 你可以在这里上载你所需要用到的照片和影
片，只需要点击 Upload an image or video，在电脑
桌面选择你要的照片在按Open就可以了。

© ZMOK Academy 22
 制作设计图

Photos- 在这里有很多不同的照片供你选择，只需要
在搜寻栏打上你的关键字就可以找到你要的照片了，
不过要注意的是，有些照片是需要付费订阅才可以使
用的，所以要看清楚哦。

© ZMOK Academy 23
 制作设计图

Elements – 在element里面你可以找到很多很有趣可爱
的Icon和一些不同形状让你添加在你的设计图里。

© ZMOK Academy 24
 制作设计图

Text-这里就是让你添加你的文字的格子

© ZMOK Academy 25
 制作设计图

Background-在这里你可以选择你要的背景图

© ZMOK Academy 26
© ZMOK Academy 27
 示范制作步骤

我们现在示范做一张iPhone 11的Facebook Post

我们先到google去找iPhone11的照片

© ZMOK Academy 28
 示范制作步骤

然后到www.remove.bg 把照片的背景删除。

© ZMOK Academy 29
 示范制作步骤

之后选择upload image，把iPhone 11的照片上

载，然后选择Download就完成了！

© ZMOK Academy 30
 示范制作步骤

回到Canva，选择upload把刚才已经删除背景的iPhone照片
上载到Canva。
上载成功你的照片就显示在Uploads里。

© ZMOK Academy 31
 示范制作步骤

我们先到background去选择一个全黑的背景

© ZMOK Academy 32
 示范制作步骤

然后到Element选择一个正方形的图案把它拉长，
然后在左上角选择红色。

© ZMOK Academy 33
 示范制作步骤

之后在回到Uploads把刚才的iPhone 11照片拉进来。

© ZMOK Academy 34
 示范制作步骤

点击Text然后选择你自己想要的字体
你也可以在上面的选择栏改变你的字体，字体的
大小，颜色，粗体，底线等等

© ZMOK Academy 35
 示范制作步骤

制作完成过后，先替你的照片改名，然后点击右上角，
点击Download, 再选择PNG就可以了

© ZMOK Academy 36
 示范制作步骤

这张就是我们的完成品啦

© ZMOK Academy 37
© ZMOK Academy 38
 Canva小技巧！

在这张图，为了让中间的字体更显示突出，
我们会在字体中间加入一个白色四方形。

© ZMOK Academy 39
 Canva小技巧！

到Elements，选择四方格，然后选择白色。

但是中间的字体被白色四方格挡着了怎么办？！

© ZMOK Academy 40
 Canva小技巧！

技巧 Number 1 ！调整照片的layer！
照片想前前后后随你决定！

点击选择四方
格然后滑鼠点
击右键，在这
时你就会看到
“Send to
Back。

点击Send To Back后，
白色四方格就会去
到字体的后面了！

© ZMOK Academy 41
 Canva小技巧！

技巧number 2！调整照片的透明度，
让你的设计图看起来更加高级！

白色虽然让黑色字体更显得突出，但是白色四方格已经
把照片的焦点强走，所以我们可以把白色弄得透明一点，
稍微突出一点背景色。
选择了白色四方格然后点击右上角的transparency，然
后把transparency调到70，这样背景就会突出，也不怕
白色会抢了照片的焦点咯！
© ZMOK Academy 42
 Canva小技巧！

在设计的过程中，可能你需要锁定特定的图片在原点，
以便你可以更方便的做图，为了你的方便，Canva当然
也有这样的功能。
你只需要点击你想要锁定的图片，然后点击右上角锁
头形状的标志（Lock）就可以了。

© ZMOK Academy 43
 Canva小技巧！

要解开，一样的选择你要解开的图片，
点击右上角的unlock按钮就可以了。

© ZMOK Academy 44
 Canva小技巧！

技巧number4！把不同的字体和图案Group在一起，
方便移动！

如果想要把中间的字体和隔壁的一些小照片Group在一起方
便移动的话，只需要按着Shift按钮，然后点击你想要的文
字和照片，之后在点击右上角的Group就可以了。反之，如
果要ungroup的话，只需要点击ungroup就可以了。

© ZMOK Academy 45
 Canva小技巧！

技巧number5！选择字体！

如果想要改变字体的话，只需要点击下图的这个地方，
然后在慢慢选择你的字体就可以啦，如果想要中文的话，
只需要在搜寻栏前面打上 Chinese 这样就可以了哦。

© ZMOK Academy 46
 Canva小技巧！

技巧number6! 添加素材！

想要让你的设计图更加吸引人，当然就是添加一些可爱的素材！
在左手边的elements里，你可以选择你想要的素材，然后你可
以随意的选择你的素材，还可以根据的设计图改变素材的颜色。

© ZMOK Academy 47
 Canva小技巧！

技巧number7！添加Effects！

Canva也提供了很多照片不同的Effect让你选择，
你只需要点击你的照片，然后点击左上角的
Effects,在慢慢选择你想要的effect就可以了。

© ZMOK Academy 48
 Canva小技巧！

技巧number8！使用Grid增加你的照片层次感！

在右边的element里选择Grid

© ZMOK Academy 49
 Canva小技巧！

点击你要选择的格子

© ZMOK Academy 50
 Canva小技巧！

然后在把你要的照片拉进格子里面，
这样你就完成了你的设计图拉。

© ZMOK Academy 51
© ZMOK Academy 52
 广告图小贴士 使用人脸来拉近距离

人喜欢在广告看到人脸，看到一个脸带笑容的照片会给观
看者一种开心，舒服和放心的感觉。
不要只是一直在放你产品的照片了，尝试在你的广告图加
入一个表情夸张的人脸照吧，这样可以成功提高35%的
conversion rate。
如果你放的人脸照片不大的话，你可以考虑在旁边加一些
简短的文案，照片里的文字阅读情况是广告文案的两倍。
注意：我们在马来西亚，广告都是给马来西亚人看到，人脸照片尽
可能放亚洲人。
© ZMOK Academy 53
 广告图小贴士 生动展示产品

客户在购买产品的时候当然想知道自己买的产品究竟长什么
样子，所以在广告图展示你的产品也是一个好方法。
人的视觉记忆比起听觉记忆要久得很多，所以可以利用这一
点来让客户记得你的产品。
放产品照片的优点：
1. 客人可以通过看你的广告图直接判断喜不喜欢这个产品
2. 如果产品看起来不错，CTR会大增
3. 帮助提高你的Brand的知名度，让更多人记得你的拍照。
4. 客人看到你的产品过后，会开始想象使用你产品的画面，
同时可以增加购买欲。 © ZMOK Academy 54
 广告图小贴士 使用前后对比

使用“使用前后”对比可以让看到广告的人充分发
挥想象来脑补一个故事。通过这种方法你也可以
让自己的一个广告offer变成一个生动的故事。

© ZMOK Academy 55
 广告图小贴士 确保广告设计的独一性

如果有一天你需要很多广告图来做A/B test，但是也要记
得这些广告图的质量是有保证的，不要以为Quality来换
Quantity。这样只会把自己的Brand给搞砸了。怎么说广告
都是放在网上，给所有人看的。 尽量一直重复使用网上
提供的免费照片，因为没有想一直在Facebook上一直重复
看到一样的照片。

© ZMOK Academy 56
 广告图小贴士 保持设计风格的一致性

如果想增加销售的同时又想做branding的话，建议你使用
统一的设计风格，这不代表不可以尝试不同的颜色，照
片，但一些特定的元素就必须要保持始终如一。
1. 如果你想测试不同的背景颜色，那样就保持字体和前
景不变。
2. 如果你想测试卡通风格，尽量保持这些图案和你的色
调一致。
3. 如果你想测试图片中的文案，背景就不要改变。
© ZMOK Academy 57
 广告图小贴士 在图片中包含折扣信息

如果你卖的产品现在有优惠的话，你应该确保让人第一眼看到你
的优惠消息。知识点，如何优化广告中的折扣信息：

 推广限时折扣、秒杀、低库存等等类型的商品

 明确结束日期，比如“仅限今日”、“24小时后恢复原价”
这种来制造紧迫感

 大促，比如“立刻购买享50% discount”

 确保广告中的offer跟sales page的要一致

 将打折信息的offer放在广告标题或图片里
© ZMOK Academy 58
 广告图小贴士 用广告排期来避免广告疲累

有没有试过一个明明反应很好的广告图突然两天没有见就突
然下跌了50% ？！
这个现象的发生是我们做online marketing的噩梦，广告疲累，
也就是Facebook观众对你的广告开始产生厌倦了。
要怎样避免自己的广告过气？
你应该要轮流展示不同的广告（不同的广告图），让
Facebook观众每隔一段时间就看到不一样的广告图，这样就
可以延长你这个campaign的寿命了。所以一个广告是需要非
常多不同的广告图的！
© ZMOK Academy 59
 广告图小贴士 广告图里的文字不可以超过20%

如果你的广告图里的文字超过了20%会直接影响你的广告
效应，所以在Post每一个广告图前，都必须先去检查是否
合格。
https://www.facebook.com/ads/tools/text_overlay
你可以到以上的网站去检查你的广告图文字是否有超过
20%。
© ZMOK Academy 60
 如果您将来有任何问题，
欢迎您及时联系我们客服，
zmokacademy@gmail.com
+60198658037
我们会尽力协助为您处理的哦，
祝您在设计路上，旅途愉快！

© ZMOK Academy 61