爆款打造细节
根据玺承无涯思维导图制作：段燚
▶爆款打造细节
▶电商业务模式
▶一种是访客价值驱动
访客价值驱动是指企业通过分析和理解访客的需求与期望，以提升用户体验和客户价值为核心，制定相应的营销和服务策略。这种方法重视访客在访问过程中的感受和反应，旨在创造出令其满意的产品或服务，从而增强客户忠诚度和提升企业竞争力。
访客价值驱动是指企业通过分析和理解访客的需求与期望，以提升用户体验和客户价值为核心，制定相应的营销和服务策略。这种方法重视访客在访问过程中的感受和反应，旨在创造出令其满意的产品或服务，从而增强客户忠诚度和提升企业竞争力。
▶一种是访客数量驱动
▶访客数量驱动是指企业或网站通过吸引更多访客以提升销售额、品牌知名度或其他业务目标的一种策略。该策略通常侧重于增加流量，不论这些访客是否能够转化为潜在客户或实际购买者。
访客数量驱动是指企业或网站通过吸引更多访客以提升销售额、品牌知名度或其他业务目标的一种策略。该策略通常侧重于增加流量，不论这些访客是否能够转化为潜在客户或实际购买者。
▶高点击率主图设计
▶主图的目的
获取访客
点击率越高展现价值越高
▶主图的呈现标准化
▶LOGO
▶目的
专业性体感
品质差异化
记忆性营销
▶案例：家用蚊帐
▶节点 160
▶案例：百叶窗帘
▶节点 165
▶案例：儿童连衣裙
▶节点 170
▶案例：卫生间置物架
▶节点 175
▶品牌LOGO的添加方式
▶官方品牌或是自创品牌品牌图标的形式不要过于复杂如果客户在浏览商品时，一眼就记住你的标识，说明你已经成功了一半复杂的图案不容易被记住，更加简炼另类的图标更让人过目不忘店铺商品在自己销售的类目下已经是名列前茅在加上品牌图标设计的加持下很容易形成品牌矩阵效应从而给人更加可靠的品牌感品牌图标设计的几点基本要求：1.需结合品牌标准色设计2.图案或者文字具有品牌的识别力，3 尺寸不宜过大。淘宝的手机端的图片上传之后，会自动缩减圆弧度50px弧度的弧角。所以设计师在开始建立画布的时候要留出50px弧度描边粗度，建议在10px-15px之间。而描边目的就是为了醒目突出官方品牌，或是自创品牌品牌图标的形式。不要过于复杂如果客户在浏览商品时，一眼就记住你的标识，说明你已经成功了一半复杂的图案不容易被记住，更加简炼。另类的图标，更让人过目不忘。店铺商品在自己销售的类目下已经是名列前茅，在品牌图标设计的加持下，很容易形成品牌矩阵效应，从而给人更加可靠的品牌感。
品牌图标设计的几点基本要求：
1.需结合品牌标准色设计
2.图案或者文字具有品牌的识别力，
3 尺寸不宜过大.
淘宝的手机端的图片，上传之后会自动缩减圆弧度50px弧度的弧角。
所以设计师在开始建立画布的时候要留出50px弧度，描边粗度建议在10px-15px之间，而描边目的就是为了醒目突出
▶节点 182
▶节点 185
▶节点 188
▶节点 191
▶节点 194
▶节点 197
▶节点 200
▶主图排序
▶目的
解决信任，买卖共鸣，文案与图片表达一致
▶主体活动图（官方/店庆）
▶节点 211
▶节点 214
▶节点 217
▶节点 220
▶场景图（向往成为/带入共鸣）
▶节点 225
▶节点 228
▶节点 231
▶节点 234
▶卖点图（核心差异化/排它性展现）
▶节点 239
▶节点 242
▶节点 245
▶节点 248
▶细节图（质感/升级)
▶节点 253
▶节点 256
▶节点 259
▶节点 262
▶信任营销图（临门一脚/转化催化剂）
▶节点 267
▶节点 270
▶节点 273
▶节点 276
▶主图文案
▶目的
▶突出核心卖点
买家共鸣
核心需求一致
▶标品
▶懒角落
▶节点 295
▶节点 298
▶天地鱼
▶节点 303
▶节点 306
▶节点 309
围绕客户真正的痛点去写卖点，不要把产品基本属性写成卖点。
围绕客户真正的痛点去写卖点，不要把产品基本属性写成卖点
▶非标
▶连衣裙
▶节点 318
▶节点 321
▶性感睡衣
▶节点 326
▶纯棉四件套
▶节点 331
非标本身靠的是款式，所以主图卖点更偏于让利和优惠。
非标本身靠的是款式，所以主图卖点更偏于让利和优惠
▶主图要求
▶高点击率神图细节和标准化！有三个维度，一个是点击率，一个是点击量，一个是点击增长率！点击率是电商发生交互的开始，没有点击率就意味着再好的产品，再美的图片，所有的一切都不会产生价值。 而承载这点击率任务最多的就是主图！当搜索完一个商品后，呈现在客户眼前的就是一堆主图而主图能不能在一堆图中脱颖而出，其中最重要的就是高点击率的关键！不过，据案例调研发现，现如今电商行业的主图高点击率正在往品牌化，规范化发展！花里胡哨的炫耀式特效，早已不能满足顾客的好奇心所以在主图上竞争就更激烈。文字是否精准精炼，图片是否规范，都变得更加非常重要。下面是主图规范性的几点内容，与大家一起观摩参考学习
高点击率神图细节和标准化！
有三个维度，一个是点击率，一个是点击量，一个是点击增
长率！
点击率是电商发生交互的开始，没有点击率就意味着再好的
产品，再美的图片，所有的一切都不会产生价值。 而承载
这点击率任务最多的就是主图！
当搜索完一个商品后，呈现在客户眼前的就是一堆主图
而主图能不能在一堆图中脱颖而出，其中最重要的就是高点
击率的关键！
不过，据案例调研发现，现如今电商行业的主图高点击率正
在往品牌化，规范化发展！
花里胡哨的炫耀式特效，早已不能满足顾客的好奇心
所以在主图上竞争就更激烈。文字是否精准精炼，图片是否
规范，都变得更加非常重要。
下面是主图规范性的几点内容，与大家一起观摩参考学习
▶800*800px(1:1的比例)
▶主图经过上传至后台后系统会自动缩减50px的弧度最终展现的主图都是缩减弧度后的效果因此在设计过程中建议设计师主图四个边角也预留出50px的弧度避免一些重要卖点文案被系统自动缩减掉保证我们所有产品卖点全部展示当我们想要我们的主图更加突出明显时，常常会采用主图描边方式描边的粗细对于效果的呈现也尤为重要，过粗过细都会影响呈现效果描边过细达不到突出醒目的效果，也就没有了意义描边过粗 虽然明显但是影响的图片整体的美观性，缺乏设计感因此建议粗细范围在10-15px的描边效果最为合适当然也要注意我们提到的弧度问题，描边也要保持50px弧度否则就会像案例中呈现的反面效果，边缘被所减掉注意到以上几点，最终我们就会呈现出正面案例中的效果我们的产品在众多主图中脱颖而出，边缘也不会被系统裁减掉突出明显的同时，点击率也会有所提升。
主图经过上传至后台后系统会自动缩减50px的弧度，
最终展现的主图都是缩减弧度后的效果。
因此在设计过程中建议设计师，
主图四个边角也预留出50px的弧度，
避免一些重要卖点文案被系统自动缩减掉，
保证我们所有产品卖点全部展示。
当我们想要我们的主图更加突出明显时，常常会采用主图描边方式。
描边的粗细对于效果的呈现也尤为重要，过粗过细都会影响呈现效果，
描边过细达不到突出醒目的效果，也就没有了意义。
描边过粗 虽然明显但是影响的图片整体的美观性，缺乏设计感。
因此建议粗细范围在10-15px的描边效果最为合适。
当然也要注意我们提到的弧度问题，描边也要保持50px弧度。
否则就会像案例中呈现的反面效果，边缘被所减掉。
注意到以上几点，最终我们就会呈现出正面案例中的效果。
我们的产品在众多主图中脱颖而出，边缘也不会被系统裁减掉，
突出明显的同时，点击率也会有所提升。
▶预留弧度
▶对比案例
▶反面案例分析
▶反面案例效果
▶节点 355
▶正面案例分析
▶正面案例效果
▶节点 364
▶反面案例分析
▶反面案例效果
▶节点 373
▶正面案例分析
▶正面案例效果
▶节点 382
▶800*1200px (2:3的比例)
▶对比案例
▶反面案例分析
▶反面案例效果
▶节点 395
▶正面案例分析
▶正面案例 效果
▶节点 404
▶反面案例分析
▶反面案例效果
▶节点 413
▶正面案例分析
▶正面案例效果
▶节点 422
▶一张好的主图不仅仅是设计的美观就可以，当然也要考虑竞争环境分析用户需求，抓住消费者心理，与同行做出差异化等等当我们把这些都考虑进去时，也许做了一张非常创意的主图但是当我们没有预留尺寸，就会像案例中的反面效果我们的重要卖点被系统的滑动条所盖住，非常影响美观性这样大大影响了呈现给消费者的效果让我们费劲心力做出创意主图发挥不出最大效果想要呈现给消费者的信息最终都被遮挡即便这样图做的多么美观，在系统的展现方面也会有缺陷因此整体出了系统展示遮挡部位的细节像素值不同的图片尺寸,会有不同的展示效果在预留的尺寸上方空间进行优化设计
一张好的主图不仅仅是设计的美观就可以，当然也要考虑竞争环境
分析用户需求，抓住消费者心理，与同行做出差异化等等
当我们把这些都考虑进去时，也许做了一张非常创意的主图
但是当我们没有预留尺寸，就会像案例中的反面效果
我们的重要卖点被系统的滑动条所盖住，非常影响美观性
这样大大影响了呈现给消费者的效果
让我们费劲心力做出创意主图发挥不出最大效果
想要呈现给消费者的信息最终都被遮挡
即便这样图做的多么美观，在系统的展现方面也会有缺陷
因此整体出了系统展示遮挡部位的细节像素值
不同的图片尺寸,会有不同的展示效果
在预留的尺寸上方空间进行优化设计
▶800*800px(1:1的比例)
▶对比案例
▶因此建议下方预留出18px的尺寸这部分不写文案,在预留的尺寸上方空间进行设计注意到以上问题案例中的我们会展示错误❌的效果和正确✅的效果不会被遮挡，产品和卖点完整的呈现给消费者让我们这张主图，发挥最大效果。
因此建议下方预留出18px的尺寸
这部分不写文案,在预留的尺寸上方空间进行设计
注意到以上问题
案例中的我们会展示
错误❌的效果和正确✅的效果
不会被遮挡，产品和卖点完整的呈现给消费者
让我们这张主图，发挥最大效果。
▶反面案例分析
▶反面案例
▶正确案例分析
▶正面案例
▶如果是拼多多店铺主图上方建议预留出80px尺寸因为上方会被我们的手机摄像头孔位盖住一部分也会导致一些,重要卖点信息被盖住
如果是拼多多店铺
主图上方建议预留出80px尺寸
因为上方会被我们的手机摄像头孔位盖住一部分
也会导致一些,重要卖点信息被盖住
▶反面案例分析
▶反面案例
▶正确案例分析
▶正确案例
▶750*1000px(3:4的图片)
▶当我们没有预留尺寸，就会像反面案例中的效果上方重要卖点被手机摄像头孔位盖住一部分下方重要卖点被系统滑动条盖住建议上方预留65px像素值这部分不写文案,或是放一些不重要的辅助文案建议下方预留出18px像素值的尺寸中间剩余的830px像素值部分便是我们需要的重要信息
当我们没有预留尺寸，就会像反面案例中的效果
上方重要卖点被手机摄像头孔位盖住一部分
下方重要卖点被系统滑动条盖住
建议上方预留65px像素值
这部分不写文案,或是放一些不重要的辅助文案
建议下方预留出18px像素值的尺寸
中间剩余的830px像素值部分便是我们需要的重要信息
▶对比案例
▶反面案例
▶反面案例 效果图
▶正面案例分析
▶正面案例
▶反面案例
▶反面案例
▶正面案例分析
▶正面案例
▶目前封面用的比较多封面图片还是3张图1:点击率最高的图片2:转化率最高的图片3:加购率最高的图片
目前封面用的比较多
封面图片还是3张图
1:点击率最高的图片
2:转化率最高的图片
3:加购率最高的图片
▶节点 491
▶720*1280px(9:16的图片)
▶目前720*1280px(9:16的比例)很多的类目还都没有开放但是随着以后的发展,竖图时代的到来这类尺寸的图片以后将会成为主流的展示效果设计师在设计过程中建议采取(上中下)构图方式建议上方预留70px像素值这部分不写文案,或是放一些不重要的辅助文案建议下方预留出60px像素值的尺寸中间剩余的1020px像素值部分是我们需要的重要信息当我们没有预留尺寸，就会像反面案例中的效果上方重要卖点被手机摄像头孔位盖住一部分下方重要卖点被系统滑动条盖住
目前720*1280px(9:16的比例)很多的类目还都没有开放
但是随着以后的发展,竖图时代的到来
这类尺寸的图片以后将会成为主流的展示效果
设计师在设计过程中建议采取(上中下)构图方式
建议上方预留70px像素值
这部分不写文案,或是放一些不重要的辅助文案
建议下方预留出60px像素值的尺寸
中间剩余的1020px像素值部分是我们需要的重要信息
当我们没有预留尺寸，就会像反面案例中的效果
上方重要卖点被手机摄像头孔位盖住一部分
下方重要卖点被系统滑动条盖住
▶对比案例
▶反面案例分析
▶反面案例
▶正面案例分析
▶正面案例
▶反面案例分析
▶反面案例 效果图
▶正面案例分析
▶正面案例 效果图
▶反面案例分析
▶反面案例
▶正面案例分析
▶正面案例 效果图
▶513*750(17:25)资源位/文件大小<200K
▶是淘宝网图片类广告位竞价投放平台是为淘宝卖家提供的一种营销工具钻石展位依靠图片创意吸引买家点击，获取巨大流量展示商品以及店铺，也是付费流量的渠道消费者可以通过这个图进行点击从而给店铺带来流量我们点开手机端淘宝首页 最左侧几张轮播海报的位置就是我们的钻展图手机淘宝首页焦点图尺寸：513*750px
是淘宝网图片类广告位竞价投放平台
是为淘宝卖家提供的一种营销工具
钻石展位依靠图片创意吸引买家点击，获取巨大流量
展示商品以及店铺，也是付费流量的渠道
消费者可以通过这个图进行点击
从而给店铺带来流量
我们点开手机端淘宝首页 最左侧几张轮播海报的位置就是我们的钻展图
手机淘宝首页焦点图尺寸：513*750px
▶具体位置
▶效果图
▶怎么样可以导出清楚清晰的图片
▶经常会有同学问到:设计师做好的图片PS中看的比较清楚为什么导出来之后,上传到淘宝会很模糊呢首先要排查的就是图片的大小淘宝基本要求图片大小都不超过500K当我们把品质拉倒最佳状态，可能图片超过500K图片上传到后台不能通过正确方法：文件导出——存储为Web所用格式——找到优化文件大小——将所需文件大小改为499K这样我们导出的图既可以顺利上传，也能保持最大程度的清晰度
经常会有同学问到:设计师做好的图片PS中看的比较清楚
为什么导出来之后,上传到淘宝会很模糊呢
首先要排查的就是图片的大小
淘宝基本要求图片大小都不超过500K
当我们把品质拉倒最佳状态，可能图片超过500K
图片上传到后台不能通过
正确方法：文件导出——存储为Web所用格式——找到优化文件大小——将所需文件
大小改为499K
这样我们导出的图既可以顺利上传，也能保持最大程度的清晰度
▶正确案例
▶错误案例
▶高停留率视频3.0
▶视频的目的
真实感
情绪价值
信任问题
向往成为
▶视频进入3.0时代
它的转化能力可以做到80%
案例：金刚纱窗帘
案例：潜水服
案例：机车头盔
▶货架电商+兴趣人群相互结合
人货场+情感共鸣
▶高转化详情设计
▶详情的目的
专业性展示/引导性逻辑
▶如何做出高转化的页面
▶图片清晰度
产品品质感
▶卖点简单易懂
▶去繁从简
https://detail.tmall.com/item.htm?detail_redpacket_pop=true&id=687395775
▶一屏一卖点
▶词图展现方式一致
▶节点 606
▶节点 609
▶创造排他性文案
▶节点 614
▶节点 617
▶节点 620
▶节点 623
▶动态图展示
https://detail.tmall.com/item.htm?abbucket=11&detail_redpacket_pop=true&id=679280345574
https://detail.tmall.com/item.htm?
abbucket=11&detail_redpacket_pop=true&id=679280345574
▶数字化记忆营销法
▶节点 632
▶节点 635
▶节点 638
▶详情页要求
▶基本要求
▶创建尺寸
▶淘宝
▶750px 宽度（高度建议20000px以内，不超过30000px）分辨率72，颜色RGB模式
750px 宽度（高度建议20000px以内，不超过30000px）
分辨率72，颜色RGB模式
▶淘宝店详情页
▶天猫
▶790px宽度 （高度建议20000px以内，不超过30000px）分辨率72，颜色RGB模式
790px宽度 （高度建议20000px以内，不超过30000px）
分辨率72，颜色RGB模式
▶天猫店详情页
▶裁图要求
▶很多时候我们都会把详情页裁图当成一个不重要的信息忽略掉参考线随意拉动切图导出，最终影响视觉体验感受1:错误裁图的方式当我们单独点开一张详情页产品与卖点被裁成两部分呈现给顾客,不是一张完整的海报图2:正确的裁图方式当我们点开详情页中的一张海报图这张海报图的产品和卖点都是完整的展示给消费者按照每一屏详情页展示产品的优质卖点去裁图因此建议设计师在一开始设计详情页的时候每一屏高度控制在1300px像素值以内按照每屏海报高度裁图,保证一屏一卖点点开要保证产品和卖点都是完整的展示这样也会给消费者更好的用户体验
很多时候我们都会把详情页裁图当成一个不重要的信息忽略掉
参考线随意拉动切图导出，最终影响视觉体验感受
1:错误裁图的方式
当我们单独点开一张详情页
产品与卖点被裁成两部分
呈现给顾客,不是一张完整的海报图
2:正确的裁图方式
当我们点开详情页中的一张海报图
这张海报图的产品和卖点都是完整的展示给消费者
按照每一屏详情页展示产品的优质卖点去裁图
因此建议
设计师在一开始设计详情页的时候
每一屏高度控制在1300px像素值以内
按照每屏海报高度裁图,保证一屏一卖点
点开要保证产品和卖点都是完整的展示
这样也会给消费者更好的用户体验
▶对比案例
▶错误裁图案例
▶节点 672
▶错误案例https://m.tb.cn/h.59ZWGkm?tk=BmqwW36f0Xt
错误案例
https://m.tb.cn/h.59ZWGkm?tk=BmqwW36f0Xt
▶正确裁图案例
▶节点 681
▶正确案例https://m.tb.cn/h.59ZRNaF?tk=qMkqW36kObt
正确案例
https://m.tb.cn/h.59ZRNaF?tk=qMkqW36kObt
▶错误裁图案例
▶节点 690
▶错误案例https://m.tb.cn/h.59bjBOV?tk=Sr2mW3SMMZj
错误案例
https://m.tb.cn/h.59bjBOV?tk=Sr2mW3SMMZj
▶正确裁图案例
▶节点 699
▶正确案例https://m.tb.cn/h.59bjJnc?tk=kTigW3Snoz0
正确案例
https://m.tb.cn/h.59bjJnc?tk=kTigW3Snoz0
▶详情页裁图之后,如何正确的导出
▶正确裁图方法第1步先按照每屏海报高度建立参考线第2步找到切片工具——基于参考线切片第3步 选择文件导出——存储为web所用格式——导出即可注意看一下导出品质是否是最佳，如果不是改为最佳保证导出的切片是最清晰的状态
正确裁图方法
第1步先按照每屏海报高度建立参考线
第2步找到切片工具——基于参考线切片
第3步 选择文件导出——存储为web所用格式——导出即可
注意看一下导出品质是否是最佳，如果不是改为最佳
保证导出的切片是最清晰的状态
▶正确方法
▶错误裁图方法1、没有按照海报高度进行裁图，随意拖动参考线切图导出2、用视图工具中的新建参考线版面，自定义参考线行数等分参考线，切图直接导出最终导致产品和卖点被裁成多个，不能完整展示
错误裁图方法
1、没有按照海报高度进行裁图，随意拖动参考线切图导出
2、用视图工具中的新建参考线版面，自定义参考线行数
等分参考线，切图直接导出
最终导致产品和卖点被裁成多个，不能完整展示
▶错误方法
▶排版方式
▶详情页文案排版-案例
▶详情页板式设计原则：文字对齐 目标统一而有条理最常用的三种文案排版方式分别是1:文字左对齐、2:文字右对齐、3:文字居中对齐有主标题、副标题、正文在实际运用中，还可以用线条、圆圈、英文图案等元素对页面进行点缀，使整体文案排版更加丰富美观、增强设计感首先要知道排版是为了整理信息、提升阅读效率一个好的排版能让消费者更加方便的浏览我们产品并快速找到想要的内容因此要兼具美感的同时将文字分组划分层级关系,文字过小看不清，过大又显得粗暴一款优秀的详情页，对层级关系的把控，一定是做到有理可寻按照主次关系，对文字和排版以及素材，进行合理的分配画面传递才可以看起来更加舒适会注意：字号的最优选择不是一成不变的，也不是永远有效的，这与行业的特征，同行的竞争息息相关以思源字体为例
详情页板式设计原则：文字对齐 目标统一而有条理
最常用的三种文案排版方式分别是
1:文字左对齐、2:文字右对齐、3:文字居中对齐
有主标题、副标题、正文
在实际运用中，还可以用线条、圆圈、英文图案等元素
对页面进行点缀，使整体文案排版更加丰富美观、增强设计感
首先要知道排版是为了整理信息、提升阅读效率
一个好的排版能让消费者更加方便的浏览我们产品并快速找到想要的内容
因此要兼具美感的同时将文字分组
划分层级关系,文字过小看不清，过大又显得粗暴
一款优秀的详情页，对层级关系的把控，一定是做到有理可寻
按照主次关系，对文字和排版以及素材，进行合理的分配
画面传递才可以看起来更加舒适会
注意：字号的最优选择不是一成不变的，也不是永远有效的，这与行业的特征，同行的
竞争息息相关
以思源字体为例
▶错误案例排版
▶错误案例
▶错误案例
▶错误案例
▶文字右对齐排版
▶案例分析
▶案例分析
▶案例分析
▶标题建议范围
▶文字左对齐排版
▶案例分析
▶案例分析
▶案例分析
▶标题建议范围
▶文字居中对齐排版
▶案例分析
▶案例分析
▶案例分析
▶标题建议范围
▶详情页字间距/ 对齐方式/排版—案例
▶详情页排版中的重复性是至关重要的重复的目的就是"一致性"可以是 1:字体大小 2:字体间距 3:对齐方式字体粗细、颜色、形状等这样做的目的让详情页整体看起来更加规整统一让整体的视觉始终保持一个相对平衡的原则这有助于提供令人愉悦的用户体验，同时确保信息有效传达此外设计过程中，要注意文字间的关联性内容的间距越小则关系越近内容的间距越大则关系越疏一般我们会将相互靠近的内容当成一个组合而彼此远离的内容,当成独立模块通过案例我们可以看出,图片版面都是采用相同的方法除了文案不同，无论是字体大小、字间距、对齐方式、粗细、位置都相同因此建议 详情页可以多参考运用这种重复性的手法进一步的提升我们的详情页，整体呈现一个比较好的效果
详情页排版中的重复性是至关重要的
重复的目的就是"一致性"
可以是 1:字体大小 2:字体间距 3:对齐方式
字体粗细、颜色、形状等
这样做的目的让详情页整体看起来更加规整统一
让整体的视觉始终保持一个相对平衡的原则
这有助于提供令人愉悦的用户体验，同时确保信息有效传达
此外设计过程中，要注意文字间的关联性
内容的间距越小则关系越近
内容的间距越大则关系越疏
一般我们会将相互靠近的内容当成一个组合
而彼此远离的内容,当成独立模块
通过案例我们可以看出,图片版面都是采用相同的方法
除了文案不同，无论是字体大小、字间距、对齐方式、粗细、位置都相同
因此建议 详情页可以多参考运用这种重复性的手法
进一步的提升我们的详情页，整体呈现一个比较好的效果
▶案例
▶案例
▶案例
▶详情页内容版块拼接-案例
▶详情页设计过程中可以通过独特的设计手法来提升我们详情页中的品牌优势突出品牌调性，与同行做出差异化,快速吸引用户眼球运用英文搭配符号组合表现手法,设计矩形条,用以连接每屏海报英文可以用店铺名称缩写或者产品名称缩写通过反复出现突出品牌调性既让消费者加深了品牌的印象，也让每屏海报之间过度的更加自然
详情页设计过程中可以通过独特的设计手法
来提升我们详情页中的品牌优势
突出品牌调性，与同行做出差异化,快速吸引用户眼球
运用英文搭配符号组合表现手法,设计矩形条,用以连接每屏海报
英文可以用店铺名称缩写或者产品名称缩写
通过反复出现突出品牌调性
既让消费者加深了品牌的印象，也让每屏海报之间过度的更加自然
▶案例分析
▶https://m.tb.cn/h.5kugnEb?tk=51YkW3re0MJ
▶案例分析
▶https://m.tb.cn/h.5QFkdkI?tk=sXj4W3IwyMB
▶学会善于运用圆角弧度案例中可以看出详情页都大量运用了圆角设计这种手法更适用于一些产品本身圆润感的产品这种手法不仅让整个详情页板式更加新颖也让详情页打造了视觉差异化更具品牌感,也让每屏海报之间过度的更加自然
学会善于运用圆角弧度
案例中可以看出详情页都大量运用了圆角设计
这种手法更适用于一些产品本身圆润感的产品
这种手法不仅让整个详情页板式更加新颖
也让详情页打造了视觉差异化
更具品牌感,也让每屏海报之间过度的更加自然
▶案例分析
▶https://m.tb.cn/h.5kEnMPD?tk=tB2IW3HR3yQ
▶案例分析
▶https://m.tb.cn/h.5keVQgx?tk=Wb86W3DFN1P
▶建议预留60-100px弧度
▶学会善用矩形板块连接通过案例我们可以看出，该详情重复运用矩形板块连接每屏海报独特的视觉效果和表现形式来突出产品细节这样不仅会吸引更多目光，页面看更加规整统一过渡更加自然更能够抓住客户眼球，吸引目标消费者
学会善用矩形板块连接
通过案例我们可以看出，该详情重复运用矩形板块连接每屏海报
独特的视觉效果和表现形式来突出产品细节
这样不仅会吸引更多目光，页面看更加规整统一
过渡更加自然
更能够抓住客户眼球，吸引目标消费者
▶案例分析
▶https://m.tb.cn/h.5kqZ3dX?tk=ShfYW3nZPOA
▶详情页中的动图展现案例我们经常看到一些优秀的详情页善于运用一些动图jif来展现产品的特点及优势比起普通的静态图，动图能让消费者更直观的了解产品的功能更能抓住消费者眼球，吸引目标消费者
详情页中的动图展现案例
我们经常看到一些优秀的详情页
善于运用一些动图jif来展现产品的特点及优势
比起普通的静态图，动图能让消费者更直观的了解产品的功能
更能抓住消费者眼球，吸引目标消费者
▶趴枕 案例
▶https://detail.tmall.com/item.htm?id=680442439786
▶健腹轮 案例
▶https://m.tb.cn/h.5khxoXP?tk=RvBYWeoet0U
▶子主题 2
▶https://m.tb.cn/h.5Ps3fAC?tk=ETCJWeo4u4G
▶高转化字体排版
▶文字要求
▶字体是排版中最重要的元素，对用户的阅读体验有着至关重要的作用
字体是排版中最重要的元素，
对用户的阅读体验有着至关重要的作用
▶一款详情页中文字体种类尽量控制在(3个以内)像字体形态区别太大的字体比如衬线体和非衬线尽量2选1来展示页面中避免同时使用,影响整体页面的统一美观度
一款详情页中文字体种类尽量控制在(3个以内)
像字体形态区别太大的字体
比如衬线体和非衬线尽量2选1来展示页面中
避免同时使用,影响整体页面的统一美观度
▶节点 868
▶无衬线体
▶无衬线字体所具备的技术感和理性气质，更受科技型企业或品牌青睐，比如2015年Google就是用了无衬线体代替了衬线体的Logo
无衬线字体所具备的技术感和理性气质，更受科技型企业或品牌青睐，比如2015年
Google就是用了无衬线体代替了衬线体的Logo
▶节点 875
▶同等字号下，棱角分明的无衬线体看上去比衬线体更大、结构更清晰，长文阅读或小屏幕更偏好使用无衬线字体
同等字号下，棱角分明的无衬线体看上去比衬线体更大、结构更清晰，长文阅读或小屏
幕更偏好使用无衬线字体
▶衬线体
▶衬线字体的优雅与复古，则常用于时尚品牌，比如备受时尚界宠爱的衬线字体Didot，Giorgio Armani、Dior与《Elle》等都是它的忠实粉丝。
衬线字体的优雅与复古，则常用于时尚品牌，比如备受时尚界宠爱的衬线字体Didot，
Giorgio Armani、Dior与《Elle》等都是它的忠实粉丝。
▶节点 884
▶常规建议使用思源黑体他字形简单大气，适用性广，很多大品牌都在用。他有更多的粗细度的选择，对设计师版面设计时非常友好。最重要的一点，它是免费的可商用字体，没有版权问题。当然，大家也可根据需求选择其他免费商用字体或付费字体，注意，英文字体也是有版权问题，现在已经有很多同行遇到英文字体维权的律师函，为了规避此类风险，建议各位去规范字体的使用。英文字体推荐可选择 Bebas Kai,Bebas eue,Bebas,等
常规建议使用思源黑体
他字形简单大气，适用性广，很多大品牌都在用。他有更多的粗细度的选择，对设计师
版面设计时非常友好。最重要的一点，它是免费的可商用字体，没有版权问题。当然，
大家也可根据需求选择其他免费商用字体或付费字体，注意，英文字体也是有版权问
题，现在已经有很多同行遇到英文字体维权的律师函，为了规避此类风险，建议各位去
规范字体的使用。英文字体推荐可选择 Bebas Kai,Bebas eue,Bebas,等
▶素材/字体版权问题
▶禁用方正，汉仪等高投诉率字体，全部采取开源字体设计。
建议删除字库中的所有的商用字体
▶广告法极限词等问题
▶是否极限词可以在专门网站查询
https://www.taofake.com/tools/checkWord/
▶设计师免费商用字体推荐
▶设计师最常用的两种免费商用字体
▶思源黑体
▶节点 909
▶阿里巴巴普惠体
▶节点 914
▶硬朗标题字，现代、年轻、有设计感、有重量感
▶优设标题黑
▶节点 921
▶庞门正道标题体
▶节点 926
▶创可贴金刚体
▶节点 931
▶字由文艺黑
▶节点 936
▶斗鱼追光体
▶节点 941
▶手写字体满足各种风格、复古、可爱
▶演示春风楷
▶节点 948
▶演示夏行楷
▶节点 953
▶三极行楷
▶节点 958
▶演示悠然小楷
▶节点 963
▶复古宋体：字古风、气质、复古、有文艺感、质感
▶江西拙楷
▶节点 970
▶猫啃网风雅宋
▶节点 975
▶常用英文字体推荐
OPPOSans
Arial
impact
Bebas
▶文字标准化
▶主图中各类构图的常用字号参考字号选择在设计本初，根据大众的视觉舒适度来使用但在电商今天竞争十分恶劣的情况下我们所有的设计都是为了提高产品图片的点击率更明显的卖点呈现更舒服的色彩搭配主图的点击率和产品的转化率高于行业的1.2倍-1.5倍是每一个电商人不断努力的方向我们根据目前各行各业优秀商家主图分析出比较适合的字号推荐以供大家的参考注意：字号的最优选择不是一成不变的，也不是永远有效的，这与行业的特征，同行的竞争息息相关
主图中各类构图的常用字号参考
字号选择在设计本初，根据大众的视觉舒适度来使用
但在电商今天竞争十分恶劣的情况下
我们所有的设计都是为了提高产品图片的点击率
更明显的卖点呈现
更舒服的色彩搭配
主图的点击率和产品的转化率高于行业的1.2倍-1.5倍
是每一个电商人不断努力的方向
我们根据目前各行各业优秀商家主图
分析出比较适合的字号推荐
以供大家的参考
注意：字号的最优选择不是一成不变的，也不是永远有效的，这与行业的特征，同行的
竞争息息相关
▶上下构图
▶节点 995
▶节点 998
▶节点 1001
▶节点 1004
▶左右构图
▶节点 1009
▶节点 1012
▶节点 1015
▶节点 1018
▶四宫格构图
▶节点 1023
▶节点 1026
▶节点 1029
▶节点 1032
▶斜角线构图
▶节点 1037
▶节点 1040
▶节点 1043
▶节点 1046
▶对称构图
▶节点 1051
▶节点 1054
▶节点 1057
▶节点 1060
▶不同店铺爆款0-1阶段策略
▶《单品从0打爆款玩法》
▶入池期：叠真实单量
▶叠量打成交标签
▶目标
叠真实单量：至少叠60+以上的单量
▶成长期：拉搜索/销售额
拉成交为主，拉新效率为辅
▶计划优化
智能-趋势明星
手动-自定义推广
▶阶段目标
1，中低价-搜索上200+
▶2，中高价
付费端口投产正
3，预算1000左右
▶4，费比情况
非标费比<30%
标品费比<40%
▶爆发期：爆搜索/销售额
▶提预算，拉新与收割同步递增
▶拉新端口6成预算
上个阶段，趋势最大化投产正，转化高的趋势
▶趋势小预算促点击
计划要点
多趋势小预算控成本促成交
多趋势小预算控投产比
拉潜端口4成预算
▶阶段目标
▶每日预算
3000左右
▶费比情况
非标费比<20%
标品费比<30%
销售额不能掉
▶稳定期：稳销售额/提付费效率
▶稳利润
▶标准计划极致拉新的优化目标
1，加购成本<盈亏加购成本
2，基础人群覆盖率>85%
3，投产微亏以上
▶智能计划极致收割的优化目标
▶1，投产必须盈利
▶2，单计划预算不能超过300
▶降低费比
▶非标费比<10%标品费比<20%
非标费比<10%
标品费比<20%
▶优化思路
▶1，标准计划极致拉新的优化目标
○ 加购成本<盈亏加购成本
▶○ 基础人群覆盖率85%
关键词出价：低
▶特殊类目
人群300%
关键词很低
○ 投产微亏以上
▶智能计划极致收割的优化目标
1.投产必须盈利
2.单计划预算不能超300
▶阶段目标
▶每日预算
非标费比<10%，标品费比<20%
销售额不掉，最好有提升
▶0-1新店铺
▶店铺缺点
没有人群资产
店铺层级低
店铺人群标签不精准
没有关键词成交历史轨迹
店铺没有行业行为规矩标签
▶四层级以下
▶老店新做
▶5层级以上店铺
▶人群资产多
▶1:趋势明星计划+相似投
打成交标签
▶2：智能计划空成本
低价拉新
▶3：最大化强收割
订单拉升
▶4：手动关键词计划放大
潜客放大
▶5：人群资产
关键词：拉潜客
店铺行为人群：拉投产
▶动销链接多
▶趋势节点产品
▶趋势没来之前
加购为主
▶1：人群资产关键词计划
▶多词路计划
▶拉加购+成交
▶2：手动关键词多词路计划
▶广泛匹配
拉潜客+加购
▶3:趋势明星多主题计划
▶50-100预算
拉成交
▶4：手动关键词放大计划
▶精确匹配
拉加购+潜客基数
▶5：空成本促进点击
▶低价收割
成交
▶6:最大化促进成交
订单递增
▶高客单产品
▶1：手动关键词计划
人群溢价200关键词低出价
▶2:智能关键词控投产比
盈亏控制
▶3：控成本促进点击
低价收割
▶4:人群推广
▶人群资产
促进成交
控投产比
▶爆款操作路径
▶爆款阶段性打法策略
▶前提
▶精准定位 定人群选赛道
▶概念
▶做什么市场的生意, 什么人群的生意
▶定位就是定江山
▶人群需求决定赛道
▶人群
▶行为标签
历史行为标签
实时行为标签
▶属性标签
人群属性
▶需求
▶关键词市场
购物意图
▶一个细分的词系就是一个需求市场
▶标题与主图
▶标题（定用户 立场景）
▶标题锁定展现范围
▶词根的组合范围
▶标签组合范围
展现范围是做减法让符合的人群看到
▶标题确定成交方向
▶关键词 词根 成交方向
多品类词+属性词
少品类词+多属性词
▶主图 词对人准图匹配
▶人货场
▶人
▶行为标签
历史行为标签
实时行为标签
▶属性标签
性别
年龄
消费力
偏好
▶货
价格力
趋势力
竞争力 差异化
▶场
▶承接
▶需求
▶显性
▶隐性
▶场景
满足的人群
满足的使用场景 消费场景
▶渠道
不同渠道如何展现给消费者
▶时效性
▶正确的时间
明确产品购买周期
▶用图片 消费者匹配的信息 而不是单纯的去展示和介绍产品本身
▶前提
▶明确产品类型
产品类型
成交类型
购买周期
▶定人群
▶店铺风格统一
▶风格
流量
▶款式
转化
▶叶子类目布局
基于消费者进行分列
▶客单价
▶关键词布局
▶主图
▶垂直聚焦
▶叶子类目垂直度
▶关键词垂直度
▶成交人群标签画像
背后是关键词聚焦
背后是价格段聚焦
背后是产品风格款式
▶破阀值 要累积 累计 累计
▶店铺最近15天最大的几个引流词和成交词决定了标签
▶叠加思维
聚焦成交词体量
▶多少个链接叠加完成
▶多链接布局
一样的关键词
一样的人群
▶定人群选赛道
▶为什么入池这么难
▶人为干预太多
有找到精准种子人群
▶智能计划+万相台开的太多
破坏了店铺精准种子人群画像
▶没有闭环思维
▶只收割不拉新
破坏了流量生态
▶爆款思维 竞品思维
人为干预影响系统识别
▶淘宝算法-召回机制
没有足够大足够精准的成交样本
▶主标签预判与确定
▶关键词布局
▶购物意图布局
▶成交意图
▶核心是词系
▶举例
▶儿童裤子
▶品类词（主词）
▶儿童裤子
加绒
秋冬
加厚
洋气
▶女童裤子
▶男童裤子
▶所有词根的数据累计计算
▶成交关键词分析
▶可以用标题优化生意参谋版
▶成交方向
▶主词+8大需求
一个方向一个推广计划布局
▶人群布局
▶叠加
▶叠加店铺整体成交人群标签画像
交集叠加
▶具体执行方案
▶策略
通过关键词圈选人群定人群
▶入池
▶单向
举例 连衣裙收腰
体量足够大
▶多向
1多属性词
连衣裙收腰
连衣裙碎花
连衣裙法式
****
▶2多品类词
高腰连衣裙
高腰蓬蓬裙
高腰吊带
▶主标签确定（选赛道）
▶搜索购物意图布局
▶直通车购物意图布局
▶定好赛道之后才有了排名的概念
▶破圈
打爆款
多链接布局
▶操作方法步骤
▶上架前
词
图
基础操作
▶一周内完成
▶先测链接
▶建议标准计划
同样的关键词 5-10个链接 批量测试 （粗测）
▶最大化拿真实成交
▶策略
▶免费
▶客服引导
相同购物意图的优先
▶私域
▶可以再上架前3天可以每天一个非搜的大单
▶付费
▶新店
▶老店垂直
收割计划
▶入池打标+测图测词
▶点击率
位置
环境
产品本身
图片
价格
流量精准度
▶打标签
▶第一种玩法 所有的类目都试用
▶直通车标准计划
精准词+精准人群 做一周 最好累计100个收藏加购+ 真实成交
▶方法
▶词
20个以内 精准关键词
▶图
主图
▶人
▶主销人群
▶关键词展现指数20000以上
▶二级标签 不加男女
▶必须要男女标签的
达摩盘自己建立标签
▶关键词展现指数20000以下
▶如果大众价格
只加年龄
▶30%-50%
▶时间
▶地域
▶第二种玩法
▶店铺人群很精准
▶万相台
▶上新快
▶直通车智能计划
▶日常销售-控成本
点击成本
收藏加购
成交
▶日常销售-最大化拿量
阶段性使用
看转化率
▶引力魔方
▶喜欢店铺宝贝
▶和你新上架链接属性风格人群一致的爆款链接来打标签
自己打自己
▶流量与渠道的测试
▶万相台
▶打一周左右
▶拉新快
促成交-最大化拿量
促收藏加购-最大化拿量
▶看一下你的链接流量结构和数据
▶点击率高 转化率高
搜索进来
直通车
▶点击率低+收藏加购高
推荐先来
引力魔方
▶点击率低 转化 收藏 加购都很差
停掉
低价扫流
▶订单量和交易金额有递增最好
▶流量破圈
▶入池后
▶就限定了展现范围
词
人群
▶（入池之后）拉升
▶标准计划稳定成交
▶直通车标准微递增
▶当搜索50-100以上的时候可以加大拉升
1.5 1.4 1.3
▶当拉升 搜索不长的时候
▶降低预算
▶开引力魔方
关键词定向破圈
▶标准计划不稳定成交
▶直通车拉新
词准 人准 就是转化不稳定
▶万相台货品加速收割
▶看整个闭环 拉新收割配合好
▶单品
▶多渠道
直通车
引力魔方
万相台
▶店铺视角
▶多链接布局
▶先圈人再拓品
▶店铺视角看闭环
▶非店铺人群
▶店铺人群
▶A
▶新品玩充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶老品充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶I
▶新品
▶新品玩充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶老品充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶老品
▶新品玩充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶老品充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶P
▶新品
▶新品玩充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶老品充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶老品
▶新品玩充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶老品充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶L
▶新品
▶新品玩充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶老品充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶老品
▶新品玩充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶老品充当什么角色
▶拉新
怎么玩
▶收割
怎么玩
▶明确行业模型
搜索寡头
销量寡头
▶明确店铺类型
▶明确产品类型
▶产品类型
常规价格
中高价格
▶成交类型
▶直接成交
▶收藏加购来成交
▶购物车有效回访率
▶购物车访客数/商品加购人数
5140/6640
▶购买周期
1天:1.62%
3天:2.39%
7天:2.81%
15天:3.09%
30天:3.17%
▶明确目标数据
转化率
加购率
点击率
▶核心策略
▶铺–选–测–打
▶节点 2164
▶产品生命周期
▶节点 2169
▶一阶段（新品期）
▶店为品投资
▶阶段目标
▶基础的转化环境
▶产品标签打标
▶人群标签
▶标签
一段时间内购买完一类东西后（对某类产品有需求）系统给贴上的标签
▶人群
▶属性标签
性别 年龄 月消费水平 消费力
▶行为标签
一段时间内对某类东西有需求-购物意图
▶人群标签
在某一段时间内具有相同购物意图的人 具有相同的标签轮廓的画像特征
▶最大化拿真实销量
▶关键词计划
▶智能先行
▶10笔成交
▶标品
最大化
▶非标
最大化
控点击成本
▶手动
▶词：精准关键词
▶人
高价：200%起步
常规价
▶图
▶核心
▶用精准的关键词+精准的人群+匹配的图片
词：要准
人：要对
图：要匹配
▶精准人群推广
▶达摩盘人群定向为主
▶宝贝行为人群
▶店铺行为人群
▶类目行为+主销
▶关键词行为+主销
▶二阶段（成长期）
▶阶段目标
▶需要单量的增长
▶智能+手动
▶手动
精准词+长尾词
高点击的图
▶动作
▶直通车
▶推广偏向 智能化推广
▶日常销售
优先使用最大化
买成交
▶趋势明星
▶最大化
▶买点击
非标
▶精准人群推广（放量 放潜客和新客）
▶非标产品放量
▶人群方舟
▶老店新品和老店老品
▶优化策略
▶提升访问新客人数
这里需要更大的流量池
▶定向
智能定向
▶出价
自定义出价
▶宝贝运营
▶老店新品和新店新品
▶优化策略
▶促进点击
▶定向
▶有固定成交
智能定向
▶成交不稳定
关键词定向
▶出价
控成本优先，然后自定义
▶全站
最大化拿量
控投产比
▶三阶段（拉升期）
▶阶段目标
▶需要新客的成交和拉新
▶关键词推广
▶拉新
精准词+长尾词
大词
广泛计划
▶收割 看预算
最大化：强收割
控点击成本：弱收割
控投产：强收割
搜索卡位：强收割
相似品跟投：弱收割
关键词渗透：弱收割
▶精准人群推广
拉新计划
▶三阶段（拉升期）
▶目标
需要新客的成交和拉新
▶方法论
通过大词买的点击 这部分人群资产扭转下搜索下成交
通过二阶段的销量累计 在三阶段能有较高的转化率
▶推广
▶直通车
▶拉新计划
▶大词计划
预算分配的调整：慢慢调
▶拉新人群计划
▶精准人群推广
▶需要更大的量
分析二阶段的计划 哪些计划好 去做叠加
通过计划的叠加 增加计划的消耗
▶四阶段（爆品期）
品为店贡献
阶段目标：拉新为主为全店贡献
▶节点 2444
阅读量：
315