淘宝网店视觉营销PPT课件
合集下载
手机淘宝视觉营销策略ppt课件
.
4、手机店铺装修的六大原则
•原则五：快速读取，控制文字大小，多以图片为主
.
4、手机店铺装修的六大原则
•原则六：分类结构要明晰，模块划分清晰，多以图片为主
.
4、手机店铺装修的六大原则
•原则七：色彩鲜亮，手机端因为浏览面积小，视觉受限，如用沉 重深色系，会引起买家感官的沉重大促设计、平 销售设计
.
无线店铺首页
如何有效布局结构
.
1、手机店铺特点
淘宝App店铺
天猫App店铺
Wap端店铺
淘宝APP更趋向千人千面实效销售，天猫APP主要体现品牌和时尚个性
.
想
如何有效布局首页结构
流量
按库存深度引导分流 TOP级的标类店铺
品类延伸扩张
精准分流 TOP级的非标类店铺
升提量流
•原则一：极速打开，手机端流量限制，不 要出现打开产生无法呈现产品图片现象。
.
4、手机店铺装修的六大原则
•原则二：信息简洁快速传播
.
4、手机店铺装修的六大原则
• 原则三：设计主题和店铺风格相结合，首位呼应。
.
4、手机店铺装修的六大原则
•原则四：常换常新，根据不同的活动内容和促销目的，需有不同 的风格，增强给买家的新鲜感。
53.8%
.
1、使用场景多样化，时间碎片化的聚集体，手机是现代人随时 随地上网工具。
2、碎片式时间可以引发瞬间的消费。 3、短时间预览，快速阅读，快速消费。 4、减少竞争。搜索呈现没有PC端多，手机端受流量限制打开速
度不如PC端，消费者都属于快消费群体，会产生查阅对比相 对PC端减少，因此减少了产品与产品，品牌与品牌之间的竞 争。
例如： 服饰类目：温馨的田园风格，颜色尽量偏淡雅，粉色 ，白色，天蓝。 家居类目：白色清爽风格 颜色尽量偏清淡 白色为主 母婴类目: 温馨风格 颜色尽量偏粉色、绿色
4、手机店铺装修的六大原则
•原则五：快速读取，控制文字大小，多以图片为主
.
4、手机店铺装修的六大原则
•原则六：分类结构要明晰，模块划分清晰，多以图片为主
.
4、手机店铺装修的六大原则
•原则七：色彩鲜亮，手机端因为浏览面积小，视觉受限，如用沉 重深色系，会引起买家感官的沉重大促设计、平 销售设计
.
无线店铺首页
如何有效布局结构
.
1、手机店铺特点
淘宝App店铺
天猫App店铺
Wap端店铺
淘宝APP更趋向千人千面实效销售，天猫APP主要体现品牌和时尚个性
.
想
如何有效布局首页结构
流量
按库存深度引导分流 TOP级的标类店铺
品类延伸扩张
精准分流 TOP级的非标类店铺
升提量流
•原则一：极速打开，手机端流量限制，不 要出现打开产生无法呈现产品图片现象。
.
4、手机店铺装修的六大原则
•原则二：信息简洁快速传播
.
4、手机店铺装修的六大原则
• 原则三：设计主题和店铺风格相结合，首位呼应。
.
4、手机店铺装修的六大原则
•原则四：常换常新，根据不同的活动内容和促销目的，需有不同 的风格，增强给买家的新鲜感。
53.8%
.
1、使用场景多样化，时间碎片化的聚集体，手机是现代人随时 随地上网工具。
2、碎片式时间可以引发瞬间的消费。 3、短时间预览，快速阅读，快速消费。 4、减少竞争。搜索呈现没有PC端多，手机端受流量限制打开速
度不如PC端，消费者都属于快消费群体，会产生查阅对比相 对PC端减少，因此减少了产品与产品，品牌与品牌之间的竞 争。
例如： 服饰类目：温馨的田园风格，颜色尽量偏淡雅，粉色 ，白色，天蓝。 家居类目：白色清爽风格 颜色尽量偏清淡 白色为主 母婴类目: 温馨风格 颜色尽量偏粉色、绿色
淘宝电商的视觉营销 PPT
详情页整体要与首页风格统一
1.点出材质：如:纯棉、涤棉
2.材质特性或功能说明：如:吸汗、透气
3.立体展示分析特点.
4.颜色款式展示：如：几种颜色，是那种袜形、中筒、短袜还是船袜等.
5.细节展现，体现产品质量。 6.产品实拍与产品包装
如：
第一点
第二点
第三点 第五点
第四点 第六点
主图设计 主图与直通车的制作要点
统一性
色彩应用的统一 店铺风格与产品风格的统一
审美性
注重视觉感受 寻找视觉的规律 把握客户群的审美心里
了解店铺功能
实用性
服务客户需求 权衡操作方便性
4
目的性 实用性 审美性 统一性的大概说明
店招:目的性：表明所销售的产品种类 实用性：产品分类明确，方便客户查找
海报:目的性：新品、爆款、活动的展现 实用性：方便客户了解店铺动态
需要巧用各种大模块 的组合，特别是手机 淘宝已经升级，模块 更多样，充分利用焦 点图丶左文右图丶多 图等模块，使手机淘 宝首页显得更有趣味 性。模块上选择大模 块丶从上而下的排列 而不是从左往右的排 列效果。
手机端屏幕较 小，需要注意 排列和字体大 小，让客户容 易看清，方便 购物
详情页设计 详情页设计重点展示
直通车制作
直通车图的作用是点击量和促进点击率，所以和做以下这类的。
突出促销信息/材质/功能/特点等
创意类的图片吸引点击
自定义页面 公司文化、活动介绍等
自定义装修用途很广泛，一般用于以下用途等等
个人感觉 应该添加的部分
互动活动，促进成交
增加老客户，提高回头客
增加收藏
增加手机端交易
分类:目的性：新品、爆款。热销、等展示 实用性：方便客户查找
网店视觉营销培训课件
重要性
在竞争激烈的电商市场中，优秀的视觉营销能够提高网店的 吸引力、辨识度和用户体验，从而促进销售和提升品牌形象 。
网店视觉营销的策略
明确目标与定位
根据网店的目标客户、产品特点等，制定符 合定位的视觉策略。
色彩与排版
运用合适的色彩和排版，提高网页的视觉舒 适度和易读性。
创意设计
通过独特的视觉元素和设计风格，吸引消费 者的注意力。
Canva
总结词
简单易用、适合初学者和非专业设计师 使用的在线设计工具。
VS
详细描述
Canva是一个在线设计平台，提供了丰富 的模板和工具，可以帮助初学者和非专业 设计师快速创建各种类型的图形和图像， 如海报、社交媒体图像、演示文稿等。它 的操作简单直观，不需要太多的设计背景 知识，适合初学者和非专业设计师使用。
02
网店视觉营销的构成要素
店铺首页
店铺首页是网店的门户，是吸引用户 点击和留住用户的关键页面。
店铺首页的布局应合理划分区域，如 导航栏、搜索框、热门产品等。
店铺首页的视觉设计应简洁明了，突 出品牌形象和核心产品。
店铺首页的颜色搭配应与品牌形象一 致，以营造专业、可信的氛围。
产品页面
产品页面是展示网店产品的重 要页面，应具备详细的产品信 息、图片和参数。
创造独特的店铺氛围
总结词
独特的店铺氛围能够增强用户的购买信心和忠诚度，是网店视觉营销的重要手段之一。
详细描述
创造独特的店铺氛围，首先要从店铺图标、Logo、首页、产品详情页、购物车页面等方面入手。通过创意设计 、个性化元素、企业文化等来营造独特的店铺氛围。例如，可以在店铺中添加个性化的装饰、背景音乐、视频等 来增强用户的购买体验。
个性化：基于用户数据和行为，提供个性化的视觉推荐和营销内容。
在竞争激烈的电商市场中，优秀的视觉营销能够提高网店的 吸引力、辨识度和用户体验，从而促进销售和提升品牌形象 。
网店视觉营销的策略
明确目标与定位
根据网店的目标客户、产品特点等，制定符 合定位的视觉策略。
色彩与排版
运用合适的色彩和排版，提高网页的视觉舒 适度和易读性。
创意设计
通过独特的视觉元素和设计风格，吸引消费 者的注意力。
Canva
总结词
简单易用、适合初学者和非专业设计师 使用的在线设计工具。
VS
详细描述
Canva是一个在线设计平台，提供了丰富 的模板和工具，可以帮助初学者和非专业 设计师快速创建各种类型的图形和图像， 如海报、社交媒体图像、演示文稿等。它 的操作简单直观，不需要太多的设计背景 知识，适合初学者和非专业设计师使用。
02
网店视觉营销的构成要素
店铺首页
店铺首页是网店的门户，是吸引用户 点击和留住用户的关键页面。
店铺首页的布局应合理划分区域，如 导航栏、搜索框、热门产品等。
店铺首页的视觉设计应简洁明了，突 出品牌形象和核心产品。
店铺首页的颜色搭配应与品牌形象一 致，以营造专业、可信的氛围。
产品页面
产品页面是展示网店产品的重 要页面，应具备详细的产品信 息、图片和参数。
创造独特的店铺氛围
总结词
独特的店铺氛围能够增强用户的购买信心和忠诚度，是网店视觉营销的重要手段之一。
详细描述
创造独特的店铺氛围，首先要从店铺图标、Logo、首页、产品详情页、购物车页面等方面入手。通过创意设计 、个性化元素、企业文化等来营造独特的店铺氛围。例如，可以在店铺中添加个性化的装饰、背景音乐、视频等 来增强用户的购买体验。
个性化：基于用户数据和行为，提供个性化的视觉推荐和营销内容。
淘宝网店视觉营销(PPT41页)
• 金字塔原理+ 案例
信誉 搭配 做工品质 款式风格 客户心里金字塔
视觉漏斗模型 组图
细节材质图
搭配方案
好评 热卖
• 针对目标定义的详细 产品描述 达到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
网店视觉营销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
容易进原则
《视觉营销》课件——第十五节-详情页
A
PART ONE
重难点分析
重难点： 1、详情页介绍 2、详情页设计思路（详情页包含内容、设计原则）
B
PART TWO
课程讲解
详情页介绍
很多时候，我们在看别人的网店产品详情页时，都看不到产品的介绍，或者即使有也介绍得不清楚， 这让买家怎么会喜欢上你的产品？也有些卖家朋友，为了突出详情页的丰富，硬把全店所有的产品都陈 列在这里，弄些模板弄些代码，把这里当成了万花筒。这样一来，不但让人产生视觉上的疲劳，还会影 响网速和流量。还有一群人，喜欢把产品写成软文直接发表上去把密密麻麻的文字当成了介绍，没有一 张插图，这种枯燥的问题页面，你觉得消费者会喜欢看吗？
Page 2
关联营销一定要有关联性和延伸性
Page 3
根据类目，精准营销
Page 4
根据消费者的浏览习惯来布局
Page 5
如何布局产品详情页
若你的店铺首页是高大上的话，产品页面就要突出小而美
一般来说，若你的店铺首页是高大上的话，说明你的产品可能是品牌系列或者流行前线。这种 风格因为它的上档次，所以更要突出细节，要从各个角度来突出它的与众不同。高大上是他的外表， 小而美是它的内在，一刚一柔，一大一小的相对衬，会让消费者有种完全明白了的感觉，让他们买得 放心。
详情页设计的思路
四、调查结果及产品分析 根据市场调查结果以及自己的产品进行系统的分析总结。罗列出消费者所在意的
问题，同行的优缺点。以及自身产品的定位，挖掘自身与众不同的卖点。
详情页设计的思路
五、关于宝贝定位
根据店铺宝贝以及市场调查确定本店的消费群体。 举个例子：外出旅游住宾馆，有的小旅馆100一夜卖的就是价格，卫生啥的都没有保障。 定位于低端。有的连锁酒店200一夜卖的是性价比，定位于中端顾客。有的大酒店400一 夜卖的就是服务。还有的主题宾馆卖的是个性等等。
PART ONE
重难点分析
重难点： 1、详情页介绍 2、详情页设计思路（详情页包含内容、设计原则）
B
PART TWO
课程讲解
详情页介绍
很多时候，我们在看别人的网店产品详情页时，都看不到产品的介绍，或者即使有也介绍得不清楚， 这让买家怎么会喜欢上你的产品？也有些卖家朋友，为了突出详情页的丰富，硬把全店所有的产品都陈 列在这里，弄些模板弄些代码，把这里当成了万花筒。这样一来，不但让人产生视觉上的疲劳，还会影 响网速和流量。还有一群人，喜欢把产品写成软文直接发表上去把密密麻麻的文字当成了介绍，没有一 张插图，这种枯燥的问题页面，你觉得消费者会喜欢看吗？
Page 2
关联营销一定要有关联性和延伸性
Page 3
根据类目，精准营销
Page 4
根据消费者的浏览习惯来布局
Page 5
如何布局产品详情页
若你的店铺首页是高大上的话，产品页面就要突出小而美
一般来说，若你的店铺首页是高大上的话，说明你的产品可能是品牌系列或者流行前线。这种 风格因为它的上档次，所以更要突出细节，要从各个角度来突出它的与众不同。高大上是他的外表， 小而美是它的内在，一刚一柔，一大一小的相对衬，会让消费者有种完全明白了的感觉，让他们买得 放心。
详情页设计的思路
四、调查结果及产品分析 根据市场调查结果以及自己的产品进行系统的分析总结。罗列出消费者所在意的
问题，同行的优缺点。以及自身产品的定位，挖掘自身与众不同的卖点。
详情页设计的思路
五、关于宝贝定位
根据店铺宝贝以及市场调查确定本店的消费群体。 举个例子：外出旅游住宾馆，有的小旅馆100一夜卖的就是价格，卫生啥的都没有保障。 定位于低端。有的连锁酒店200一夜卖的是性价比，定位于中端顾客。有的大酒店400一 夜卖的就是服务。还有的主题宾馆卖的是个性等等。
《视觉营销》课件——第一节-视觉营销
顾客下单的两种方式： 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
布景
商品的摆放是陈列艺术，同样的商品用不同的造型和摆放方式会带来不同的 视觉效果，而不同的视觉感受会直接影响顾客是否会购买的决定，商品采用什么摆 放角度和组合最能体现其产品性能、特点及价值，是在拿起相机拍摄前要思考的问 题，因为商品摆放决定了照片的基本构图。
网店视觉营销13精品PPT课件
天猫——立顿旗舰店
互补色
渐进配色
按色相、明度、纯度三要 素之一的程度高低依次排列 颜色。
色相渐变
写在最后
成功的基础在于好的学习习惯
The foundation of success lies in good hab达到一定目的而努力去干, 是为一个目标去 战胜各种困难的过程,这个过程会充满压力、痛苦和挫折
Learning Is To Achieve A Certain Goal And Work Hard, Is A Process To Overcome Various Difficulties For A Goal
1.3 视觉色彩
淘宝——七格格服饰
Kappa旗舰店
1.3.1 色彩基本属性
三原色：色光三原色、色料三原 色
色光三原色——加色法原理
色料三原色——减色法原理
孟塞尔颜色系统
饱和度
明度
色相
谢谢!
1.3.2 配色与信息传达的关系
伊登色环
类似色
淘宝店铺完美视觉营销概述(ppt 58页)
3个成功的服装店铺
七格格：潮的很自我
阿卡：酷的很华丽
总评：4.6 年售：1.5亿 收藏：96万
总评：4.55 年售：2亿 收藏：50万
裂帛：“俗”的很另类
总评：4.55 年售：1.5亿 收藏：47万
视觉营销
--打造高转化页面
每天都有很多买 家在淘宝上逛
搜索列表页——“大街”
分类、导航、宝贝排列——“货架”
还是儿童，白领，学生，政府工作人员。（消费 能力，性别，年龄，职业等） 他们都是通过什么样的形式来进行网上购物
3年做了10个亿的麦包包
在中国，箱包行业与服饰等其他行业不一样， 只有高端（如Lv、gucci、prada）与低端 (区域性品牌或者没品牌)之分，中端产品缺 少有力的竞争者，麦包包正是看中了这一市 场，主打中端市场，仅用了一年不到就成为 了淘宝第一自主箱包品牌。
淘宝销售额公式
精准定位 洞察市场 确定方向
为什么想到淘宝？
目标客户群性别定位
目标客户群的年龄定位
目标客户群的职业定位
目标客户群的场景定位
产品风格定位手段
产品风格定位手段
定位本质：产品，风格，价格
பைடு நூலகம் 战略三阶段
这些你都有想过吗？
你有什么产品？ 淘宝上这类产品卖的好吗？ 你的产品优势在哪？ 你有的优势别人也有吗？ 你怎么样竞争过别人？ 使用产品的客户在哪里？ 使用产品客户购物途径主要有哪些？
宝贝详情页——“说明书”
悲剧每天都在发生……
淘宝上所有卖家都是“哑巴” 买家在“大街”上走过，却因为你不够“靓”，
从你店门口走过 买家进入到你的店铺，却因为没有在“货架”上
发现想要的商品 买家发现了你的商品，却因为商品“说明书”不
视觉营销 PPT
7、设计要领：要买家放心的宝贝详情 （1）整体效果展现 （2）多角度展现——身临其境的感觉 （3）产品细节展示——如自己在用的享受 （4）展现品质——激发买家购买欲望 （5）展现品牌实力——增加买家购买信心 （6）宝贝描述——关联营销 (很重要） 优先同价同款同色 （7）关联ቤተ መጻሕፍቲ ባይዱ销——套餐搭配 （数据魔方，热销宝贝分析该放哪些） （8）关联销售应放哪里？
集群构图：人们总把位置靠近的看成一体的，所以把关 联性高的主要信息组合在一起便于一次性传达
常规结构：左中右结构 左右结构
（不要随便用模特，用过的角度最好或尽可能不再次使用）
点击率高的图片解读——3.图片美观—间隙构图
间隙构图（留白）： 空白空间是画面语言的标点符号，不同信息版块时，要有间 隙，并且，段距要大于行距，有外框的边界时，要有版心画 面的整体有留白，这样才大气
点击率高的图片解读——3.图片美观—引导
引导： 明确的按钮和箭头，会对买家产生不可低估的心理暗示
你可能错过了 这些超棒店铺！
广告图
广告图
思考： 箭头向左、向右时的区别？？？
点击率高的图片解读——3.图片美观—细节
成功来源于细节！
TIP:设计师-米斯·范·多·罗的名言：“上帝在细节之中”
七：把每一次作品，都做成不可超越的！ （重点太多了，就没了重点）
⑷底栏：
旺旺，收藏店铺，返回首页，（关键导航）返回顶部 （重要）
⑸布局管理
①店铺页头（店招和导航） ②自定义内容 ③店铺页尾 假底栏（没有放在页尾区域的“底部”） 底部内容应放
在页尾区域
二：首页布局
最重要信息应放在淘宝导航栏两边之间的区域，中间990之间区域 （和显示器有关）
1、首屏海报高450左右，下面的海报图可以设高650左右，高度与 屏幕相似（和显示器有关）
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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.形式美观
. 形式美观-字体
--字体和语音的比喻 --字体大小粗细相当于音强 --字体越大音越大 --字体就是人的语言，字体合 不合适，读一遍
.形式美观-标签
--简洁明快的标签更醒目增加 文化暗示标签，品牌提示作 用
形式美观-气氛
:上帝在细节之中，米斯·范多·罗 气氛-依赖于细节（图库）
7
门头logo
橱窗形象
分类陈列区
搭配陈列区
网店布局的原理来自于实体店
促销区
8
形象引导区 橱窗区+促
促销区 导航区 陈列区
常规促销区
9
分类主题陈列区
普通陈列区
搭配陈列区
风格搭配，空间搭配， 辅助产品搭配
10
服务台+促销
11
互动体验区
12
灵活动线
·动线分布
13
灵活动线
·动线分布
14
3 风格设定 色彩控制
过程中，是同一种视觉符号，在不断的重复，每次重复都会加深记忆 • Nbj 羊羊羊
19
一套自己的色板 网店CI VI-视觉规范
• 很多时候做着~~就乱了，（风格） • 长久不变的风格会不会老化—了解所传播出去的色系，字体风格等形象一致，传递
过程中，是同一种视觉符号，在不断的重复，每次重复都会加深记忆 • Nbj 羊羊羊
Print Page
• 插图2-3pic
双星xie很好，之后做轮胎-2都zl 定位好了，搜到图标zd是谁
17
色彩原理
色彩原理
色相 明度 饱和度
色彩心里
冷暖 远近 强弱
色彩调子
对比 调和 面积
18
一套自己的色板 网店CI VI-视觉规范
• 很多时候做着~~就乱了，（风格） • 长久不变的风格会不会老化—了解所传播出去的色系，字体风格等形象一致，传递
15
风格-韵味古朴-科技感-与品类品牌，定位-我是谁有关。TX产品特性 文化 层次感 BDS美感 wm表现的是sm 我是谁？我突出sm
Print Page
• 插图2-3pic
俏+杂志+分期 +天使之城+生活期待值 产品非原创-你很期待那种生活体验！感觉
16
蜂蜜+设计good=水墨风格；风格问题，美观。忽略产品本质-墨汁引发构想-网络图片 视觉传递解读，图片的寓意-植入，
29
二、促销型设计的方法—1.主题突出
.层次结构
--层次促销。 --产品。 --辅助信息 --暗示信息
.多主题组合表现
--同等级多主题形式感一致， 让阅读者找到规律，把多条 信息获取。 --不同等级要分清主次，把次 要信息降到2层级，主次同化。 （他，她，他）
目标不同表现手法不一样
30
二、促销型设计的方法—2.明确目标
纸尚学堂
视觉密码
NO Times’
1
整体 概述
一 请在这里输入您的主要叙述内容
二
请在这里输入您的主要 叙述内容
三 请在这里输入您的主要叙述内容
2
Print Page
• Print topics here
3
1.网店定位 pic 4
??
D
??
A
Which ?
B ??
??
C
5
？我是谁(介绍)
6
2 空间布局
5 促销广告设计
26
一、促销型设计的标准
• 单次点击成本CPC
• 41w点击 cpc0.24 • 以2%转化率，每单50利，去10w支出 • 盈利31万
• 3.3w点击 cpc3.03 • 以2%转化率，每单50利，去10w支出 • 亏损6.7w
27
一、促销型设计的标准
1.主题突出 2.目标明确 3.形式美观
形式美观-取舍
任何设计的创意过程是先做+再做D GC能否舍就决定能否得
33
二、促销型设计的方法—3.形式美观
形式美观-修图
1，调整体色温和重新取景突重点） 基本操作-羽化倒影是投影，
形式美观-构图
画面平衡-取Biblioteka 于各元素“视觉重 量”势能—是对平衡的有意识破坏，以 增加注意力
34
二、促销型设计的方法—3.形式美观
视觉漏斗模型 组图
细节材质图 搭配方案 好评 热卖
23
• 针对目标定义的详细 产品描述 达到5感
• 真实感 真实再现产品原貌 不同角度 更多细节 • 逻辑感 根据买家的需求部署和展开卖点陈述，达到层层打击，达成购买 • 亲切感 针对目标消费者的特性进行文案，图像的风格设定，亲切，贴近。 • 对话感 网店的销售过程中产品介绍是靠文字图片的描述完成的，作为虚拟的营业员，描述
.形式美观-色彩
--色彩基调产生色彩情感，而 色彩对比增加画面空间感 饱和度对比-色彩呼应和统一 温和的冷暖对比 衬底色块是最简单的明度对 比方式
简单色彩搭配不超过3种-比例6-3-1：和谐色卡上的颜 色被划分成三部分，即主色，占60%)，中间色占30% 和着重色占10%，以表示各种色彩所占的比例
32
形式美观-构图
集群—人们总是把位置靠的近的看 成一体的（把关联性高的信息组合 在一起称为集群，便于信息传达避 免主要信息分散布局） 间隙—空白空间是画面语言的标点 符号（段间距必须大于行间距，信
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.形式美观
. 形式美观-字体
--字体和语音的比喻 --字体大小粗细相当于音强 --字体越大音越大 --字体就是人的语言，字体合 不合适，读一遍
.形式美观-标签
--简洁明快的标签更醒目增加 文化暗示标签，品牌提示作 用
形式美观-气氛
:上帝在细节之中，米斯·范多·罗 气氛-依赖于细节（图库）
7
门头logo
橱窗形象
分类陈列区
搭配陈列区
网店布局的原理来自于实体店
促销区
8
形象引导区 橱窗区+促
促销区 导航区 陈列区
常规促销区
9
分类主题陈列区
普通陈列区
搭配陈列区
风格搭配，空间搭配， 辅助产品搭配
10
服务台+促销
11
互动体验区
12
灵活动线
·动线分布
13
灵活动线
·动线分布
14
3 风格设定 色彩控制
过程中，是同一种视觉符号，在不断的重复，每次重复都会加深记忆 • Nbj 羊羊羊
19
一套自己的色板 网店CI VI-视觉规范
• 很多时候做着~~就乱了，（风格） • 长久不变的风格会不会老化—了解所传播出去的色系，字体风格等形象一致，传递
过程中，是同一种视觉符号，在不断的重复，每次重复都会加深记忆 • Nbj 羊羊羊
Print Page
• 插图2-3pic
双星xie很好，之后做轮胎-2都zl 定位好了，搜到图标zd是谁
17
色彩原理
色彩原理
色相 明度 饱和度
色彩心里
冷暖 远近 强弱
色彩调子
对比 调和 面积
18
一套自己的色板 网店CI VI-视觉规范
• 很多时候做着~~就乱了，（风格） • 长久不变的风格会不会老化—了解所传播出去的色系，字体风格等形象一致，传递
15
风格-韵味古朴-科技感-与品类品牌，定位-我是谁有关。TX产品特性 文化 层次感 BDS美感 wm表现的是sm 我是谁？我突出sm
Print Page
• 插图2-3pic
俏+杂志+分期 +天使之城+生活期待值 产品非原创-你很期待那种生活体验！感觉
16
蜂蜜+设计good=水墨风格；风格问题，美观。忽略产品本质-墨汁引发构想-网络图片 视觉传递解读，图片的寓意-植入，
29
二、促销型设计的方法—1.主题突出
.层次结构
--层次促销。 --产品。 --辅助信息 --暗示信息
.多主题组合表现
--同等级多主题形式感一致， 让阅读者找到规律，把多条 信息获取。 --不同等级要分清主次，把次 要信息降到2层级，主次同化。 （他，她，他）
目标不同表现手法不一样
30
二、促销型设计的方法—2.明确目标
纸尚学堂
视觉密码
NO Times’
1
整体 概述
一 请在这里输入您的主要叙述内容
二
请在这里输入您的主要 叙述内容
三 请在这里输入您的主要叙述内容
2
Print Page
• Print topics here
3
1.网店定位 pic 4
??
D
??
A
Which ?
B ??
??
C
5
？我是谁(介绍)
6
2 空间布局
5 促销广告设计
26
一、促销型设计的标准
• 单次点击成本CPC
• 41w点击 cpc0.24 • 以2%转化率，每单50利，去10w支出 • 盈利31万
• 3.3w点击 cpc3.03 • 以2%转化率，每单50利，去10w支出 • 亏损6.7w
27
一、促销型设计的标准
1.主题突出 2.目标明确 3.形式美观
形式美观-取舍
任何设计的创意过程是先做+再做D GC能否舍就决定能否得
33
二、促销型设计的方法—3.形式美观
形式美观-修图
1，调整体色温和重新取景突重点） 基本操作-羽化倒影是投影，
形式美观-构图
画面平衡-取Biblioteka 于各元素“视觉重 量”势能—是对平衡的有意识破坏，以 增加注意力
34
二、促销型设计的方法—3.形式美观
视觉漏斗模型 组图
细节材质图 搭配方案 好评 热卖
23
• 针对目标定义的详细 产品描述 达到5感
• 真实感 真实再现产品原貌 不同角度 更多细节 • 逻辑感 根据买家的需求部署和展开卖点陈述，达到层层打击，达成购买 • 亲切感 针对目标消费者的特性进行文案，图像的风格设定，亲切，贴近。 • 对话感 网店的销售过程中产品介绍是靠文字图片的描述完成的，作为虚拟的营业员，描述
.形式美观-色彩
--色彩基调产生色彩情感，而 色彩对比增加画面空间感 饱和度对比-色彩呼应和统一 温和的冷暖对比 衬底色块是最简单的明度对 比方式
简单色彩搭配不超过3种-比例6-3-1：和谐色卡上的颜 色被划分成三部分，即主色，占60%)，中间色占30% 和着重色占10%，以表示各种色彩所占的比例
32
形式美观-构图
集群—人们总是把位置靠的近的看 成一体的（把关联性高的信息组合 在一起称为集群，便于信息传达避 免主要信息分散布局） 间隙—空白空间是画面语言的标点 符号（段间距必须大于行间距，信