电商视觉营销图文课件
合集下载
电子商务视觉设计PPT课件(共8章)第6章 电商网店详情页视觉设计
学习重点和难点
• 学习重点： 电商网店详情页视觉设计方法
• 学习难点： 电商网店详情页视觉设计制作
第一节 电商网店详情页认知
1.1 详情页意义
电商网店详情页是展示商品信息的页面，通常消费者注意到感兴趣的首页后， 最想浏览的就是详情页，它直接决定了电商网店能否留住消费者，达成交易。
1.2 详情页营销流程
第四节 产品细节图视觉设计
4.3 商品细节图视觉设计案例——品牌女鞋 案例效果：选择“直线工具”，性栏中将填充颜色设置为黑色，描边颜色设置
为无，描边宽度设置为1像素，然后绘制指示连接线，完成最终效果图。
第五节 商品功能图视觉设计
5.1 商品功能图认知
如下图所示商品功能图对商品的功能或作用进行翔实、透彻的分析和说明。 在整个商品详情页中商品功能图的位置相对靠后，能坚持浏览到这里的消费者说 明已经对商品产生了很大兴趣。因此，商品功能图视觉设计的好坏，直接影响消 费者对商品的持续认可，进而影响消费者下单。
（四）服务型：详情页中保修费用全免、送货上门、无忧退换等有保障的售后 服务虽然不计入商品价值，却深受消费者喜爱。
（五）附加型：有时可以通过详情页中体现的附加价值来提高店铺的销量和消 费者的黏性。该类型详情页虽然是老客户的服务通道及专属的优惠力度，但是新 客户也会有相应的礼品。
第二节 商品主图视觉设计
第二节 商品主图视觉设计
2.2 商品主图设计形式 （一）摆拍设计商品主图的基本要求是可以清晰
地展示商品全貌。商品摆拍可以使用纯白背景或简洁 背景，这种设计的优点是直接、干净，可以让消费者 快速了解商品的外观与颜色，最能直观地表现商品特 点和属性。
（二）场景设计场景设计是指通过模特进行商品 展示，或者根据产品特点和用途搭建生活化、场景化 的环境。这种设计在展示商品的同时，还可以起到烘 托商品氛围的作用。场景设计通常需要较高的成本和 一定的拍摄技巧运用不当会适得其反。
电商视觉营销图文
01
ቤተ መጻሕፍቲ ባይዱ
02
03
色彩心理学
运用色彩心理学原理，选 择与品牌形象、产品特点 相符合的颜色，以激发消 费者的情感共鸣。
色彩对比与调和
通过对比色、邻近色、冷 暖色等搭配，营造出层次 感、立体感和视觉冲击力。
色彩情感表达
利用色彩的情感属性，如 红色代表热情、蓝色代表 冷静，传递品牌价值和产 品卖点。
字体选择与排版
产品展示与差异化
产品展示
利用高质量的图片、视频和3D模型等多媒体手段，全面展示产品的外观、功能 和特点。
差异化
通过创意和个性化的产品呈现，使产品在众多竞争对手中脱颖而出，提高用户关 注度。
用户体验与互动设计
用户体验
优化网站布局、导航和信息架构，提供简单、直观的购物流 程，降低用户操作难度。
互动设计
电商视觉营销的重要性
01
提高品牌知名度和形象
通过视觉设计传达品牌理念和价值观，提升品牌形象和 认知度。
02
提升用户体验
良好的视觉设计可以增强用户对网站的友好感和易用性 ，提高用户满意度。
03
提高转化率
吸引人的视觉元素可以激发消费者的购买欲望，促进转 化率的提升。
电商视觉营销的历史与发展
历史
电商视觉营销起源于互联网的初期， 随着技术的发展和消费者需求的演变 而不断发展。
图片修饰
运用裁剪、滤镜、调色等技巧， 突出产品特点，增强视觉效果。
图文结合
将文字与图片有机结合，形成视 觉冲击力，提高用户转化率。
动画效果与交互设计
动画效果
动态交互
运用动画效果，如渐变、旋转、缩放 等，吸引用户注意力，提高点击率。
利用动态交互元素，如交互动画、3D 效果等，增强用户参与感和沉浸感。
视觉营销培训课件(ppt 53页)
视线流动规律
• 直线特点 • 由大到小递减的方式移动 • 视线的流动是反复多次的 • 容易受较强的刺激所感知 • 由强到弱 • 先水平后垂直
直线特点
• 因为直线是连接两个刺激物最短的距离
由大到小递减的方式移动
先看到大的，再看小的
视线的流动是反复多次的
• 停留的时间越长，获得的信息量就越多
容易受较强的刺激所感知
留意事项——
1.流水台的高度最好为顾客的黄金视觉点
(利用模特增加高度） 2.180cm以上高度可以吸引远处的顾客，也就是
影响着我们的进店率 3.45cm以下的不要展示商品，因为过低顾客看
不到，还有就是容易粘到灰尘
不同高度的展示要求
• 不同空间高度 • 不同商品类别 • 不同的道具开发及运用
• 注意，你的陈列是做给顾客看的，所以要以顾客的生活习惯为出发点。
商品储藏空间
卖场配置原则——
• 所以按照顾客在货架前常规的观看距离与角度 （与货架一米的距离时） 有效的视线范围一般在 60-180cm之间，但看得清楚的范围是80-150cm
• 45-60 商品的储存空间 • 60-180 商品展示空间 • 80-150 黄金展示空间 • 180-240 店铺氛围空间
及品牌所营造的生活方式 • 橱窗VP 店内磁石VP
橱窗VP的作 用
• 任何一家店铺的卖场，都不能忽视VP的重要性，主要起到吸引消费 者目光，引起注意，提升品牌形象的作用，它必须在最重要、最醒 目的位置
• 1）品牌形象及品牌文化宣传
• 2）表达店铺、卖场的整体形象 • 3）引导顾客进入店内、卖场
作用
• 4）增加店铺关注度，从而提升进店率
• 5）提示重点商品题目、重点商品
视觉营销(PPT53页)
6、齐码率
陈列步骤
1、观察现场 2、数据分析 3、店铺规划 4、人员分工 5、细节调整与货品整理
卖场十式
1、一款多色 2、一色多款 3、组色突出 4、主色统一 5、见风使舵
6、上下照应 7、内外照应 8、锦上添花 9、组合搭配 10、琴键法
1、一款多色
二 、 一 色 多 款
3、组色突出
4、主色统一
5、见风使舵
6、上下照应
7、内外照应
8、锦上添花
9、组合搭配
10、琴键法
1、对称法
格局陈列手法
2、均衡法
格局陈列手法
3、重复法
格局陈列手法
4、协调法
格局陈列手法
终端卖场的“眼睛〞 ——橱窗
橱窗设计原则
1、客流走向 2、橱窗卖场形成一个整体 3、与卖场内营销活动相照应 4、主题简洁鲜明，风格突出 5、配搭装饰品使其更生动
1、客流走向
2、橱窗卖场形成一个整体
3、与卖场内营销活动相照应
4、主题简单鲜明，风格突出
5、搭配饰品，使其更生动
模特摆放要求
橱窗道具
行走路线
行走路线
橱窗陈列模式
1、场景式
可让顾客联想到的某一个场景
橱窗陈列模式
2、主题式
主题明显，一目了然
橱窗陈列模式
3、个性化
个性的橱窗给顾客留下深刻印象
这三个地方我们应该要重点来陈列
判定主通道位置
￥ 休息区
主副6:4
焦 点 设 置
绘制场区图
全身模特：
半身模特： 中岛柜： 流水台： 长侧挂：
上装正挂： 下装正挂： 套挂： 短层板： 长层板：
短侧挂: 层板叠装： 玻璃鞋墙
网店视觉营销PPT幻灯片
to retain text.
品牌街区
Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet.
2020/3/9
10
容易选
容易选主要涉及产品的分类设置、导航引导、产品推
荐等。产品分关好比商场成机中的区域划分和商品陈
目录 列，如果它们随便规划和摆放，定不利于用户的选购。
因此，手们在视觉规划店铺时，就要做好导航条和导
航区 的规规划以及产品分类的规划，从而方便
顾客查找和购买。
容易选
2020/3/9
Visual Merchanding
2018
网店视-觉营销
2020/3/9
1
CONTENT
01
视觉营销综述
02
电子商务识别
2020/3/9
2
2020/3/9
01.PART ONE 视觉营销综述
3
视觉营销综述
2020/3/9
01.
视觉营销的定义
视觉营销U的ni意fie义d fonts mak视e r觉ea营din销g m综o述re fluent. Theme color0m3a. kes PPT more con0v2e. nien实t to体ch店an与ge网. 店对比
2020/3/9
03 容易懂
02 容易看
0பைடு நூலகம் 容易选
05 容易买
01 容易进
06 容易回
网店用户体验六易原则
7
容易进原则
品牌街区
Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet.
2020/3/9
10
容易选
容易选主要涉及产品的分类设置、导航引导、产品推
荐等。产品分关好比商场成机中的区域划分和商品陈
目录 列，如果它们随便规划和摆放，定不利于用户的选购。
因此，手们在视觉规划店铺时，就要做好导航条和导
航区 的规规划以及产品分类的规划，从而方便
顾客查找和购买。
容易选
2020/3/9
Visual Merchanding
2018
网店视-觉营销
2020/3/9
1
CONTENT
01
视觉营销综述
02
电子商务识别
2020/3/9
2
2020/3/9
01.PART ONE 视觉营销综述
3
视觉营销综述
2020/3/9
01.
视觉营销的定义
视觉营销U的ni意fie义d fonts mak视e r觉ea营din销g m综o述re fluent. Theme color0m3a. kes PPT more con0v2e. nien实t to体ch店an与ge网. 店对比
2020/3/9
03 容易懂
02 容易看
0பைடு நூலகம் 容易选
05 容易买
01 容易进
06 容易回
网店用户体验六易原则
7
容易进原则
《视觉营销》课件——第一节-视觉营销
顾客下单的两种方式： 1、静默转化（自助下单） 2、咨询下单
ቤተ መጻሕፍቲ ባይዱ
视觉营销误区-转化率的漏水点
访客 100%
总计100人
首页 流失60% 中间页 流失30%
仅剩40人 仅剩28人
店铺首页 流失量最大
产品页 流失80% 仅剩6人
产品页 紧随其后
购物车流失 仅剩2-3人 消费者流失模拟图
结论：首页流失最大，要重视首页； 产品页面承载最后的交易成功率，要 花心思来指引视觉优化的部分。
因此，视觉营销在电子商务中的作用，就是通过色彩、图像、文字等形成强烈视觉冲击力来博取 人们的眼球，吸引消费者点击进店，提升店铺流量，进而刺激其购物欲望，把这股流量转化为成交量， 并且仅聚焦眼球还不够，更重要的是要塑造网店的品牌形象，这样才能将有效的流量转变为忠实流量。
视觉营销的运作流程
视觉营销的运作是一项经验性 和操作性都很强的技术。不管是店 铺设计、商品陈列、广告设计、橱 窗设计，还是网站设计等视觉营销 活动，都需要经过系列环节和一定 的程序才能完成。一个完整的视觉 营销流程包含四个步骤，具体如右 图所示。
搜索 流量
其他 流量
店铺优 化流量
流量的 来源
会员关系 管理流量
站内推 广流量
站外推 广流量
衡量视觉营销数据指标
引流的技巧
1、做好商品搜索排名优化 2、做好网店装修 3、善用宣传推广渠道 4、培养忠实顾客群体
衡量视觉营销数据指标
二、彰显电商成交的关键数据——转化率
视觉营销误区-盲目功能化
图片过度堆砌——反例
视觉营销误区-盲目功能化
正例
视觉营销误区-风格定位缺失 风格定位缺失
视觉营销误区-风格定位缺失 正例
ቤተ መጻሕፍቲ ባይዱ
视觉营销误区-转化率的漏水点
访客 100%
总计100人
首页 流失60% 中间页 流失30%
仅剩40人 仅剩28人
店铺首页 流失量最大
产品页 流失80% 仅剩6人
产品页 紧随其后
购物车流失 仅剩2-3人 消费者流失模拟图
结论：首页流失最大，要重视首页； 产品页面承载最后的交易成功率，要 花心思来指引视觉优化的部分。
因此，视觉营销在电子商务中的作用，就是通过色彩、图像、文字等形成强烈视觉冲击力来博取 人们的眼球，吸引消费者点击进店，提升店铺流量，进而刺激其购物欲望，把这股流量转化为成交量， 并且仅聚焦眼球还不够，更重要的是要塑造网店的品牌形象，这样才能将有效的流量转变为忠实流量。
视觉营销的运作流程
视觉营销的运作是一项经验性 和操作性都很强的技术。不管是店 铺设计、商品陈列、广告设计、橱 窗设计，还是网站设计等视觉营销 活动，都需要经过系列环节和一定 的程序才能完成。一个完整的视觉 营销流程包含四个步骤，具体如右 图所示。
搜索 流量
其他 流量
店铺优 化流量
流量的 来源
会员关系 管理流量
站内推 广流量
站外推 广流量
衡量视觉营销数据指标
引流的技巧
1、做好商品搜索排名优化 2、做好网店装修 3、善用宣传推广渠道 4、培养忠实顾客群体
衡量视觉营销数据指标
二、彰显电商成交的关键数据——转化率
视觉营销误区-盲目功能化
图片过度堆砌——反例
视觉营销误区-盲目功能化
正例
视觉营销误区-风格定位缺失 风格定位缺失
视觉营销误区-风格定位缺失 正例
网店视觉营销(网店运营与管理)课件
学习交流PPT
7
了解网拍商品特点
网络商品拍摄对象，从广义上来说指的是一切可以出售的物品，它包括花卉、 瓜果、蔬菜、日常用品、工业用品、手工艺品等。 1、对象静止 商品拍摄区别于其它摄影的最大特点，是它所拍摄的对象都是静止的 物体。 2、摆布拍摄 摆布拍摄是区别于其它摄影的又一个显著特点，不需要匆忙的现场拍 摄，图片要有一个明确的主体内容，取景不能过于杂乱，画面要简洁，主次分明。 3、还原真实 不必要过于追求意境，失去物品的本来面貌，一定要真实，拍摄完成 后要及时核对照片，避免出现与实物太大的色差，引起不必要的售后纠纷。
学习交流PPT
17
任务分解
对于商品图片美化的任务小艾已经得心应手，商品图片美化是电商美工最基 本的知识技能，小艾团队所有新进成员都是从商品图片美化这个岗位入手的，要完 成这个任务需要掌握三个方面的的知识，首先认识图片美化的工具了解基本操作功 能，其次是熟练掌握裁图、美图、修图、抠图等图片处理的四大技能，最后要对四 大技能进行综合应用。
4
课程导入
美途电商是一家以互联网销售为主的电子商务公司， 最近公司经过市场调研分析，决定推出一款儿童书包新产 品，小艾所在的视觉设计部门接到的任务是负责这款幼儿 园书包的商品信息采编工作，商品信息采编的流程包括3个 环节，商品拍摄是第一个环节，且看小艾是如何完成网店 商品拍摄的。
学习交流PPT
5
任务分解
学习交流PPT
10
相机基本操作
熟悉了数码相机各部分的功能按钮，大家可能觉得非常复杂，其实，单就使 用数码相机来进行拍摄还是很简单的，只要照着下面的介绍就能拍出正常成像的数 码相片。
学习交流PPT
11
布景
商品的摆放是陈列艺术，同样的商品用不同的造型和摆放方式会带来不同的 视觉效果，而不同的视觉感受会直接影响顾客是否会购买的决定，商品采用什么摆 放角度和组合最能体现其产品性能、特点及价值，是在拿起相机拍摄前要思考的问 题，因为商品摆放决定了照片的基本构图。
电商视觉营销arPPT课件
客单价 客单价是指每一个用户在一定周期内，平均购买商品的金额。 其计算公式是：客单价=成交金额/成交人数。
一般指一家店铺一天的交易中，每个用户所产生的平均交易金额。 将范围扩大，或者将时期拉长，都会使客单价的数字被放大，因此 在比较的过程中要注意前提的统一。
店铺的真实情况
店铺问题的真实情况是这样的：
字体
由于字体的直观可读、快速的信息传递速度、明确的含义、民族间的 共通性，使得各大商家都将字体型作为本企业的标志和广告宣传的主 要设计元素.
下面一起欣赏几个字体
SUCCESS
THANK YOU
2019/7/20
字体
1）小组为单位从下述产品中选出一种，写一句广告语，并简要概括 你们的理由。
电商视觉营销
---龙晓丹
PART I
视觉营销概述
添加文本
视觉营销 的几点问 题
品牌 视觉
产品 视觉
营销 视觉
1.1 店铺视觉遇到ቤተ መጻሕፍቲ ባይዱ问题
1）我的店铺视觉没有记忆点 2）视觉导购有问题 3）版面布局反映乱
4）不知顾客想看什么，喜欢什么 5）如何让客户加速下单 。。。。。。
销售额 = 展现量 X 点击率 X 转化率 X 客单价
1.2 品牌视觉
Logo 标志是品牌最重要的表达符号，是品牌存在的核心象征。图形、文 字、颜色是构成标识的核心要素。 单就品牌标识而言，“形状”发挥的作用要胜于“颜色”。我们在 记忆一个品牌标志时，往往印象最深的就是形状。没有形状，或形 状缺乏特色，单单颜色识别难有任何用武之地的。
放大标志。 以品牌标志为主角，一个最简单的方法是在广告画面中将标志放大，成为视觉 上的中心或者次中心。
我的店铺通过诊断，现存在诸多问题，可我又不知道如何办，现请 大家指点迷精，请求帮助。
电商视觉营销设计模板ppt课件
1.1经典形式美法则
u1.1.1对称与均衡 u1.1.2重复与节奏 u1.1.3对比与统一 u课堂作业
5
1平面设计基础
1.2常用色彩配色设计法则及进阶学习
u1.2.1色彩搭配法则 u1.2.2色彩传达 u1.2.3色彩搭配自学进阶 u课堂作业
6
1平面设计基础
1.3字体的构成法则与编排
u1 . 3 . 1 字 体 在 版 面 中 的 构 成 法 则 u1 . 3 . 2 段 落 文 字 的 编 排 法 则 u1 . 3 . 3 追 求 最 优 视 觉 效 果 的 字 体 组 合 法 则 u课 堂 作 业 1 u课 堂 作 业 2 u课 堂 作 业 3
23
0
3
第3篇综合项目实战
24
6商品拍摄实战—— 以电热水壶为例
6.1商品拍摄的基本流程 6.2拍摄流程详解
课堂作业
25
7商品图片精修实战— — 以加湿器为例
7.1图片精修的基本思路 7.2精修流程详解
课堂作业
26
8促销广告设计实战— — 以小家电为例
8.1促销广告设计的基本流程 8.2制作过程详解
9
2常用模块视觉营销设计
2.2店招视觉营销设计
u2 . 2 . 1 与 店 铺 整 体 的 色 彩 和 风 格 统 一 u2 . 2 . 2 简 洁 大 气 ， 以 少 胜 多 u2 . 2 . 3 合 理 且 丰 富 的 营 销 手 段 u课堂作业
10
2常用模块视觉营销设计
2 . 3banner视觉营销设计
21
5图片处理
5.2图片色彩优化
u5.2.1修复图片颜色 u5 . 2 . 2photoshop中的色彩优化命令 u课堂作业 u5 . 2 . 2Photoshop中的色彩优化命令 u课堂作业
u1.1.1对称与均衡 u1.1.2重复与节奏 u1.1.3对比与统一 u课堂作业
5
1平面设计基础
1.2常用色彩配色设计法则及进阶学习
u1.2.1色彩搭配法则 u1.2.2色彩传达 u1.2.3色彩搭配自学进阶 u课堂作业
6
1平面设计基础
1.3字体的构成法则与编排
u1 . 3 . 1 字 体 在 版 面 中 的 构 成 法 则 u1 . 3 . 2 段 落 文 字 的 编 排 法 则 u1 . 3 . 3 追 求 最 优 视 觉 效 果 的 字 体 组 合 法 则 u课 堂 作 业 1 u课 堂 作 业 2 u课 堂 作 业 3
23
0
3
第3篇综合项目实战
24
6商品拍摄实战—— 以电热水壶为例
6.1商品拍摄的基本流程 6.2拍摄流程详解
课堂作业
25
7商品图片精修实战— — 以加湿器为例
7.1图片精修的基本思路 7.2精修流程详解
课堂作业
26
8促销广告设计实战— — 以小家电为例
8.1促销广告设计的基本流程 8.2制作过程详解
9
2常用模块视觉营销设计
2.2店招视觉营销设计
u2 . 2 . 1 与 店 铺 整 体 的 色 彩 和 风 格 统 一 u2 . 2 . 2 简 洁 大 气 ， 以 少 胜 多 u2 . 2 . 3 合 理 且 丰 富 的 营 销 手 段 u课堂作业
10
2常用模块视觉营销设计
2 . 3banner视觉营销设计
21
5图片处理
5.2图片色彩优化
u5.2.1修复图片颜色 u5 . 2 . 2photoshop中的色彩优化命令 u课堂作业 u5 . 2 . 2Photoshop中的色彩优化命令 u课堂作业
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
将不同地方的人们链接在一起的新的视觉？ 视觉是一个生理学词汇。光作用于视觉器官，使其感受
细胞兴奋，其信息经视觉神经系统加工后便产生视觉 （vision）。通过视觉，人和动物感知外界物体的大小、 明暗、颜色、动静，获得对机体生存具有重要意义的各 种信息，至少有80％以上的外界信息经视觉获得，视觉 是人和动物最重要的感觉。 怎么利用视觉来获得利润呢？ 视觉营销：是市场营销层面上一部分销售技术的总和， 这部分销售技术可以使我们向（潜在的）消费者在最好 条件下，包括物质和精神两方面，展示我们用于销售的 产品和服务。
如何刺激买家的购买欲望？
答案：优秀的视觉营销
电商视觉营销图文
17
视觉营销
电商视觉营销图文
18
视觉营销
电商视觉营销图文
19
视觉营销影响的部分： 1、视觉营销影响页头在搜索是曝光的点击转化率。 要点：体现视觉传达的重点（即，产品卖点）与同类型产品有强
烈的差异性！ 2、视觉营销影响宝贝详情展示给买家时的接受信息，从而影
电商视觉营销图文
41
添加文本
初识 网络视觉
色彩 与 视觉
视觉营销 概述
视觉营销 实例
电商视觉营销图文
1
PART I
初识网络视觉
电商视觉营销图文
2
初识：web与视觉营销
什么是WEB（网络）？ 什么是视觉营销？
电商视觉营销图文
3
先来看看网络
网络
你所认为的上网年龄
网络：就是用物理链路将各个孤立的工作站或主机相连在一起， 组成数据链路，从而达到资源共享和通信的目的。
电商视觉营销图文
5
视觉营销
• 网络中获取信息的方式： 最初的数字符号——文字符号——图片（信息的演
化历史） 人沟通和获取信息方式：语言——文字——图片
• 网络中的视觉营销重要性。 利用视觉感官——达到盈利的目的
电商视觉营销图文
6
PART 2
色彩与视觉
电商视觉营销图文
7
色彩
颜色的感觉： （1）色彩的冷、暖感 （2）色彩的轻、重感 （3）色彩的软、硬感 （4）色彩的前、后感 （5）色彩的大、小感 （6）色彩的华丽、质朴感 （7）色彩的活泼、庄重感 （8）色彩的兴奋与沉静感
36
热销推荐
电商视觉营销图文
37
某文具品牌关联销售后的数据
电商视觉营销图文
38
30天销量的70%在下半月
电商视觉营销图文
39
店铺黄金展位关联销售
电商视觉营销图文
40
店铺改版前 2010年1月6日至2010年2月5日（一个月）， 店铺评分人数：419人
店铺改版后 2010年2月5日至2010年3月5日（一个月）， 店铺评分人数增长到：1229人
两张图片都是选自昨天的淘宝首页轮播
从图片美观程度上来说图a 无论是在构图上海是色彩上都比图b好， 图b看起来颇有点山寨的味道。
但实际上呢？
淘首页的小二透漏图B的点击转化率和订单转化率都比图A高很多！ 何解？就像大家回答的这样。因为图B准确的展现了他的卖点，而图 A的卖点并不明确！
给大家分享两句交互设计大师的名言结束这个误区！ 漂亮的页面只能用来加分，不能用来打分！舒服、准确是比漂亮更 高层次的艺术！
电商视觉营销图文
22
PART 4
视觉营销实例
电商视觉营销图文
23
装修店铺 引爆流量
电商视觉营销图文
24
案例对比
电商视觉营销图文
25
25
数据对比
IPV_UV：浏览过商品详情页面的访问者（独立访问者） 客单价：每件商品的平均交易价格 店铺UV：访问者（独立访问者），不可以累加或相减 成交UV：成功交易的独立访问者 交易笔数：成功交易的订单数
响订单转化率。 要点：在描述中凸显产品的价值：卖点、价值点、可靠性 3、视觉营销影响关联销售的点击转化率、和订单转化率。 要点：可发现性、可访问性 4、视觉营销影响广告推送的全部！
误区：好的视觉营销就是漂亮的图片！
电商视觉营销图文
20
视觉营销
淘宝案例：
电商视觉营销图文
21
哪个更好一点呢？？
电商视觉营销图文
32
电商视觉营销图文
33
视觉营销
电商视觉营销图文
34
事实例证
当然只做卖家的销售，没有好的设计也是很难达 到提高转化率和销量。
这样就需要我们了解：如何做好店面与图片的设 计？
（使之产生店铺转化率以及页面访问深度）
电商视觉营销图文
35
某文具品牌做完关联销售后效果
电商视觉营销图文
如果让你做一个简单的修改，让人们的目光转移到 文字标题上，你会怎么做？
正确答案：给婴儿转转身，让婴儿看着标题！我们 来看看修改之后的效果。
电商视觉营销图文
13
视觉
从用户注视信息中： (1) 推断人们感兴趣或引起注意的内容 (2) 通过所注视的对象可得到其指代对 象 (3) 暗示对象之间的关系
电商视觉营销图文
电商视觉营销图文
26
• 你认为在视觉营销中以下三点哪个最重要？
电商视觉营销图文
27
1. 左上配好视觉焦点并加以强调 2. 横向整列排列图片，统一背景 3. 做成点对称
电商视觉营销图文
28
电商视觉营销图文
29
电商视觉营销图文
30
• 另一家店铺的设计
电商视觉营销图文
31
2011年4月淘宝首页焦点图
电商视觉营销图文
8
色彩
膨胀与收缩
暖色调
轻的配色
柔软配色
前进与后退
冷色调
重的配色
坚硬配色
电商视觉营销图文
9
色彩
色彩搭配出的感觉与味觉
华丽的色彩
爽朗的色彩
苦的感觉
酸的感觉
朴素的色彩
阴郁的色彩
辣的感觉
甜的感觉
电商视觉营销图文
10
视觉
图片的视觉吸引力：
电商视觉营销图文
11
视觉
电商视觉营销图文
12
视觉
14
PART 3
视觉营销概述
电商视觉营销图文
15
视觉营销
视觉营销概念： “视觉营销（VMD）”由来已久，最初我们谈到视觉 营销想到的都是陈列、装饰、卖场，是一些具象的东西。
视觉营销的意义： 所有买家在购物的时候都有一个同样的流程： 产品进入视线——信息传递到大脑——产生购买欲望——形成购买。
产品有选择性的进入买家视线——买家有选择性的接收信息到大脑—— 传达的信息刺激买家，从而产生购买欲望——最终形成购买。
其实做好业绩就是在眼花缭乱的市场中霸占买家视线、让买家重点接收 你想传达的信息、刺激买家的购物欲！
电商视觉营销图文
16
视觉营销
那么如何在万千商品中脱颖而出？
如何让买家接收你的优点、屏蔽你 的弊端？
细胞兴奋，其信息经视觉神经系统加工后便产生视觉 （vision）。通过视觉，人和动物感知外界物体的大小、 明暗、颜色、动静，获得对机体生存具有重要意义的各 种信息，至少有80％以上的外界信息经视觉获得，视觉 是人和动物最重要的感觉。 怎么利用视觉来获得利润呢？ 视觉营销：是市场营销层面上一部分销售技术的总和， 这部分销售技术可以使我们向（潜在的）消费者在最好 条件下，包括物质和精神两方面，展示我们用于销售的 产品和服务。
如何刺激买家的购买欲望？
答案：优秀的视觉营销
电商视觉营销图文
17
视觉营销
电商视觉营销图文
18
视觉营销
电商视觉营销图文
19
视觉营销影响的部分： 1、视觉营销影响页头在搜索是曝光的点击转化率。 要点：体现视觉传达的重点（即，产品卖点）与同类型产品有强
烈的差异性！ 2、视觉营销影响宝贝详情展示给买家时的接受信息，从而影
电商视觉营销图文
41
添加文本
初识 网络视觉
色彩 与 视觉
视觉营销 概述
视觉营销 实例
电商视觉营销图文
1
PART I
初识网络视觉
电商视觉营销图文
2
初识：web与视觉营销
什么是WEB（网络）？ 什么是视觉营销？
电商视觉营销图文
3
先来看看网络
网络
你所认为的上网年龄
网络：就是用物理链路将各个孤立的工作站或主机相连在一起， 组成数据链路，从而达到资源共享和通信的目的。
电商视觉营销图文
5
视觉营销
• 网络中获取信息的方式： 最初的数字符号——文字符号——图片（信息的演
化历史） 人沟通和获取信息方式：语言——文字——图片
• 网络中的视觉营销重要性。 利用视觉感官——达到盈利的目的
电商视觉营销图文
6
PART 2
色彩与视觉
电商视觉营销图文
7
色彩
颜色的感觉： （1）色彩的冷、暖感 （2）色彩的轻、重感 （3）色彩的软、硬感 （4）色彩的前、后感 （5）色彩的大、小感 （6）色彩的华丽、质朴感 （7）色彩的活泼、庄重感 （8）色彩的兴奋与沉静感
36
热销推荐
电商视觉营销图文
37
某文具品牌关联销售后的数据
电商视觉营销图文
38
30天销量的70%在下半月
电商视觉营销图文
39
店铺黄金展位关联销售
电商视觉营销图文
40
店铺改版前 2010年1月6日至2010年2月5日（一个月）， 店铺评分人数：419人
店铺改版后 2010年2月5日至2010年3月5日（一个月）， 店铺评分人数增长到：1229人
两张图片都是选自昨天的淘宝首页轮播
从图片美观程度上来说图a 无论是在构图上海是色彩上都比图b好， 图b看起来颇有点山寨的味道。
但实际上呢？
淘首页的小二透漏图B的点击转化率和订单转化率都比图A高很多！ 何解？就像大家回答的这样。因为图B准确的展现了他的卖点，而图 A的卖点并不明确！
给大家分享两句交互设计大师的名言结束这个误区！ 漂亮的页面只能用来加分，不能用来打分！舒服、准确是比漂亮更 高层次的艺术！
电商视觉营销图文
22
PART 4
视觉营销实例
电商视觉营销图文
23
装修店铺 引爆流量
电商视觉营销图文
24
案例对比
电商视觉营销图文
25
25
数据对比
IPV_UV：浏览过商品详情页面的访问者（独立访问者） 客单价：每件商品的平均交易价格 店铺UV：访问者（独立访问者），不可以累加或相减 成交UV：成功交易的独立访问者 交易笔数：成功交易的订单数
响订单转化率。 要点：在描述中凸显产品的价值：卖点、价值点、可靠性 3、视觉营销影响关联销售的点击转化率、和订单转化率。 要点：可发现性、可访问性 4、视觉营销影响广告推送的全部！
误区：好的视觉营销就是漂亮的图片！
电商视觉营销图文
20
视觉营销
淘宝案例：
电商视觉营销图文
21
哪个更好一点呢？？
电商视觉营销图文
32
电商视觉营销图文
33
视觉营销
电商视觉营销图文
34
事实例证
当然只做卖家的销售，没有好的设计也是很难达 到提高转化率和销量。
这样就需要我们了解：如何做好店面与图片的设 计？
（使之产生店铺转化率以及页面访问深度）
电商视觉营销图文
35
某文具品牌做完关联销售后效果
电商视觉营销图文
如果让你做一个简单的修改，让人们的目光转移到 文字标题上，你会怎么做？
正确答案：给婴儿转转身，让婴儿看着标题！我们 来看看修改之后的效果。
电商视觉营销图文
13
视觉
从用户注视信息中： (1) 推断人们感兴趣或引起注意的内容 (2) 通过所注视的对象可得到其指代对 象 (3) 暗示对象之间的关系
电商视觉营销图文
电商视觉营销图文
26
• 你认为在视觉营销中以下三点哪个最重要？
电商视觉营销图文
27
1. 左上配好视觉焦点并加以强调 2. 横向整列排列图片，统一背景 3. 做成点对称
电商视觉营销图文
28
电商视觉营销图文
29
电商视觉营销图文
30
• 另一家店铺的设计
电商视觉营销图文
31
2011年4月淘宝首页焦点图
电商视觉营销图文
8
色彩
膨胀与收缩
暖色调
轻的配色
柔软配色
前进与后退
冷色调
重的配色
坚硬配色
电商视觉营销图文
9
色彩
色彩搭配出的感觉与味觉
华丽的色彩
爽朗的色彩
苦的感觉
酸的感觉
朴素的色彩
阴郁的色彩
辣的感觉
甜的感觉
电商视觉营销图文
10
视觉
图片的视觉吸引力：
电商视觉营销图文
11
视觉
电商视觉营销图文
12
视觉
14
PART 3
视觉营销概述
电商视觉营销图文
15
视觉营销
视觉营销概念： “视觉营销（VMD）”由来已久，最初我们谈到视觉 营销想到的都是陈列、装饰、卖场，是一些具象的东西。
视觉营销的意义： 所有买家在购物的时候都有一个同样的流程： 产品进入视线——信息传递到大脑——产生购买欲望——形成购买。
产品有选择性的进入买家视线——买家有选择性的接收信息到大脑—— 传达的信息刺激买家，从而产生购买欲望——最终形成购买。
其实做好业绩就是在眼花缭乱的市场中霸占买家视线、让买家重点接收 你想传达的信息、刺激买家的购物欲！
电商视觉营销图文
16
视觉营销
那么如何在万千商品中脱颖而出？
如何让买家接收你的优点、屏蔽你 的弊端？