淘宝电商的视觉营销
淘宝网开店、装修、运营、推广与管理 第5章
5.6 设计其他模块 5.7 设计商品详情页 5.8 装修移动端店铺
5.3.1 主图的尺寸要求
18
主图的标准尺寸为310×310像素的正方形图片。淘宝网中，800×800像素以上的图片可在 商品详情页中使用放大镜功能，该功能可以放大主图细节，方便消费者通过主图查看更详细、更 全面的商品细节。在淘宝PC端编辑主图时，一般可以上传4~6个不同角度的图片，也可以在主图
优惠券的使用时间
40
优惠券的最终解释权 优惠券的使用限制
5.6.2 优惠券模块
41
1、绘制形状
2、制作斯页殊效果
3、制作虚线效果
5.6.3 客服中心
42
1、设置工作时间
2、新建客服员工
5.6.3 客服中心
3、设置岗位
5、设置名称
43
4、修改权限
5.6.4 商品推荐
44
首页是展示店铺商品的主要途径，淘宝为商家提供了“宝贝推荐”模块以展示商品信息。
03 优惠券：优惠券设计简单，信息简洁，颜色与首页整体色调保持一致，
OPTION 通常多在文字、排版上下功夫，同时注意优惠信息的说明要清晰准确。 商品区：文字说明十分简洁，重点体现商品的美观、卖点等，同时可以
04 突出显示商品的价格、促销等信息。
OPTION
5.1.5 移动端店铺视觉设计
12
3. 移动端店铺详情页设计
7、设置页头
5.4.4 设置导航条
32
1、添加导航内容
2、调整导航显示顺序
33
内容导航
5.1 店铺视觉设计 5.2 电商文案的策划和写作 5.3 设置主图 5.4 设置店招和导航 5.5 制作全屏海报
5.6 设计其他模块 5.7 设计商品详情页 5.8 装修移动端店铺
电商视觉营销》课程标准
电商视觉营销》课程标准电商视觉营销》课程旨在培养电子商务专业学生的综合技能，同时也是物流管理、市场营销、国际贸易等经济管理类专业的必修课程。
本课程采用项目化的教学方法，通过培养学生运用网络资源，深入理解网店视觉营销基础知识，掌握网店布局、文案视觉、商品主图设计、直通车推广图设计、钻石广告设计和视觉营销数据化等职业能力，提高网店的流量和有效流量，实现商业贸易活动的高效率、低成本完成。
电商视觉营销》课程具有一定的综合性和实践性，是培养网店运营人员的门综合技能训练课程。
课前导课包括《电子商务实务》、《Photoshop》等基础课程，应与《Dreamweaver网页制作》等网店建设课程同时开设，使学生系统理解店铺网页设计与制作。
本课程遵循过程导向的课程观，旨在掌握电商视觉营销的基础知识，解决怎样的店铺设计才是符合营销的设计，什么样的视觉设计才能为店铺带来收益的问题。
立足这一目的，本课程结合典型工作任务，依据对应职业能力要求制定了课程目标，分别涉及店铺整体视觉布局设计、店铺装修风格设计、商品主图设计、宝贝详情设计、流量引入图设计、刺激冲动与购买等活动的策划与实施技能，以及网店运营、网店美工等位的工作规范及职业道德。
教材编写、教师授课、教学评价都应依据这一目标定位进行。
同时，使学生能够理论联系实际，学以致用，掌握电商视觉营销的基本技术和技能。
本课程的设计思路是通过网店运营、美工设计、推广等岗位需要的行业调研和职业能力分析为依据，以确定课程目标，设计课程内容。
按学生的认知特点设计研究过程，通过研究任务构建掌握相关的知识和技能，培养学生胜任网店美工、网店运营、个体从业人员等位的职业能力。
设计2.文字设计的基本原则3.网店页面布局设计1.布局设计的原则和要点4.商品主图设计1.主图设计的要求和技巧5.直通车推广图设计1.推广图设计的要求和技巧6.钻石广告设计1.广告设计的原则和技巧7.店铺首页设计1.首页设计的要求和技巧8.详情页设计1.详情页设计的要求和技巧3.3教学要求1.学生要具备基本的电脑操作和设计软件使用能力。
浅谈淘宝店铺视觉营销
浅谈淘宝店铺视觉营销视觉营销这个方向在淘宝这个圈子实际上已经研究了很多年，谈到视觉营销这个词，大家可能也并不陌生，那么什么是视觉营销呢？可以把这个词分为两个部分——视觉和营销。
在刚接手店铺的时候，需要先营销后视觉，这是一个不同层次的任务。
很多店铺可能给人的感觉并不美观，但销量却很好，那么说明他在视觉营销过程中有一部分做得非常到位——营销做得很好。
当前网商大约有600多万，而600多万买家中有专职美工的店铺并不多，而有一个非常牛的可以称得上设计师的美工的店铺更是寥寥无几，所以，在做视觉营销的过程中，我们可以先把其中一个——营销搞定了，然后再去考虑视觉。
什么是营销呢？举个例子，在我们当地有家比较有名的超市，这家超市装修也算不上高档，价格也没有多大优惠，但营业额一直不错。
是什么原因呢？这家超市的布局是一个回字形，只有一个出口和一个相对的入口，这意味着，所有的顾客在进入超市后，必须转一个圈才能出来，这就无形中增加了产品的展现。
这种设计方式其实宜家家居早就已经开始使用，这种方法也可以用来借鉴到淘宝店铺上。
就是增加顾客的访问深度，顾客看的店铺页面数量越多，那么购买的可能性也就增大。
但这种方式更适用于时间比较闲散，没有明确都买目的的顾客。
而对于购物欲比较明确的顾客，这种回字形设计可能就不会有多大作用，所以，宜家又推出了另一种设计方式——迷宫式购物。
商场里划分成不规则的小区域，每个区域展示特定产品，商场内没有一条特定的路线，这也大大增加了商品的展示机会。
而这点用于店铺经营，涉及的点就是页面停留时间了。
我们都知道，顾客在一个页面停留的时间越久，那么购买的几率就越大，转化率也自然会提升。
如果我们想要提升店铺的访问深度和停留时间，是需要做很多细节性的东西的。
需要提供足够的“通道”或元素，吸引顾客的停留。
什么是“通道”？关联、分类是一种通道。
元素是什么？就是让你的店铺尽量丰满一些。
很多人会遇到这样的问题：页面越长好呢，还是越短越好？这其实是个伪命题。
视觉营销影响店铺转化
龙源期刊网
视觉营销影响店铺转化
作者：
来源：《农家参谋》2019年第05期
淘宝转化率，就是所有到达淘宝店铺并产生购买行为的人数与所有到达淘宝店铺的人数的比率。
影响淘宝店铺转化率的因素有很多，视觉营销是最关键的一点。
做好视觉营销
在店铺设计上，不论足主图详情页还是店铺的整体风格都要保持一致性。
在视觉上要给用户一个好的体验。
另外，设计上要有一定的实用性，让进入店铺的每一个顾客都能轻松找到自己想要的商品，特别有亮点的产品，一定要放在最显眼的地方。
设计做好了，不仅能够提升店铺的品牌形象，而且可以增加用户在页面停留的时问，让用户有更好的购物体验，成交率就会大大上升。
抓住流量入口
抓住流量入口就是要抓住买家的喜好。
要分析每一个买家的特征，提供更多他想要的商品，这样成交转化率也会有所提高。
这个时候许多卖家都会做关联营销，让买家不断去浏览店铺的商品，这种方法还可以增加店铺的浏览量。
定向推广自然流量
一些自主访问店铺的顾客或是老顾客复购等都是很好的流量，可以根据这些顾客的特征做定向推广。
主要是从买家的搜索>惯、消费习惯以及他所能承受的價格区间下手，提高投放精准度。
商品详情页
商品的详情页是影响成交率的最大因素。
分析每个商品的转化率，针对每个详情页进行不同层次的优化，能提高整个店铺的成交转化率。
详情页优化包含的内容有主推款式的海报、促销活动的预告或者通告、特色活动等内容。
同时，可以搭配一些推荐单品的环节，或给产品设置套餐，增加店铺的导购功能，丰富产品的内容。
吸引顾客下单购买。
淘宝店铺视觉优化方案
淘宝店铺视觉优化方案引言随着电子商务的快速发展，淘宝店铺作为电商平台中的重要销售渠道，对于卖家来说越来越重要。
在众多卖家竞争激烈的淘宝平台上，视觉优化是吸引消费者的关键因素之一。
本文将探讨淘宝店铺视觉优化的方案，以帮助卖家提升店铺的吸引力和销售额。
1. 品牌形象设计淘宝店铺的品牌形象设计是吸引消费者的重要因素。
卖家需要通过视觉元素来展示自己的品牌理念和特点。
以下是一些品牌形象设计的要点：•商标设计：设计一个简洁、有辨识度的商标，用于店铺的LOGO和品牌形象展示。
•店铺背景：选择与品牌形象相符的背景图或色彩，让消费者在进入店铺后能够立刻感受到品牌的风格和氛围。
•字体和配色方案：选择适合品牌形象的字体和配色方案，保持整体风格的一致性。
2. 主图和宝贝图片优化主图和宝贝图片是淘宝店铺展示产品的重要方式，视觉优化可以帮助提升产品的吸引力。
以下是一些主图和宝贝图片优化的要点：•清晰度：确保主图和宝贝图片的清晰度，消费者需要能够清晰地看到产品的细节。
•展示角度：选择能够展示产品特点和优势的角度，吸引消费者的注意力。
•背景和道具：选择适合产品风格的背景和道具，让产品更加突出。
•尺寸和比例：确定主图和宝贝图片的尺寸和比例，确保在不同设备上能够正常展示。
3. 图文描述优化图文描述是淘宝店铺介绍产品和传达信息的重要方式。
以下是一些图文描述优化的要点：•标题：设计简洁而有吸引力的标题，能够准确传达产品的主要特点。
•排版：合理排版图文描述，避免过于拥挤或混乱的布局，确保信息清晰易读。
•引导消费者：使用有吸引力的文案和图片引导消费者了解产品的优势和特点。
•细节展示：在图文描述中展示产品的细节图，帮助消费者更好地了解产品。
4. 高质量的商品评价购物者常常会参考商品评价来决定是否购买某个产品。
高质量的商品评价不仅可以提升消费者对产品的信任度，也有助于改善店铺的信誉。
以下是一些高质量的商品评价的要点：•鼓励评价：积极鼓励消费者对购买的产品进行评价，可以通过赠送小礼品或提供积分等方式来促进评价的产生。
网店运营教你如何做好视觉营销有效提升店铺销量
如何运营好网店教你如何做好视觉营销有效提升店铺销量标题优化 数据分析运营技巧 活动策划视觉营销一直以来做电商的人很少去研究，我们基本把关注点都放在产品、流量、转化、销售这些数据上去研究，这方面属于非常薄弱。
传统行业中的视觉营销，重点在于陈列师对环境氛围的布置、主题的强调。
而网络中，尤其是淘宝中的视觉营销“成分复杂”，集交互设计、用户体验、信息构架为一体！重点在于视线把控和买家心里把控！今天我就来给大家阐述下我对电商视觉营销的理解。
我出身于广告公司，在11年我是实实在在的广告人，回想起那时候看待视觉的方式，只能说有视觉，没营销。
大家看待这种海报有什么感觉？我在11年就觉得为什么超市要用这样的海报，为什么不设计得高大上一些？只顾视觉，而忽略了海报的目的：营销价值。
如果把这张海报设计的和某些大牌一样，充满视觉素元素，会有更好的效果吗？我们来回想下如果你是买家，在购物的时候你的思维回路：产品进入视线——信息传递大脑——产生了解欲望——点击了解产品——产生购买欲望——犹豫期间——购买。
通过这个可以看出视觉在前期起到了决定性作用，其实做好业绩就是从眼花缭乱的商品中抢占买家视线，刺激买家购买欲，那么如何在万千商品中脱颖而出？如何让买家接收你的优点、屏蔽你的弊端？如何刺激买家的购买欲望？我们再来分享这些点都涉及哪些关联阶段：产品进入视线：展示阶段信息传递大脑：视觉是否足够吸引阶段产生了解欲望：大脑判定吸引点击了解产品：确定了解阶段产生购买欲望：详情页展示获取人心阶段犹豫期间：单品/店铺活动催促快速下单购买。
如果完全不从营销价值角度，显然在电商的视觉层面就失去了他的商业价值。
一张好看的图的意义仅限于好看阶段。
在分析视觉的营销价值之前，我们先来看看上面的各大阶段在电商运营角度的意义：首先一个产品需要销量，一般推广研究的是哪些？1、流量2、转化率但是我们忽略了什么？流量之前的展现量，往往是我们最常忽略的，但是推广能做的事情是引入流量吗？推广通过直通车、钻展等等付费或者免费能做到的仅仅是获取更多的展现：我们来看我们运营的一个案例图，重要的数据都由什么构成？展现量/点击量/点击率/花费/成交/购物车/收藏但是我们推广真正能操作的是什么？调整直通车精准度以及排名，获取的是展现量以及展现量的精准度。
电商视觉营销图文
01
ቤተ መጻሕፍቲ ባይዱ
02
03
色彩心理学
运用色彩心理学原理，选 择与品牌形象、产品特点 相符合的颜色，以激发消 费者的情感共鸣。
色彩对比与调和
通过对比色、邻近色、冷 暖色等搭配，营造出层次 感、立体感和视觉冲击力。
色彩情感表达
利用色彩的情感属性，如 红色代表热情、蓝色代表 冷静，传递品牌价值和产 品卖点。
字体选择与排版
产品展示与差异化
产品展示
利用高质量的图片、视频和3D模型等多媒体手段，全面展示产品的外观、功能 和特点。
差异化
通过创意和个性化的产品呈现，使产品在众多竞争对手中脱颖而出，提高用户关 注度。
用户体验与互动设计
用户体验
优化网站布局、导航和信息架构，提供简单、直观的购物流 程，降低用户操作难度。
互动设计
电商视觉营销的重要性
01
提高品牌知名度和形象
通过视觉设计传达品牌理念和价值观，提升品牌形象和 认知度。
02
提升用户体验
良好的视觉设计可以增强用户对网站的友好感和易用性 ，提高用户满意度。
03
提高转化率
吸引人的视觉元素可以激发消费者的购买欲望，促进转 化率的提升。
电商视觉营销的历史与发展
历史
电商视觉营销起源于互联网的初期， 随着技术的发展和消费者需求的演变 而不断发展。
图片修饰
运用裁剪、滤镜、调色等技巧， 突出产品特点，增强视觉效果。
图文结合
将文字与图片有机结合，形成视 觉冲击力，提高用户转化率。
动画效果与交互设计
动画效果
动态交互
运用动画效果，如渐变、旋转、缩放 等，吸引用户注意力，提高点击率。
利用动态交互元素，如交互动画、3D 效果等，增强用户参与感和沉浸感。
6.网店视觉营销
— 1—
店铺装修
1 走进视觉营销 2 店招视觉营销 3 主图视觉营销 4 广告图视觉营销 5 详情页视觉营销
1 走进视觉营销
1 走进视觉营销
1.1 视觉营销的定义
视觉营销是指利用色彩、图像、文字等造成的冲击力来吸引潜 在客户的关注，由此增加商品和网站的吸引力，从而达到营销制胜 的效果。
步骤3：将抠好
的图片放到主图文件 中。首先按Ctrl+A组 合键全选素材图，然 后按Ctrl+C组合键复 制素材图，再按 Ctrl+Tab组合键切换 到主图文件中，最后 按Ctrl+V组合键将素 材图粘贴到主图文件 中，如下图。
3 4
步骤4：复制一个商品
图片，给商品图片加一个倒 影。首先按Ctrl+A组合键 全选素材，然后按Ctrl+C复 制一个图层，再按Ctrl+V组 合键粘贴图层，最后按 Ctrl+T组合键自由变换鼠标， 右击，在弹出的快捷菜单中 选择“垂直翻转”命令，然 后拖动图片到相应的位置， 如下图。
4 广告图视觉营销
（2）钻石展位广告图
钻石展位广告图
4 广告图视觉营销
（3）活动广告图
聚划算活动广告图
4 广告图视觉营销
2.广告图的设计原则
每个广告图都要有一
1 个明确的主题，在主题确
定好后，所有的元素都要
3
围绕这个主题展开。展示
鞋透气这一特点，如图所
在处理广告图的 色彩和构图方式时需
推广主题清晰
图片文案两边分构图法是最便捷也是最不容易犯错的构图方法，即将 图片和文字各放一边，但在文案排版上一定要突出中心点，如图所示。
4 广告图视觉营销
图片文案两边分构图法
网店视觉营销
时间
范围层
功能规格 内容需要
战略层
用户需求 网站展示
用户体验五大层面
概念
2.1.1 客户分析
1.产品受众
首先，需要对用户进行细分； 其次，需要关注的是消费者需要的是哪些信息； 再者，需要了解消费者对于产品和服务的关注因素；
2.浏览习惯
（1）.浏览习惯的特征。如，60后、70后和80后很大一 部分人很难认可新系统的操作界面。
轮滚动2—3次为宜；
（4）浏览习惯体验。
a.友好提示：运费、赠品的刺激和利益诱惑来让更多消费 者了解店铺；
b.会员的交流：淘帮派的开创，引领行业群体；
c. 售后服务：及时跟踪和反馈； d. 会员优惠：对会员优惠政策； e. 会员推荐服务：有规范性，大众接受排版模式； f. 鼓励买家参与：选取方便用户浏览的字体，并确保字体
买，让店铺保持新鲜感； h.辅助的推荐：在店铺首页、左侧栏、自定义栏、编辑栏
多个地方对店铺活动进行提醒和引导，增 加曝光率； i.活动的推荐：友情链接。
j. 相关商品的推荐：友情链接； k.收藏设置：在醒目的位置提高店铺收藏的提醒按钮，方便收
藏店铺； l. 文字的排列：有规范性，大众接受排版模式； m. 文字的字体：选取方便用户浏览的字体，并确保字体清晰； n. 页面底色：简洁素雅，为商品主题做承托。 f. 页面长度：选择合理的值，一般浏览页面程度是鼠标滑
2.1.2 浏览路径
作为视觉营销，在视觉轨迹中，把自己需要展现的商品突 出展现给消费者，尽可能引导消费者的目光按照自身店铺设计 的视觉路径浏览，这叫做视觉的动线设计。常规的动线是“Z” 或“W”。
2.2 视觉定位
品牌型专卖店： 给人感觉价位 高、商品精致、 质量好、很少 打折。
电商视觉营销
突出产品特点：通过视觉设计，强调产品的独特卖点 吸引注意力：利用醒目的颜色、字体和图片，吸引消费者的注意力 提升品牌形象：通过视觉设计，传达品牌理念和形象，提升品牌认知度 促进销售转化：通过视觉设计，激发消费者的购买欲望，提高销售转化率
吸引用户注意力：通过视觉设计吸引用户，增加点击率 提升品牌形象：通过视觉元素展示品牌形象，提升品牌认知度 促进用户互动：通过视觉引导用户参与互动，提高用户参与度 增强用户信任感：通过视觉元素展示产品优势，提升用户信任感
高转化率。
突出品牌形象：通过统一的视觉元素，强化品牌认知度。 优化产品展示：利用高清图片和详细的规格参数，提升产品吸引力。 创意广告设计：运用独特的视觉效果和引人入胜的故事情节，吸引用户点击。 动态视觉效果：利用动画和视频，增强用户互动和停留时间。
色彩是电商视觉营销的 重要元素之一，能够吸 引用户的注意力并影响 他们的情感和购买决策。
电商视觉营销在 活动推广中的应 用，通过视觉元 素吸引用户注意 力，提高活动曝
光率。
电商视觉营销 可以通过创意 海报、短视频 等形式，突出 活动主题，提 升用户参与度。
电商视觉营销 可以通过社交 媒体等渠道， 扩大活动影响 力，提高品牌
知名度。
电商视觉营销 可以通过数据 分析，优化活 动推广效果， 提高转化率。
数据驱动的营销策略：通过数据分析和挖掘，了解用户需求和市场趋势，制定针对性的视觉 营销策略，提升营销效果。
汇报人：
吸引用户注意力： 通过视觉元素， 如图片、色彩和 排版，吸引潜在 客户的注意力，
提高点击率。
传达品牌理念： 通过视觉语言，
传达品牌品认知 度：通过产品 图片和详细描 述，让消费者 更好地了解产 品特点和优势。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
统一性
色彩应用的统一
店铺风格与产品风格的统一
注重视觉感受
了解店铺功能
审美性
寻找视觉的规律 把握客户群的审美心里
实用性
服务客户需求 权衡操作方便性
目的性 实用性 审美性 统一性的大概说明
店招:目的性：表明所销售的产品种类 实用性：产品分类明确，方便客户查找
海报:目的性：新品、爆款、活动的展现 实用性：方便客户了解店铺动态
增加老客户，提高回头客
增加收藏
增加手机端交易
谢谢大家！
分类:目的性：新品、爆款。热销、等展示 实用性：方便客户查找 优惠卷:目的性：一目了然 让客户看懂活动 实用性：方便客户领取 产品展示:统一性：有规律的排版 店铺与产品风格配色的统一 审美性：方便客户查看 注重视觉感受 目的性 实用性 审美性 统一性应用在整个店铺当中，不单 单是首页，也包括主图、详情页等
首页设计 PC端首页与无线端首页
首页设计组成部分
如原足PC端店铺装修
店招 优惠卷 产品分类
购物须知
海报
互动活动
产品排版
简 约 类 整 体 布 局 统 一 ， 以 黑 色 ， 灰 色 为 主 红 色 为 辅 色
文 艺 类
文 艺 类 与 小 清 新 和 日 韩 风 的 类 似 ， 区 分 不 明 确
第五点
第六点
主图设计 主图与直通车的制作要点
现有很多客户会不看详情页，只看主图就直接下单的，所以 要利用五张主图把产品整体展现给客户。
第一张主图
第一张主图做到店铺统一，产品摆放角度和促销标签，
第二张主图
第二张主图展示产品整体特性点出产品材质
第三张主图
第三张主图展示产品颜色和款式
第四张主图
第四张主图展示产品细节，突出产品质量
详情页设计
详情页设计重点展示
详情页整体要与首页风格统一
1.点出材质：如:纯棉、涤棉 3.立体展示分析特点. 2.材质特性或功能说明：如:吸汗、透气 4.颜色款式展示：如：几种颜色，是那种袜形、中筒、短袜还是船袜等.
5.细节展现，体现产品质量。 6.产品实拍与产品包装
如：
第一点
第二点
第三点
第四点
简约类常用黑体，文艺范和小清新的一般 为楷体和宋体类字体，日系一般用日文加 中文表达，（重点以中文表达）
无线端首页
装修无线店铺，能为店铺加权，提高店铺搜索权重，增加流量。 使用工具一阳指
无线的特点：与PC 端从左到右的浏览习 惯不一样，手机端的 屏幕较小，浏览的习 惯是从上往下。如果 都是双列宝贝，或者 都用双列图片展示宝 贝，用户的兴趣度和 体验趣味性就会大大 降低。 需要巧用各种大模块 的组合，特别是手机 淘宝已经升级，模块 更多样，充分利用焦 点图丶左文右图丶多 图等模块，使手机淘 宝首页显得更有趣味 性。模块上选择大模 块丶从上而下的排列 而不是从左往右的排 列效果。 手机端屏幕较 小，需要注意 排列和字体大 小，让客户容 易看清，方便 购物
第五张主图
第五张主图展示产品包装实拍，让客户对收到产品有所印象.
直通车制作
直通车图的作用是点击量和促进点击率，所以和做以下这类的。
突出促销信息/材质/功能/特点等
创意类的图片吸引点击
自定义，一般用于以下用途等等
个人感觉 应该添加的部分
互动活动，促进成交
网店装修设计视觉营销的打造
白图
目录
A
B
C
D
E
什么是视觉营销
视觉营销是利用色彩、图像、文字等造成的冲击力吸引潜在客户 的关注，由此增加产品和店铺的吸引力，从而达到营销制胜的效果。
“视觉”以营销为目的
目的通过“视觉”来实现
视觉营销的基本原则
明确视觉应用的目的
目的性
分析目标客户群的需求
针对产品属性的特色