淘宝主图制作与优化《视觉营销》
淘宝店铺视觉优化方案

淘宝店铺视觉优化方案引言随着电子商务的快速发展,淘宝店铺作为电商平台中的重要销售渠道,对于卖家来说越来越重要。
在众多卖家竞争激烈的淘宝平台上,视觉优化是吸引消费者的关键因素之一。
本文将探讨淘宝店铺视觉优化的方案,以帮助卖家提升店铺的吸引力和销售额。
1. 品牌形象设计淘宝店铺的品牌形象设计是吸引消费者的重要因素。
卖家需要通过视觉元素来展示自己的品牌理念和特点。
以下是一些品牌形象设计的要点:•商标设计:设计一个简洁、有辨识度的商标,用于店铺的LOGO和品牌形象展示。
•店铺背景:选择与品牌形象相符的背景图或色彩,让消费者在进入店铺后能够立刻感受到品牌的风格和氛围。
•字体和配色方案:选择适合品牌形象的字体和配色方案,保持整体风格的一致性。
2. 主图和宝贝图片优化主图和宝贝图片是淘宝店铺展示产品的重要方式,视觉优化可以帮助提升产品的吸引力。
以下是一些主图和宝贝图片优化的要点:•清晰度:确保主图和宝贝图片的清晰度,消费者需要能够清晰地看到产品的细节。
•展示角度:选择能够展示产品特点和优势的角度,吸引消费者的注意力。
•背景和道具:选择适合产品风格的背景和道具,让产品更加突出。
•尺寸和比例:确定主图和宝贝图片的尺寸和比例,确保在不同设备上能够正常展示。
3. 图文描述优化图文描述是淘宝店铺介绍产品和传达信息的重要方式。
以下是一些图文描述优化的要点:•标题:设计简洁而有吸引力的标题,能够准确传达产品的主要特点。
•排版:合理排版图文描述,避免过于拥挤或混乱的布局,确保信息清晰易读。
•引导消费者:使用有吸引力的文案和图片引导消费者了解产品的优势和特点。
•细节展示:在图文描述中展示产品的细节图,帮助消费者更好地了解产品。
4. 高质量的商品评价购物者常常会参考商品评价来决定是否购买某个产品。
高质量的商品评价不仅可以提升消费者对产品的信任度,也有助于改善店铺的信誉。
以下是一些高质量的商品评价的要点:•鼓励评价:积极鼓励消费者对购买的产品进行评价,可以通过赠送小礼品或提供积分等方式来促进评价的产生。
淘宝电商的视觉营销

统一性
色彩应用的统一
店铺风格与产品风格的统一
注重视觉感受
了解店铺功能
审美性
寻找视觉的规律 把握客户群的审美心里
实用性
服务客户需求 权衡操作方便性
目的性 实用性 审美性 统一性的大概说明
店招:目的性:表明所销售的产品种类 实用性:产品分类明确,方便客户查找
海报:目的性:新品、爆款、活动的展现 实用性:方便客户了解店铺动态
增加老客户,提高回头客
增加收藏
增加手机端交易
谢谢大家!
分类:目的性:新品、爆款。热销、等展示 实用性:方便客户查找 优惠卷:目的性:一目了然 让客户看懂活动 实用性:方便客户领取 产品展示:统一性:有规律的排版 店铺与产品风格配色的统一 审美性:方便客户查看 注重视觉感受 目的性 实用性 审美性 统一性应用在整个店铺当中,不单 单是首页,也包括主图、详情页等
首页设计 PC端首页与无线端首页
首页设计组成部分
如原足PC端店铺装修
店招 优惠卷 产品分类
购物须知
海报
互动活动
产品排版
简 约 类 整 体 布 局 统 一 , 以 黑 色 , 灰 色 为 主 红 色 为 辅 色
文 艺 类
文 艺 类 与 小 清 新 和 日 韩 风 的 类 似 , 区 分 不 明 确
第五点
第六点
主图设计 主图与直通车的制作要点
现有很多客户会不看详情页,只看主图就直接下单的,所以 要利用五张主图把产品整体展现给客户。
第一张主图
第一张主图做到店铺统一,产品摆放角度和促销标签,
第二张主图
第二张主图展示产品整体特性点出产品材质
第三张主图
第三张主图展示产品颜色和款式
第四张主图
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 广告图视觉营销
图片文案两边分构图法
第7章视觉营销推广图制作

7.2.2 智钻图的构图方式
11
智钻图片是有结构和层次的,不同布局将呈现不同的视觉焦点,若视觉焦点不统一或 者布局不理想,很容易形成信息错乱,让消费者忽视重点。智钻图片的常用布局方式主要 有以下8种。
两栏式
三栏式
上下式
正反三角形 构图
放射性构图
渐次式构图
斜切式
垂直构图
7.2.3 制作淘宝首焦智钻
7.4.2 设计家纺智钻
3. 操作步骤 下面根据进行的家纺四件套进行家纺智钻的制作,其具体操作如下。
1
添 加 形 状
输 入 文 本
填充背景并添加商品
31
2 3
7.4.2 设计家纺智钻
4
32
5
输入文本并添加投影
绘制形状并输入文本
7.4.2 设计家纺智钻
33
完成家纺智钻的制作
第7章 网店美工视觉设计实战教程
5
添加素材
7
坚果智钻效果
14
6
为素材添加投影
目录 Contents
7.1 制作高点击率的主图 7.2 智钻图设计 7.3 直通车推广图设计 7.4 实战演练
7.3.1 直通车展现方式
16
参加直通车推广的宝贝,主要展示在如下几个位置。
关键词搜索结 果页的展位
买家必经之路 上的众多高流 量、高关注度 的展位
素材的组合与编辑包括素材的添加,叠放顺序的设置, 以及素材位置与大小的调整,投影的制作方法。
文案的编辑方法。文本字体、颜色、大小的搭配组合。
7.4.1 设计唇彩直通车
26
3. 操作步骤 下面根据唇彩的外观展开直通车的制作,其具体操作如下。
1
2
《视觉营销》课件——第十四节 主图设计

如何制作一张高点击的爆款主图
那如何制作一张超级视觉冲击的主图呢? 1、模仿策略:
如何制作一张高点击的爆款主图
之前有一个经典案例,苏泊尔一个专卖店优化,美工运营团队想了各种策略都受到 厂家管控很难实现,最终就是把其中一款电饭煲的所有优秀代理商的主图整合起来, 发现高点击的图,底色不是黄、白、红任意一款单色,文字和促销也是,主体无一例 外都是重新p过的,而且科技感特别强,经过这个团队的分析、组合、测试,最终确定 了主图模板,把店铺所有主图全部替换了一遍,不到2周时间整店流量翻了5—6倍,连 这个美工团队都惊呆了。
你想买一件LV的包包要2万元,虽然口袋紧张就没买,但魂牵梦萦的想那个包包,突然你发现一款高仿的包包, 与原版一模一样完全分辨不出真伪,价格只要500元,你立马就会想要买,这就是性价比就是落差。 心理价位越高,实际价位越低,中间的落差就越大,购买就越冲动。“主图”就是帮助用户建立心理价位的。
如何制作一张高点击的爆款主图
因此,商品主图的设计专业性和视觉吸引力直接影响着网店的点击率和转化率。 接下来就让我们一起来了解和学习商品主图设计的相关知识和技能。
商品主图的设计规范
以淘宝网为例,显示在搜索结果页面中的商品主图的尺寸为220*220px,而显示在商 品详情页面左上角的商品主图的尺寸为400*400px,具体如下图所示。商品主图的文件大 小要小于500KB,图片格式可以为JPEG、PNG、GIF格式。当上传的商品主图尺寸大于 800*800px时,商品详情页会自动提供放大镜功能,即消费者将鼠标移动到商品主图上时 会显示局部放大效果,以便查看商品细节。
《淘宝视觉营销全攻略 图片设计 首页营销 活动专题 分类详情 》读书笔记思维导图

4.8 首页两侧
3
4.9 旺旺客服 区
4
4.10 搜索条 营销设计
5
4.11 店铺页 尾营销设计
第5章 活动专题页营销设计
5.1 专题页营销
5.2 活动页营销设 计
5.3 活动页氛围渲 染
5.4 精彩案例欣赏
第6章 详情页与分类页营销设计 Nhomakorabea1
6.1 详情页营 销功能
2
6.2 详情页中 的信息
3.2 首页色彩与营 销的关系
3.1 首页展示效果
3.3 首页布局
第4章 充分利用首页营销
01
4.1 店招 营销设计
02
4.2 导航 菜单营销设 计
03
4.3 首屏 营销设计
04
4.4 首页 海报/轮播 图营销设计
06
4.6 分类 营销设计
05
4.5 促销 活动区营销 设计
1
4.7 宝贝陈列 展示区设计
3
6.3 详情页布 局
4
6.4 详情页设 计分析
5
6.5 分类页营 销区
第7章 手机店铺营销设计
7.2 首页模块营销 设计
7.1 手机店铺营销
7.3 手机详情页营 销
淘宝视觉营销全攻略
谢谢观看
第1章 说说视觉营销设计
1.1 认识视觉营销
1.2 视觉营销的元 素
1.3 淘宝视觉营销 价值
1.4 视觉营销设计 的体现
第2章 店铺图片营销设计
1
2.1 店标案例 分析
2
2.2 店标营销 设计
3
2.3 商品主图 营销设计
4
2.4 钻展图营 销设计
5 2.5 直通车图
《视觉营销》习题及答案

《视觉营销》习题及答案2020-2021学年第二学期视觉营销作业一一、名词解释(每小题2分,共20分)1.视觉营销2.UV3.转化率4.客单价5.限时折扣6.关联营销7.视觉识别系统8.用户体验9.交互设计10.视觉的动线设计二、填空题(每小题2分,共20分)1.内页主图5张在尺寸下自动生成放大镜功能?2.自定义页面的作用。
3.图形最基本的类型是。
4.随着市场竞争越来越激烈,将是各种营销方式中较为核心的竞争力!5.视觉营销的运作流程是。
6.调研的目的是。
7.店铺的商品结构、价格体系决定。
8.店铺的用户群社会层次、消费能力、生活习惯决定。
9.衡量视觉营销数据指标的因素、、。
10.决定销量高低的基础。
三、单项选择题(每小题2分,共20分)1.流量的指标()。
A PV(访问量)、UV(独立访客数)、IP(独立IP数)B访问量、独立访客数C独立访客数D访问量、独立IP数2.()是店铺内页面的浏览量或点击量,用户每次刷新页面即被计算。
A PVB UVC IPD UI3.电商成交的关键数据( )A转化率 B流量 C数据 D访客数4.决定店铺转化率的关键环节()。
A商品 B服务 C网页浏览体验 D商品详情页5.体现商品属性和消费者属性的因素()。
A商品 B客单价 C流量 D转化率6.视觉营销把(A)作为手段,营销作为目的A视觉 B营销 C爆款致胜 D服务7.“点”元素的具体视觉特性()。
A起到视觉传达引导买点突出的作用B表现出一种力的美C有飞跃、向上或冲刺前进的感觉D对人的心理、对平面设计整体格调起的主导作用8.属于色彩的三元素是指( ) 。
A色相 B色彩模式 C色彩对比 D色彩涵义9.下列哪个属于无色彩( ) 。
A灰 B绿 C红 D蓝10.下列属于红色的色彩涵义是()。
A热情、主动、节庆、愤怒 B活力、愉快、新鲜C温暖、快乐、希望、智慧 D冷静、信用、永恒四、简答题(每小题8分,共40分)1.流量的来源有哪些?2.流量的指标有哪些?3.请列举出常用的几种引流的技巧?4.转化率的影响因素有哪些?5.常见的提高客单价的方法有哪些?2020-2021学年第二学期视觉营销作业二一、名词解释(每小题2分,共20分)1.视觉化效应2.安全需求3.钻展4.直通车5.专题页6.主标题的定义7.转化率8.点击率9.跳失率10.权重二、填空题(每小题2分,共20分)1.在淘宝设计中色彩使用比例是。
【经典】淘宝视觉营销

认知规律
整理ppt
装修方式
外包给TP方
专业美工
购买模板
•已经少量商品 发布
•暂无专业美工
威客
•开始人气单品 推广
•专业美工尚未 到位
•专业美工针对 产品设计店铺 页面
•有品牌运营需 求
整理ppt
装修误区
整理ppt
思考
1、您的店铺的“差异化优势”的是什么? 2、您的店铺针对的消费人群是怎样的? 3、您店铺的潜在消费者的需求是什么?
整理ppt
宝贝详情
• 商品展示类:色彩、细节、优点、卖点、包装、 搭配、效果
• 实力展示类:品牌、荣誉、资质、销量、生产、 仓储
• 吸引购买类:卖点打动、情感打动、买家评价、 热销盛况
• 交易说明类:购买、付款、收货、验货、退换货、 保修
• 促销说明类:热销商品、搭配商品、促销活动、 优惠方式
整理ppt
网购
整理ppt
关于视觉营销
装修思路: 根据产品定位以及买家需求达到——信心传达——美观方——风格别致的效果
超市海报和楼盘宣传 册是不一样的设计风格 产品的不同定位决定 了设计风格 根据产品定位和消费 人群习惯设计 消费人群消费习惯往 往高于目前已有消费能 力
整理ppt
店铺招牌
整理ppt
促销区
位于店铺招牌下方, 作用好比线下实体店 的橱窗 体现店铺卖点—— 差异化优势
整理ppt
• 优秀案例展示: 1、店铺名称:ROYLN旗舰店
旺旺ID:royln旗舰店 链接: 店铺宝贝拍摄与店铺首页截图:
整理ppt
ROYLN旗舰店首页截图
整理ppt
ROYLN旗舰店 首页截图
整理ppt
2、店铺名称:培尔达旗舰店 旺旺ID:培尔达旗舰店 链接: 店铺宝贝拍摄与店铺首页截图:
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
直通车优化规范—案例
在
利用了拟人的修辞手法,体现出产品 人性化的一面,有些消费者看到这个 直通车图,很有可能会想一探究竟, 了解他到底是为什么不怕洗澡,随之 产生点击量,是属于啊型文案。
利用网络热点事件做文章,很容易让 消费者联想,与明星来做文章有异曲 同工之妙。
直接突出产品的特点,正对产品的功 能和消费者最想解决的问题,进行文 案创作,
直通车优化规范—设计构图
直通车设计构图有7种法式,对称式构图,均衡式构图,留白式构图,紧凑式构图,X形构 图,对角线构图,
对称式构图
均衡式构图
留白式构图
直通车优化规范—设计构图
紧凑式构
X形构图
对角线构图
设计构图——对称式构图
对称式构图,是指整体具有对称性,视觉效果 呈现出有平衡,稳定,相呼应的热点,这种图 形的缺点就是呆板,缺少变化。
主图的差异化——不同产品的背景展示
展现了产品的某个角度,利用细节来突出产品的特征。
主图的差异化——不同的角度拍摄
主图的差异化——不同的展现
主图的差异化——不同的模特展示状态
主图的差异化——不同的摆放方式
主图的差异化——不同产品特点
当然差异化还有很多种,不止单单以上6种,还有不同的促销活动,不同的产品细 节展示等。
通过年迈的老人和峰筒,再 搭配爷爷养蜂 纯蜂蜜零添加。
向消费者灌输了绝对正宗的 思想。
主图——恶搞图图
瑞瑞没有上产品图片, 但是那样轻松搞笑的语句, 还是非常能吸引消费者去 看一看所谓丝巾的。
热点 事件
双十一不花钱, 成妾做不到, 地质2折,来刺激消费者购买 此产品。
Part 3
推广图的基本认识
直通车优化规范—案例
在直通车图中需要加入文案,它可以强化图片中产品的特点,并提高点击率,但是如果文 案加得不好,反而会降低点击率,所以电商在制作直通车文案时应该注意一下3点,
体现核心卖点, 文案具有创意或者差异化。 体现核心利益点,
这张图给人感觉就是这个产品就像是激光淡斑一 样的,神奇的激光淡斑的效果
语出惊人
主图——语出惊人图
刷个朋友圈圈的时间可 能就是几分钟或者几个 小时,可是开店却需要 很长的时间,短短的时 间内,是不可能开启门 店的,所有通过夸张的 手法来吸引众人的注意。
大声的喊出来内心想要 语出惊人 的 能喝消费者产生共鸣。
主图——带入人物图
通过肌肉帅哥来增强视觉效过,像消费者传递, 这是一个运动健身爱好者的必备毛巾,在运动中 肯定有很好的吸汗性能
设计构图——紧凑式构
紧凑式构图,将主题以特写的形式加以放大, 使其布满画面,具有紧凑,细腻等特点。
视觉营销
——主图优化
1
目录
1
关于主图的基本认识
2
主图优化的9种方法
3
核推广图的基本认识
4
广告图优化规范
5
总结
Part 1
主图基本认识
主图的基本认识
在电子商务平台当中 主图是什么?
在电商平台中展示在消费者眼前的产品图片,称之为主图,主图就是产品的脸
主图的基本认识
在电子商务平台当中 主图有什么样的作用? ——吸引眼球进行点击,提高点击率。
电商视觉营销主图是一个非常重要的部分,只要图片够清晰,有创意,色彩搭配得 当,那么电商视觉营销效果绝不会差。所以,本章围绕主图部分展开学习。
主图的基本认识
在电商中主图的常用构图方式有9种, 直线式,三角式,对角式,渐隐式,扇形,层叠式,重叠式,局部式。 只有掌握了这9种构图方式,才能经一部进行主图的优化,以对电商视觉营销祈祷一定的美化作 用。
主图的构图方式—直线构图
直线构图,将产品拍成一排,或一列体现出产品的层次性。
主图的构图方式——三角式构图
三角式构图,将产品排成三角形,形成稳定结构,契合消费者的视角习惯。
主图的构图方式——斜角式构图
主图的构图方式——渐隐式构图
渐隐式构图,呈现出产品虚化的状态,给消费者一种神秘的美感
主图的构图方式——扇形构图
设计构图——均衡式构图
对称式构图,是指整体具有对称性,视觉效果 呈现出有平衡,稳定,相呼应的热点,这种图 形的缺点就是呆板,缺少变化。
设,流出大部分空白画面,空白在画面 上的作用是能帮助作者表达感情色彩,给消费 者思考和想象的空间。
鸡蛋VS篮球
主图——对比
想要体现红枣的个头比 较大,就选择大家耳熟 能详的鸡蛋进行对比, 这样可以直观地体现出 红枣的大个头
体现出“静脉曲张袜” 的瘦腿功效,可以选择 一个模特一条退不穿袜 子,一个腿上穿“静脉 曲张袜”
主图——创意情景
视觉冲击
品的特点是轻盈,清爽,用 翅膀来表现,可以让消费者 用视觉看到其不漏水的特性。
Part 2
主图优化的9种方法
差异化
主图优化的9种方法
主图是直接展示在消费者眼前的产品图片,在图片种会展示商品的款式,颜色,品牌等多个特 征,所以对于电商视觉营销来说,主图是非常重要的,
差异化, 在电商视觉营销中,千万不要把自己的产品主图做成千篇一律的样子,那样只会让消费者产生 视觉疲劳,丧失想深入了解产品并点击购买的兴趣,所以,为了迅速刺激消费者的眼球,应做到 产品图片的差异化,从而提升产品被点击的概率。 要打造产品的差异化,可以从以下几点着手 1.不同的拍摄角度 2不同的展现,比如包可以不用放的那么正,用模特展示等, 3.不同的模特展示状态 4.不同的摆放方式 5.不同的产品特点
主图——对比
对比图,顾名思义,就是讲不通物体进行对比,在电商种,对比图是指利用一 个可以体现产品特色的物体与产品进行对比。
例如,想要体现红枣的个头比较大,就选择大家耳熟能详的鸡蛋进行对比,这 样可以直观地体现出红枣的大个头,又如,想要体现出“静脉曲张袜”的瘦腿功 效,可以选择一个模特一条退不穿袜子,一个腿上穿“静脉曲张袜”这样可以体 现出瘦腿的功效
将产品像扇子一样排列,使产品图显得不呆板。
主图的构图方式——框架式构图
框架式构图,氛围平均分配构图和不对称构图。
主图的构图方式——色块构图
利用色块吸引眼球的方式, 对消费者视觉产生冲击。
主图的构图方式——重叠式构图
重叠式构图,将产品重叠在一起体现出产品的厚度
主图的构图方式——局部式构图
展现了产品的某个角度,利用细节来突出产品的特征。