电商视觉营销概述
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
字体的形式相当于音色 男低音还是女高音
巧妙的字体组合可以制造 和弦
二、促销广告设计的方法——3.形式美观——标签
简洁明快的标签更加 醒目
增加文化暗示的标签，对 品牌提到提示作用
二、促销广告设计的方法——3.形式美观——引导
就像兔子在狗 面前奔跑会勾 起狗的狩猎天 性一样，明确 的按钮和箭头 都会对买家产 生不可低估的 心理暗示
二、促销广告设计的方法——3.形式美观——气氛 气氛的塑造依赖于细节
增加了光影细节后画面显得饱满了些 增加了底纹和灯光效果，画面变得丰富生动
TIP: 请记住设计大师 米斯·范·多·罗的名言： “上帝在细节之中”
二、促销广告设计的方法——3.形式美观——对比和夸张
大小对比 虚实对比
二、促销广告设计的方法——3.形式美观——取舍
背光
光泽 阴影
二、促销广告设计的方法——3.形式美观——修图
退底羽化不 够造成的边 缘僵化
退底羽化过 度造成的相 互渗透
二、促销广告设计的方法——3.形式美观——修图
正确的倒影，增加细节和品质感
新手常犯的倒影错误
二、促销广告设计的方法——3.形式美观——构图 平衡——画面的平衡感取决于各元素“视觉重量”
效果优秀促销广告>
二、促销广告设计的方法——1.主题突出 信息传达的层次结构 陈述的过程是分层次展开的，和语言的逻辑
一样，设计的逻辑也是按层次结构展开的：
人本能会先看人脸！ 是吸引目光的手段
突出的折扣信息，作为第一层 级信息被强化
辅助信息为第三层级
暗示信息 为第四层级
产品信息是第二层级
二、促销广告设计的方法——1.主题突出 通过形式强化主题，形式不可大于内容
至于右边这张图片，可能在电脑上看不出来什么特点，但 如果将图片搬到手机上，就可以很清晰地看出这张图片的 亮点了。第一，产品清晰，第二，卖点突出，超薄透气送 抱枕+毛毯。这样一张推广图放在无线端，点击率肯定飙升。
5.2 促销广告设计的标准
通过反向解读，可以看到
促销广告设计的共同标准是：
1.主题突出 2.风格统一
3.目标明确
4.形式美观
尽管看起来千差万别，但内在规律却很一致
二、促销广告设计的方法——1.主题突出
第一主题
促销的过程就像一次陈述，我们 必须有一个明确的主题，所有的 元素都必须围绕着这个主题展开。 促销的主题一般是价格，折扣和 其他促销内容本身，所以这个信 息应该是放在视觉焦点上的，被 突出和放大的元素。
二、促销广告设计的方法——2.目标明确 目标人群的审美特征
面向白领的职业装，字体色彩都庄重和贵气
面向女生羽绒服，字体色彩都活泼可爱
二、促销广告设计的方法——2.目标明确 目标人群的审美特征
模特应与目标人群特征吻合，也要和产品特点吻合
TIP: 投射效应，让消费者把自己想象成画面上的模特
二、促销广告设计的方法——3.形式美观——色彩
营销视觉，主要考核的是点击率 点击率直接影响卖家的生死！
序言
当消费者被各种广告和 促销信息包围，你如何 让你的广告争取到更多 的点击率？
Fra Baidu bibliotek
以下广告你会点击那个？
点击率
3.49%
点击率
0.28%
位置
平均PV
淘宝首页第2轮播焦点图（1/3） 11,860,276
平均点击 平均点击率
157,529
一马当先 ，全员 举绩， 梅开二 度，业 绩保底 。20.10 .1620. 10.160 7:4307 :43:07 07:43: 07Oct- 20
牢记安全 之责， 善谋安 全之策 ，力务 安全之 实。202 0年10 月16日 星期五7 时43分 7秒Fri day, O ctober 16, 2 020
相信相信 得力量 。20.10 .16202 0年10 月16日 星期五7 时43分 7秒20. 10.16
谢谢大家！
更大的面积， 更粗的字体和 高对比色是基 本的强化手段
过修饰的形式会 减弱传达，过多 细节会对主题造 成干扰
二、促销广告设计的方法——1.主题突出
多主题的组合表现
同等级别的多主题 表达，形式感要保 持一致。这样让阅 读者容易找到规律， 把多条信息一次获 取。
不同等级别的多主 题表达，要分清主 次关系，把次要信 息降到第二层级， 避免平均非配造成 的主要信息弱化。
人生得意 须尽欢 ，莫使 金樽空 对月。0 7:43:0 707:43 :0707: 4310/1 6/2020 7:43: 07 AM
安全象只 弓，不 拉它就 松，要 想保安 全，常 把弓弦 绷。20. 10.160 7:43:0 707:43 Oct-20 16-Oct -20
加强交通 建设管 理，确 保工程 建设质 量。07: 43:070 7:43:0 707:43 Friday , Octo ber 16 , 2020
色彩基调产生色彩情感， 而色彩对比增加画面空 间感。
饱和度对比
色彩呼应和统一
（温和的）冷暖对比
衬底色块是最简单 的明度对比方式
TIP: 简单的控制色彩的方法是用 色不超过3种，并按照6：3：1的 比例配置
二、促销广告设计的方法——3.形式美观——字体 字体和语音的比喻
字体大小粗细相当于音强 字体越大相当于声音越大
1.29%
设计的好坏决定了点击率的多少，直接影响广告盈亏
41万次点击
0.24 单位点击成本
元
以2%的转化率，每单50元利润计算，去 除广告成本10万
盈利31万
3.3万次点击
3.03 单位点击成本
元
以2%的转化率，每单50元利润计算，去 除广告成本10万
亏损6.7万
15万 5万 TIP: 首页焦点图平均
次点击，按以上系数可盈利
排除不同品类和不同品 牌的差异，我们来看看 同一个品牌由于设计不 同带来的不同结果。
点击量
19092
首页焦点2
点击成本5.01元
点击量
16889
首页一屏B
点击成本1.65元
眼球落在哪里？
眼球？卖点？信息？
信息
信息
卖点 卖点
眼球
信息 眼球
有问题吗？
Why?
过多的元素产生的干扰
TIP: 任何的创意过程都是先做加法在做减法的过程；能否“舍”决定了能否“得”
二、促销广告设计的方法——3.形式美观——修图
修图的第一步是调整整体色温和重新取景以突出重点
二、促销广告设计的方法——3.形式美观——修图
光影是修片必须考虑 的要素；图片合成过 程中一定要注意光的 方向和色温。
• 为什么同样一个位置每个广告的 点击率会差数十倍呢？
• 为什么同一个品牌的点击效果也 不尽相同呢？
• 因为促销广告设计有着非常强的 规律性，那些点击率高的正式严 格的遵从了这些规律
可能有人会问为什么，两张图片不是都很有卖点吗？是的， 确实是这样，两张图片都很有卖点
但是左边这张图因为卖点太多，反而过于混乱，无法让买 家一目了然
取得左右平衡的增加砝码
TIP: 关于平衡的心理机制请参阅里格尔的名著《秩序感》
二、促销广告设计的方法——3.形式美观——构图 势能——是对平衡的有意识破坏，以增加注意力
同方向的鞋子产生动态势能
倾斜放置的包包产生静态势能
二、促销广告设计的方法——3.形式美观——构图
集群——人们总是把位置靠的近的看成一体的
严格把控 质量关 ，让生 产更加 有保障 。2020 年10月 上午7时 43分20 .10.16 07:43O ctober 16, 2 020
作业标准 记得牢 ，驾轻 就熟除 烦恼。2 020年1 0月16 日星期 五7时43 分7秒0 7:43:0 716 Oc tober 2020
好的事情 马上就 会到来 ，一切 都是最 好的安 排。上 午7时43 分7秒 上午7时 43分07 :43:07 20.10. 16
安全在于 心细， 事故出 在麻痹 。20.10 .1620. 10.160 7:43:0 707:43 :07Oct ober 1 6, 202 0
踏实肯干 ，努力 奋斗。2 020年1 0月16 日上午7 时43分 20.10. 1620.1 0.16
追求至善 凭技术 开拓市 场，凭 管理增 创效益 ，凭服 务树立 形象。2 020年1 0月16 日星期 五上午7 时43分 7秒07: 43:072 0.10.1 6
把关联性高的 信息组合在一 起成为集群， 便于信息传达， 应避免主要信 息分散布局
二、促销广告设计的方法——3.形式美观——构图
间隙——空白空间是画面语言的标点符号
段间距必须大 于行间距，信 息板块之间要 有明确的间隔 空间，主要内 容和图片外框 间要有版心概 念，画面要有 30%以上留白
树立质量 法制观 念、提 高全员 质量意 识。20. 10.162 0.10.1 6Frida y, Oct ober 1 6, 202 0
右边这张图片虽然卖点单一，但是将防噪音这个卖点重点 突出，很清晰。对比之下，买家会很清楚地知道右边这件 商品的最大特点是什么，他能够给我的生活带来什么改变。
上图左边的这张图片，最大特点是将推广图做成详情页的 形式，这是很好的一个创新，因为手机端屏幕小，所以很 多买家通常都懒得去看产品详情页，大多数是在手机上搜 索商品，看哪张图片做得漂亮，做得好看，就点击进去， 大概看看就付款了。在这种情境下，如果我们能够将详情 页搬到推广图上，那么不管是点击率还是转化率，或许都 可以翻几番。
巧妙的字体组合可以制造 和弦
二、促销广告设计的方法——3.形式美观——标签
简洁明快的标签更加 醒目
增加文化暗示的标签，对 品牌提到提示作用
二、促销广告设计的方法——3.形式美观——引导
就像兔子在狗 面前奔跑会勾 起狗的狩猎天 性一样，明确 的按钮和箭头 都会对买家产 生不可低估的 心理暗示
二、促销广告设计的方法——3.形式美观——气氛 气氛的塑造依赖于细节
增加了光影细节后画面显得饱满了些 增加了底纹和灯光效果，画面变得丰富生动
TIP: 请记住设计大师 米斯·范·多·罗的名言： “上帝在细节之中”
二、促销广告设计的方法——3.形式美观——对比和夸张
大小对比 虚实对比
二、促销广告设计的方法——3.形式美观——取舍
背光
光泽 阴影
二、促销广告设计的方法——3.形式美观——修图
退底羽化不 够造成的边 缘僵化
退底羽化过 度造成的相 互渗透
二、促销广告设计的方法——3.形式美观——修图
正确的倒影，增加细节和品质感
新手常犯的倒影错误
二、促销广告设计的方法——3.形式美观——构图 平衡——画面的平衡感取决于各元素“视觉重量”
效果优秀促销广告>
二、促销广告设计的方法——1.主题突出 信息传达的层次结构 陈述的过程是分层次展开的，和语言的逻辑
一样，设计的逻辑也是按层次结构展开的：
人本能会先看人脸！ 是吸引目光的手段
突出的折扣信息，作为第一层 级信息被强化
辅助信息为第三层级
暗示信息 为第四层级
产品信息是第二层级
二、促销广告设计的方法——1.主题突出 通过形式强化主题，形式不可大于内容
至于右边这张图片，可能在电脑上看不出来什么特点，但 如果将图片搬到手机上，就可以很清晰地看出这张图片的 亮点了。第一，产品清晰，第二，卖点突出，超薄透气送 抱枕+毛毯。这样一张推广图放在无线端，点击率肯定飙升。
5.2 促销广告设计的标准
通过反向解读，可以看到
促销广告设计的共同标准是：
1.主题突出 2.风格统一
3.目标明确
4.形式美观
尽管看起来千差万别，但内在规律却很一致
二、促销广告设计的方法——1.主题突出
第一主题
促销的过程就像一次陈述，我们 必须有一个明确的主题，所有的 元素都必须围绕着这个主题展开。 促销的主题一般是价格，折扣和 其他促销内容本身，所以这个信 息应该是放在视觉焦点上的，被 突出和放大的元素。
二、促销广告设计的方法——2.目标明确 目标人群的审美特征
面向白领的职业装，字体色彩都庄重和贵气
面向女生羽绒服，字体色彩都活泼可爱
二、促销广告设计的方法——2.目标明确 目标人群的审美特征
模特应与目标人群特征吻合，也要和产品特点吻合
TIP: 投射效应，让消费者把自己想象成画面上的模特
二、促销广告设计的方法——3.形式美观——色彩
营销视觉，主要考核的是点击率 点击率直接影响卖家的生死！
序言
当消费者被各种广告和 促销信息包围，你如何 让你的广告争取到更多 的点击率？
Fra Baidu bibliotek
以下广告你会点击那个？
点击率
3.49%
点击率
0.28%
位置
平均PV
淘宝首页第2轮播焦点图（1/3） 11,860,276
平均点击 平均点击率
157,529
一马当先 ，全员 举绩， 梅开二 度，业 绩保底 。20.10 .1620. 10.160 7:4307 :43:07 07:43: 07Oct- 20
牢记安全 之责， 善谋安 全之策 ，力务 安全之 实。202 0年10 月16日 星期五7 时43分 7秒Fri day, O ctober 16, 2 020
相信相信 得力量 。20.10 .16202 0年10 月16日 星期五7 时43分 7秒20. 10.16
谢谢大家！
更大的面积， 更粗的字体和 高对比色是基 本的强化手段
过修饰的形式会 减弱传达，过多 细节会对主题造 成干扰
二、促销广告设计的方法——1.主题突出
多主题的组合表现
同等级别的多主题 表达，形式感要保 持一致。这样让阅 读者容易找到规律， 把多条信息一次获 取。
不同等级别的多主 题表达，要分清主 次关系，把次要信 息降到第二层级， 避免平均非配造成 的主要信息弱化。
人生得意 须尽欢 ，莫使 金樽空 对月。0 7:43:0 707:43 :0707: 4310/1 6/2020 7:43: 07 AM
安全象只 弓，不 拉它就 松，要 想保安 全，常 把弓弦 绷。20. 10.160 7:43:0 707:43 Oct-20 16-Oct -20
加强交通 建设管 理，确 保工程 建设质 量。07: 43:070 7:43:0 707:43 Friday , Octo ber 16 , 2020
色彩基调产生色彩情感， 而色彩对比增加画面空 间感。
饱和度对比
色彩呼应和统一
（温和的）冷暖对比
衬底色块是最简单 的明度对比方式
TIP: 简单的控制色彩的方法是用 色不超过3种，并按照6：3：1的 比例配置
二、促销广告设计的方法——3.形式美观——字体 字体和语音的比喻
字体大小粗细相当于音强 字体越大相当于声音越大
1.29%
设计的好坏决定了点击率的多少，直接影响广告盈亏
41万次点击
0.24 单位点击成本
元
以2%的转化率，每单50元利润计算，去 除广告成本10万
盈利31万
3.3万次点击
3.03 单位点击成本
元
以2%的转化率，每单50元利润计算，去 除广告成本10万
亏损6.7万
15万 5万 TIP: 首页焦点图平均
次点击，按以上系数可盈利
排除不同品类和不同品 牌的差异，我们来看看 同一个品牌由于设计不 同带来的不同结果。
点击量
19092
首页焦点2
点击成本5.01元
点击量
16889
首页一屏B
点击成本1.65元
眼球落在哪里？
眼球？卖点？信息？
信息
信息
卖点 卖点
眼球
信息 眼球
有问题吗？
Why?
过多的元素产生的干扰
TIP: 任何的创意过程都是先做加法在做减法的过程；能否“舍”决定了能否“得”
二、促销广告设计的方法——3.形式美观——修图
修图的第一步是调整整体色温和重新取景以突出重点
二、促销广告设计的方法——3.形式美观——修图
光影是修片必须考虑 的要素；图片合成过 程中一定要注意光的 方向和色温。
• 为什么同样一个位置每个广告的 点击率会差数十倍呢？
• 为什么同一个品牌的点击效果也 不尽相同呢？
• 因为促销广告设计有着非常强的 规律性，那些点击率高的正式严 格的遵从了这些规律
可能有人会问为什么，两张图片不是都很有卖点吗？是的， 确实是这样，两张图片都很有卖点
但是左边这张图因为卖点太多，反而过于混乱，无法让买 家一目了然
取得左右平衡的增加砝码
TIP: 关于平衡的心理机制请参阅里格尔的名著《秩序感》
二、促销广告设计的方法——3.形式美观——构图 势能——是对平衡的有意识破坏，以增加注意力
同方向的鞋子产生动态势能
倾斜放置的包包产生静态势能
二、促销广告设计的方法——3.形式美观——构图
集群——人们总是把位置靠的近的看成一体的
严格把控 质量关 ，让生 产更加 有保障 。2020 年10月 上午7时 43分20 .10.16 07:43O ctober 16, 2 020
作业标准 记得牢 ，驾轻 就熟除 烦恼。2 020年1 0月16 日星期 五7时43 分7秒0 7:43:0 716 Oc tober 2020
好的事情 马上就 会到来 ，一切 都是最 好的安 排。上 午7时43 分7秒 上午7时 43分07 :43:07 20.10. 16
安全在于 心细， 事故出 在麻痹 。20.10 .1620. 10.160 7:43:0 707:43 :07Oct ober 1 6, 202 0
踏实肯干 ，努力 奋斗。2 020年1 0月16 日上午7 时43分 20.10. 1620.1 0.16
追求至善 凭技术 开拓市 场，凭 管理增 创效益 ，凭服 务树立 形象。2 020年1 0月16 日星期 五上午7 时43分 7秒07: 43:072 0.10.1 6
把关联性高的 信息组合在一 起成为集群， 便于信息传达， 应避免主要信 息分散布局
二、促销广告设计的方法——3.形式美观——构图
间隙——空白空间是画面语言的标点符号
段间距必须大 于行间距，信 息板块之间要 有明确的间隔 空间，主要内 容和图片外框 间要有版心概 念，画面要有 30%以上留白
树立质量 法制观 念、提 高全员 质量意 识。20. 10.162 0.10.1 6Frida y, Oct ober 1 6, 202 0
右边这张图片虽然卖点单一，但是将防噪音这个卖点重点 突出，很清晰。对比之下，买家会很清楚地知道右边这件 商品的最大特点是什么，他能够给我的生活带来什么改变。
上图左边的这张图片，最大特点是将推广图做成详情页的 形式，这是很好的一个创新，因为手机端屏幕小，所以很 多买家通常都懒得去看产品详情页，大多数是在手机上搜 索商品，看哪张图片做得漂亮，做得好看，就点击进去， 大概看看就付款了。在这种情境下，如果我们能够将详情 页搬到推广图上，那么不管是点击率还是转化率，或许都 可以翻几番。