淘宝电商的视觉营销 PPT

01
ቤተ መጻሕፍቲ ባይዱ
02
03
色彩心理学
运用色彩心理学原理，选 择与品牌形象、产品特点 相符合的颜色，以激发消 费者的情感共鸣。
色彩对比与调和
通过对比色、邻近色、冷 暖色等搭配，营造出层次 感、立体感和视觉冲击力。
色彩情感表达
利用色彩的情感属性，如 红色代表热情、蓝色代表 冷静，传递品牌价值和产 品卖点。
字体选择与排版
产品展示与差异化
产品展示
利用高质量的图片、视频和3D模型等多媒体手段，全面展示产品的外观、功能 和特点。
差异化
通过创意和个性化的产品呈现，使产品在众多竞争对手中脱颖而出，提高用户关 注度。
用户体验与互动设计
用户体验
优化网站布局、导航和信息架构，提供简单、直观的购物流 程，降低用户操作难度。
互动设计
电商视觉营销的重要性
01
提高品牌知名度和形象
通过视觉设计传达品牌理念和价值观，提升品牌形象和 认知度。
02
提升用户体验
良好的视觉设计可以增强用户对网站的友好感和易用性 ，提高用户满意度。
03
提高转化率
吸引人的视觉元素可以激发消费者的购买欲望，促进转 化率的提升。
电商视觉营销的历史与发展
历史
电商视觉营销起源于互联网的初期， 随着技术的发展和消费者需求的演变 而不断发展。
图片修饰
运用裁剪、滤镜、调色等技巧， 突出产品特点，增强视觉效果。
图文结合
将文字与图片有机结合，形成视 觉冲击力，提高用户转化率。
动画效果与交互设计
动画效果
动态交互
运用动画效果，如渐变、旋转、缩放 等，吸引用户注意力，提高点击率。
利用动态交互元素，如交互动画、3D 效果等，增强用户参与感和沉浸感。

.
4、手机店铺装修的六大原则
•原则五：快速读取，控制文字大小，多以图片为主
.
4、手机店铺装修的六大原则
•原则六：分类结构要明晰，模块划分清晰，多以图片为主
.
4、手机店铺装修的六大原则
•原则七：色彩鲜亮，手机端因为浏览面积小，视觉受限，如用沉 重深色系，会引起买家感官的沉重大促设计、平 销售设计
.
无线店铺首页
如何有效布局结构
.
1、手机店铺特点
淘宝App店铺
天猫App店铺
Wap端店铺
淘宝APP更趋向千人千面实效销售，天猫APP主要体现品牌和时尚个性
.
想
如何有效布局首页结构
流量
按库存深度引导分流 TOP级的标类店铺
品类延伸扩张
精准分流 TOP级的非标类店铺
升提量流
•原则一：极速打开，手机端流量限制，不 要出现打开产生无法呈现产品图片现象。
.
4、手机店铺装修的六大原则
•原则二：信息简洁快速传播
.
4、手机店铺装修的六大原则
• 原则三：设计主题和店铺风格相结合，首位呼应。
.
4、手机店铺装修的六大原则
•原则四：常换常新，根据不同的活动内容和促销目的，需有不同 的风格，增强给买家的新鲜感。
53.8%
.
1、使用场景多样化，时间碎片化的聚集体，手机是现代人随时 随地上网工具。
2、碎片式时间可以引发瞬间的消费。 3、短时间预览，快速阅读，快速消费。 4、减少竞争。搜索呈现没有PC端多，手机端受流量限制打开速
度不如PC端，消费者都属于快消费群体，会产生查阅对比相 对PC端减少，因此减少了产品与产品，品牌与品牌之间的竞 争。
例如： 服饰类目：温馨的田园风格，颜色尽量偏淡雅，粉色 ，白色，天蓝。 家居类目：白色清爽风格 颜色尽量偏清淡 白色为主 母婴类目: 温馨风格 颜色尽量偏粉色、绿色

一套自己的色板
网店CI VI-视觉规范
• 很多时候做着~~就乱了，（风格） • 长久不变的风格会不会老化—了解所传播出去的色系，字体风格等形象一致，传递
过程中，是同一种视觉符号，在不断的重复，每次重复都会加深记忆 • Nbj 羊羊羊
4 产品描述设计
Print Page
• 金字塔原理+ 案例
1，形象冲击 2，不同色系多角度pic 3.材料 4，原料工艺 5.所有细节卖点 6，配件 7，包装 8，销售氛围 9，信任度确认 10，顾虑排除（购买？）
• 盗梦空间—晚上梦里植入 • 设计师-白天-图片视觉-植入
5 促销广告设计
一、促销型设计的标准
• 单次点击成本CPC
• 41w点击 cpc0.24 • 以2%转化率，每单50利，去10w支出 • 盈利31万
• 3.3w点击 cpc3.03 • 以2%转化率，每单50利，去10w支出 • 亏损6.7w
色彩原理
色彩原理
色相 明度 饱和度
色彩心里
冷暖 远近 强弱
色彩调子
对比 调和 面积
一套自己的色板
网店CI VI-视觉规范
• 很多时候做着~~就乱了，（风格） • 长久不变的风格会不会老化—了解所传播出去的色系，字体风格等形象一致，传递
过程中，是同一种视觉符号，在不断的重复，每次重复都会加深记忆 • Nbj 羊羊羊
• 插图2-3pic
俏+杂志+分期 +天使之城+生活期待值 产品非原创-你很期待那种生活体验！感觉
蜂蜜+设计good=水墨风格；风格问题，美观。忽略产品本质-墨汁引发构想-网络图片 视觉传递解读，图片的寓意-植入，
Print Page

20
4 产品描述设计
21
Print Page
• 金字塔原理+ 案例
1，形象冲击 2，不同色系多角度pic 3.材料 4，原料工艺 5.所有细节卖点 6，配件 7，包装 8，销售氛围 9，信任度确认 10，顾虑排除（购买？）
22
• 金字塔原理+ 案例
信誉 搭配 做工品质 款式风格 客户心里金字塔
.明确目标
--面向白领的产品，字体+色 彩庄重贵气
人群追求的特点。 --面向女生，字体色彩显活泼 可爱。
. 目标人群审美特征
--投射效应，让消费者把自己 想象成画面上当模特，融入 画面里面，家装产品一样
.风格识别
--固定的ci形象！产品融合
目标不同表现手法不一样
31
二、促销型设计的方法—3.形式美观
28
二、促销型设计的方法—1.主题突出
1.第一主题
--促销过程中就像一次陈述， 我们必须有一个明确的主 题，所有的元素都必须围绕 这个主题展开。 --促销主题一般是价格，折扣 和其他促销内容本身，所以 这个信息应该是放在视觉焦 焦点上的，被突出和放大元 素。
不一定要有创意-视觉聚焦在哪里-第一主题（第一时间 传递）
要有对话感，对话的逻辑展开
• 氛围感 产品介绍中的销售氛围营造和实体店一样重要，形成年很多人购买的气氛，让买家
因从众心理而决定购买
24
• 案例（ak 俏 小怡）
• 详情页：广告控制1屏内 • 搭配植入产品中（适当氛围，时机，配合植入）
• 盗梦空间—晚上梦里植入 • 设计师-白天-图片视觉-植入
25
二、促销型设计的方法—3.形式美观
. 形式美观-字体
--字体和语音的比喻 --字体大小粗细相当于音强 --字体越大音越大 --字体就是人的语言，字体合 不合适，读一遍

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
容易进原则

客单价 客单价是指每一个用户在一定周期内，平均购买商品的金额。 其计算公式是：客单价=成交金额/成交人数。
一般指一家店铺一天的交易中，每个用户所产生的平均交易金额。 将范围扩大，或者将时期拉长，都会使客单价的数字被放大，因此 在比较的过程中要注意前提的统一。
店铺的真实情况
店铺问题的真实情况是这样的：
字体
由于字体的直观可读、快速的信息传递速度、明确的含义、民族间的 共通性，使得各大商家都将字体型作为本企业的标志和广告宣传的主 要设计元素.
下面一起欣赏几个字体
SUCCESS
THANK YOU
2019/7/20
字体
1）小组为单位从下述产品中选出一种，写一句广告语，并简要概括 你们的理由。
电商视觉营销
---龙晓丹
PART I
视觉营销概述
添加文本
视觉营销 的几点问 题
品牌 视觉
产品 视觉
营销 视觉
1.1 店铺视觉遇到ቤተ መጻሕፍቲ ባይዱ问题
1）我的店铺视觉没有记忆点 2）视觉导购有问题 3）版面布局反映乱
4）不知顾客想看什么，喜欢什么 5）如何让客户加速下单 。。。。。。
销售额 = 展现量 X 点击率 X 转化率 X 客单价
1.2 品牌视觉
Logo 标志是品牌最重要的表达符号，是品牌存在的核心象征。图形、文 字、颜色是构成标识的核心要素。 单就品牌标识而言，“形状”发挥的作用要胜于“颜色”。我们在 记忆一个品牌标志时，往往印象最深的就是形状。没有形状，或形 状缺乏特色，单单颜色识别难有任何用武之地的。
放大标志。 以品牌标志为主角，一个最简单的方法是在广告画面中将标志放大，成为视觉 上的中心或者次中心。
我的店铺通过诊断，现存在诸多问题，可我又不知道如何办，现请 大家指点迷精，请求帮助。

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课堂作业

3个成功的服装店铺
七格格：潮的很自我
阿卡：酷的很华丽
总评：4.6 年售：1.5亿 收藏：96万
总评：4.55 年售：2亿 收藏：50万
裂帛：“俗”的很另类
总评：4.55 年售：1.5亿 收藏：47万
视觉营销
--打造高转化页面
每天都有很多买 家在淘宝上逛
搜索列表页——“大街”
分类、导航、宝贝排列——“货架”
还是儿童，白领，学生，政府工作人员。（消费 能力，性别，年龄，职业等） 他们都是通过什么样的形式来进行网上购物
3年做了10个亿的麦包包
在中国，箱包行业与服饰等其他行业不一样， 只有高端（如Lv、gucci、prada）与低端 (区域性品牌或者没品牌)之分，中端产品缺 少有力的竞争者，麦包包正是看中了这一市 场，主打中端市场，仅用了一年不到就成为 了淘宝第一自主箱包品牌。
淘宝销售额公式
精准定位 洞察市场 确定方向
为什么想到淘宝？
目标客户群性别定位
目标客户群的年龄定位
目标客户群的职业定位
目标客户群的场景定位
产品风格定位手段
产品风格定位手段
定位本质：产品，风格，价格
பைடு நூலகம் 战略三阶段
这些你都有想过吗？
你有什么产品？ 淘宝上这类产品卖的好吗？ 你的产品优势在哪？ 你有的优势别人也有吗？ 你怎么样竞争过别人？ 使用产品的客户在哪里？ 使用产品客户购物途径主要有哪些？
宝贝详情页——“说明书”
悲剧每天都在发生……
淘宝上所有卖家都是“哑巴” 买家在“大街”上走过，却因为你不够“靓”，
从你店门口走过 买家进入到你的店铺，却因为没有在“货架”上
发现想要的商品 买家发现了你的商品，却因为商品“说明书”不

• 金字塔原理+ 案例
信誉 搭配 做工品质 款式风格 客户心里金字塔
视觉漏斗模型 组图
细节材质图
搭配方案
好评 热卖
• 针对目标定义的详细 产品描述 达到5感
•
真实感 真实再现产品原貌 不同角度 更多细节
•
逻辑感 根据买家的需求部署和展开卖点陈述，达到层层打击，达成购买
•
亲切感 针对目标消费者的特性进行文案，图像的风格设定，亲切，贴近。
策划
沟通
设计
网店定位 产品策略 受众分析 竞品分析 时段分析
产品体验 策略沟通 素材准备 草案讨论 确定创意 参考目标
形成文案 定义主题 分解层次 构图、色调 排版、字体 细节、气氛
Print Page
• Print topics here
Over!
9、静夜四无邻，荒居旧业贫。。21.2.1021.2.10Wednesday, February 10, 2021 10、雨中黄叶树，灯下白头人。。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、以我独沈久，愧君相见频。。21.2.1009:42:5609:42Feb-2110-Feb-21 12、故人江海别，几度隔山川。。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、乍见翻疑梦，相悲各问年。。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、他乡生白发，旧国见青山。。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、比不了得就不比，得不到的就不要。。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、行动出成果，工作出财富。。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、做前，能够环视四周；做时，你只能或者最好沿着以脚为起点的射线向前。。上午9时42分56秒上午9时42分09:42:5621.2.10 9、没有失败，只有暂时停止成功！。21.2.1021.2.10Wednesday, February 10, 2021 10、很多事情努力了未必有结果，但是不努力却什么改变也没有。。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、成功就是日复一日那一点点小小努力的积累。。21.2.1009:42:5609:42Feb-2110-Feb-21 12、世间成事，不求其绝对圆满，留一份不足，可得无限完美。。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、不知香积寺，数里入云峰。。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、意志坚强的人能把世界放在手中像泥块一样任意揉捏。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、楚塞三湘接，荆门九派通。。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、少年十五二十时，步行夺得胡马骑。。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、空山新雨后，天气晚来秋。。上午9时42分56秒上午9时42分09:42:5621.2.10 9、杨柳散和风，青山澹吾虑。。21.2.1021.2.10Wednesday, February 10, 2021 10、阅读一切好书如同和过去最杰出的人谈话。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、越是没有本领的就越加自命不凡。21.2.1009:42:5609:42Feb-2110-Feb-21 12、越是无能的人，越喜欢挑剔别人的错儿。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、知人者智，自知者明。胜人者有力，自胜者强。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、意志坚强的人能把世界放在手中像泥块一样任意揉捏。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、最具挑战性的挑战莫过于提升自我。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、业余生活要有意义，不要越轨。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、一个人即使已登上顶峰，也仍要自强不息。上午9时42分56秒上午9时42分09:42:5621.2.10

详情页整体要与首页风格统一
1.点出材质：如:纯棉、涤棉
2.材质特性或功能说明：如:吸汗、透气
3.立体展示分析特点.
4.颜色款式展示：如：几种颜色，是那种袜形、中筒、短袜还是船袜等.
5.细节展现，体现产品质量。 6.产品实拍与产品包装
如：
第一点
第二点
第三点 第五点
第四点 第六点
主图设计 主图与直通车的制作要点
统一性
色彩应用的统一 店铺风格与产品风格的统一
审美性
注重视觉感受 寻找视觉的规律 把握客户群的审美心里
了解店铺功能
实用性
服务客户需求 权衡操作方便性
4
目的性 实用性 审美性 统一性的大概说明
店招:目的性：表明所销售的产品种类 实用性：产品分类明确，方便客户查找
海报:目的性：新品、爆款、活动的展现 实用性：方便客户了解店铺动态
需要巧用各种大模块 的组合，特别是手机 淘宝已经升级，模块 更多样，充分利用焦 点图丶左文右图丶多 图等模块，使手机淘 宝首页显得更有趣味 性。模块上选择大模 块丶从上而下的排列 而不是从左往右的排 列效果。
手机端屏幕较 小，需要注意 排列和字体大 小，让客户容 易看清，方便 购物
详情页设计 详情页设计重点展示
直通车制作
直通车图的作用是点击量和促进点击率，所以和做以下这类的。
突出促销信息/材质/功能/特点等
创意类的图片吸引点击
自定义页面 公司文化、活动介绍等
自定义装修用途很广泛，一般用于以下用途等等
个人感觉 应该添加的部分
互动活动，促进成交
增加老客户，提高回头客
增加收藏
增加手机端交易
分类:目的性：新品、爆款。热销、等展示 实用性：方便客户查找

一天，松鼠小王子打来电话，非常兴奋地对章燎原说：“爸 爸，我买的鱼竿到了，卖家送了我鱼钓和鱼线。”章燎原突然间 想到：为什么儿子会这么高兴？为什么不说鱼竿如何？但却强化 了送鱼钩和鱼线的喜悦。在互联网时代，口碑营销是最好的营销 ，要激发互联网的口碑和分享，必须要让顾客尖叫与喜悦，而创 造顾客尖叫的一定不是产品本身，而是产品以外的惊喜。一个是 你从细节上让用户感受到贴心，另一个是获得产品以外的意外收 获。 一个松鼠风格的用户体验模式诞生了，店铺的客服名字都叫 “鼠某某”，管买家们叫“主人”。送给顾客的包裹里，则放置 了果壳袋、纸巾、封口夹等物品，方便顾客使用，也会有一些有 趣的提示语，比如果壳袋子上的提示是“主人，我是鼠小袋，吃 的时候记得把果壳放进袋子里哦。”章燎原还亲自编写了一个上 万字的“松鼠客服秘籍”，学习这些“秘籍”的客服都是85后 和90后，章燎原说自己对这些年轻人的管理风格是“信任和授 权”，就连公司环境也尽量做到轻松和舒适，办公室中有适合松 鼠“攀爬”的大树和可以钓鱼的池塘。
案例解析：
三只松鼠


安徽三只松鼠电子商务有限公司成立于2012年， 是一家以坚果、干果、茶叶等森林食品的研发、分 装及网络自有B2C品牌销售的现代化新型企业。 “三只松鼠”主要是以互联网技术为依托，利用 B2C平台实行线上销售。凭借这种销售模式，“三 只松鼠”迅速开创了一个以食品产品的快速、新鲜 的新型食品零售模式。以其独特的销售模式，在 2012年双十一当天销售额在淘宝天猫坚果行业跃 居第一名，日销售近800万，2013年销量突破3亿。
行为识别 (BI)

是企业实际经营理念与创造企业文化的准则， 对企业运作方式所作的统一规划而形成的动态识别 形态。它是以经营理念为基本出发点，对内是建立 完善的组织制度、管理规范、职员教育、行为规范 和福利制度；对外则是开拓市场调查、进行产品开 发，透过社会公益文化活动、公共关系、营销活动 等方式来传达企业理念，以获得社会公众对企业识 别认同的形式。