优秀详情页设计ppt课件
合集下载
网店美工课件：情境14 详情页设计
新建图层固定尺寸
实例 关联推广标题条制作
步骤2：新建图层“纯色背景”尺寸为240X350，如图所示。
分块建图层
实例 关联推广标题条制作
步骤3：将模特拉近框内，调好要展示的位置“新建图层”颜色为“白色”，透明度为“60” 和模特有个层次感。
图层透明度
实例 关联推广标题条制作
步骤4：在模特“左上角”建一个“圆形”图层，右键“混合选项”，“样式”里双击颜色， 单击确定，如图所示。
怎么着手做一份好的详情页？
3 模板
1 分析 调查
方 法 论
2 参考
设计方法
流程
分析调查
设计方法
流程
分析调查
人群定位
产品定位
设计方法
流程
秘籍：参考+总结！
同 行
书 籍
风格
文案
颜 色 排 版
千万不要埋头苦思冥想！去找可以参考的一切资源！
设计方法 流程
模板
千图网
昵图网 我图网
……
千图网
设计方法
流程
图层样式
实例 关联推广标题条制作
步骤5：编辑好每个图片，再复制出来“左右”“上下”“对齐”，再上面“修改”文字信息 和模特图，如图所示。
依次复制在对齐
实例 宝贝页头介绍
步骤1：新建图层，尺寸自定义将扣好的模特拉到一个合适的位置，如图所示。
导入图片
实例 宝贝页头介绍
步骤2：选择好的天空背景导入图层里面，点击“创建新的填充或调整图层”调整色相饱和度 ，
《网店美工》
详情页设计
CONTENTS 丨 目录
一、认识详情页 二、详情页设计方法 三、详情页模块介绍及排序说明 四、详情页设计制作实例
实例 关联推广标题条制作
步骤2：新建图层“纯色背景”尺寸为240X350，如图所示。
分块建图层
实例 关联推广标题条制作
步骤3：将模特拉近框内，调好要展示的位置“新建图层”颜色为“白色”，透明度为“60” 和模特有个层次感。
图层透明度
实例 关联推广标题条制作
步骤4：在模特“左上角”建一个“圆形”图层，右键“混合选项”，“样式”里双击颜色， 单击确定，如图所示。
怎么着手做一份好的详情页？
3 模板
1 分析 调查
方 法 论
2 参考
设计方法
流程
分析调查
设计方法
流程
分析调查
人群定位
产品定位
设计方法
流程
秘籍：参考+总结！
同 行
书 籍
风格
文案
颜 色 排 版
千万不要埋头苦思冥想！去找可以参考的一切资源！
设计方法 流程
模板
千图网
昵图网 我图网
……
千图网
设计方法
流程
图层样式
实例 关联推广标题条制作
步骤5：编辑好每个图片，再复制出来“左右”“上下”“对齐”，再上面“修改”文字信息 和模特图，如图所示。
依次复制在对齐
实例 宝贝页头介绍
步骤1：新建图层，尺寸自定义将扣好的模特拉到一个合适的位置，如图所示。
导入图片
实例 宝贝页头介绍
步骤2：选择好的天空背景导入图层里面，点击“创建新的填充或调整图层”调整色相饱和度 ，
《网店美工》
详情页设计
CONTENTS 丨 目录
一、认识详情页 二、详情页设计方法 三、详情页模块介绍及排序说明 四、详情页设计制作实例
详情页的结构设计与利用ppt课件
但是你有没有想过190这块你是可以添加自定义 的，自定义意味着什么，就是你可以随意折腾， 怎么折腾？各种促销信息啊，循环播放啊。淘宝 现在不允许做悬浮了，那你放这里不碍事吧。再 然后，你在详情页里做的东西有一部分不希望手 机用户看到蛋希望PC用户看到怎么办？往这里 扔啊！
你说地方太小，不醒目？不醒目就循环做啊，来
•产品本身作用价值 •痛点挖掘
•产品给买家带来的改变 •产品给买家周围环境带来的改变
•买家对改变的憧憬 刺激买家购买
可编辑课件PPT
22
设计在营销中的作用是什么？
• 更加形象
• 多形式传递信 息
可编辑课件PPT
23
•放大促销的冲 击力
•突出质感和味 道
可编辑课件PPT
24
•让表达更有层次
•夸张的手法表达 作用
可编辑课件PPT
25
•突出文案
•传递情绪的表 达
可编辑课件PPT
26
可编辑课件PPT
27
完
Hale Waihona Puke 可编辑课件PPT28
此课件下载可自行编辑修改，此课件供参考！ 部分内容来源于网络，如有侵权请与我联系删除！感谢你的观看！
可编辑课件PPT
3
详情页的基本结构
• 产品展示位
产品展示位可以放多张图，第一张是呈现在自然搜索页面的，所以做得美观一
点对于点击和浏览量有好处。而很可多编卖辑课家件忽PP略T了后面几张图的作用
4
详情页的基本结构
• 产品展示位
我们常规会将4 5两张作为直通车位，当然图片炫酷是必不可少的，那2 3两张 怎么用？当然要表现产品的特点了，让客户一眼看到你的产品有什么特点，图 例
10
商品主图与详情页设计ppt课件
商品主图与详情页设计
1
主图设计与详情页设计
大纲
1.主图设计的基本原则 2.主图设计的基本类型 3.主图设计方法 4.详情页设计方法
2
主图设计与详情页设计 1.主图设计的基本原则 1.保证图片的清晰、完整 尺寸：600*600，700*700
3
主图设计与详情页设计 1.主图设计的基本原则 2.主体突出，画面风格统一
33
替客户做决定 13.一定要发出购买号召，强调现在就应立刻到店里购买
34
替客户做决定 14.要有和购物相关的内容，比如邮费，怎么发货，怎么退换货，哪些售后服务？
35
替客户做决定 15.有跟这款商品相关的关联销售推荐图。
关联商品也要考虑次序问题，同类的商品优先推荐，不同类的 商品放到第二位推荐，最后是套餐的推荐！
10.用户非使用价值文案和图形设计
11.拥有后的感觉塑造
（强化信任，给客户一个100%的购买理由
信赖到想拥有
12.给掏钱人的购买理由——送恋人、送父母、送领导、送朋友等
13.发出购买号召
（为什么立刻，马上，在我店购买，替客户做 决定）
替客户做决定 14.购物须知
（邮费、发货等）
15.关联推荐商品图（可调换的最后）
4
主图设计与详情页设计 1.主图设计的基本类型 1.高清产品图
5
主图设计与详情页设计 1.主图设计的基本类型 2.产品聚合图
6
主图设计与详情页设计 1.主图设计的基本类型 3.场景图
7
主图设计与详情页设计 1.主图设计的基本类型 4.照片拼图
8
主图设计与详情页设计 3.主图设计方法：
设计主图的目的是什么
15
引发兴趣模块 1.品牌介绍(可调整到最后）
1
主图设计与详情页设计
大纲
1.主图设计的基本原则 2.主图设计的基本类型 3.主图设计方法 4.详情页设计方法
2
主图设计与详情页设计 1.主图设计的基本原则 1.保证图片的清晰、完整 尺寸：600*600，700*700
3
主图设计与详情页设计 1.主图设计的基本原则 2.主体突出，画面风格统一
33
替客户做决定 13.一定要发出购买号召，强调现在就应立刻到店里购买
34
替客户做决定 14.要有和购物相关的内容，比如邮费，怎么发货，怎么退换货，哪些售后服务？
35
替客户做决定 15.有跟这款商品相关的关联销售推荐图。
关联商品也要考虑次序问题，同类的商品优先推荐，不同类的 商品放到第二位推荐，最后是套餐的推荐！
10.用户非使用价值文案和图形设计
11.拥有后的感觉塑造
（强化信任，给客户一个100%的购买理由
信赖到想拥有
12.给掏钱人的购买理由——送恋人、送父母、送领导、送朋友等
13.发出购买号召
（为什么立刻，马上，在我店购买，替客户做 决定）
替客户做决定 14.购物须知
（邮费、发货等）
15.关联推荐商品图（可调换的最后）
4
主图设计与详情页设计 1.主图设计的基本类型 1.高清产品图
5
主图设计与详情页设计 1.主图设计的基本类型 2.产品聚合图
6
主图设计与详情页设计 1.主图设计的基本类型 3.场景图
7
主图设计与详情页设计 1.主图设计的基本类型 4.照片拼图
8
主图设计与详情页设计 3.主图设计方法：
设计主图的目的是什么
15
引发兴趣模块 1.品牌介绍(可调整到最后）
电子商务视觉设计PPT课件(共8章)第6章 电商网店详情页视觉设计
学习重点和难点
• 学习重点： 电商网店详情页视觉设计方法
• 学习难点： 电商网店详情页视觉设计制作
第一节 电商网店详情页认知
1.1 详情页意义
电商网店详情页是展示商品信息的页面，通常消费者注意到感兴趣的首页后， 最想浏览的就是详情页，它直接决定了电商网店能否留住消费者，达成交易。
1.2 详情页营销流程
第四节 产品细节图视觉设计
4.3 商品细节图视觉设计案例——品牌女鞋 案例效果：选择“直线工具”，性栏中将填充颜色设置为黑色，描边颜色设置
为无，描边宽度设置为1像素，然后绘制指示连接线，完成最终效果图。
第五节 商品功能图视觉设计
5.1 商品功能图认知
如下图所示商品功能图对商品的功能或作用进行翔实、透彻的分析和说明。 在整个商品详情页中商品功能图的位置相对靠后，能坚持浏览到这里的消费者说 明已经对商品产生了很大兴趣。因此，商品功能图视觉设计的好坏，直接影响消 费者对商品的持续认可，进而影响消费者下单。
（四）服务型：详情页中保修费用全免、送货上门、无忧退换等有保障的售后 服务虽然不计入商品价值，却深受消费者喜爱。
（五）附加型：有时可以通过详情页中体现的附加价值来提高店铺的销量和消 费者的黏性。该类型详情页虽然是老客户的服务通道及专属的优惠力度，但是新 客户也会有相应的礼品。
第二节 商品主图视觉设计
第二节 商品主图视觉设计
2.2 商品主图设计形式 （一）摆拍设计商品主图的基本要求是可以清晰
地展示商品全貌。商品摆拍可以使用纯白背景或简洁 背景，这种设计的优点是直接、干净，可以让消费者 快速了解商品的外观与颜色，最能直观地表现商品特 点和属性。
（二）场景设计场景设计是指通过模特进行商品 展示，或者根据产品特点和用途搭建生活化、场景化 的环境。这种设计在展示商品的同时，还可以起到烘 托商品氛围的作用。场景设计通常需要较高的成本和 一定的拍摄技巧运用不当会适得其反。
22淘宝宝贝详情页的设计(幻灯片)
淘宝宝贝详情页的设计LOREM IPSUM DOLOR LOREM详情页设计理念这是一个30秒的世界，如果消费者30秒之内没有‘爱’上你，你就失去机会了。
消费者是‘以貌取人’的商品描述最好注意以下几点1.记得写‘FAQ’大多数的卖家都有客服，他们不仅仅是帮你接待1客户处理订单信息，他们在这个过程中会获取到大量的用户需求信息，比如某个商品或者某个系列的商品。
更深入的问题在于，这些信息有没有进行进一步的加工和处理，从而指导编辑人员对商品描述进行修改，假如客户关系的问题你在商品描述上都能简明清晰的展示出来，你会为客服人员节省多少时间。
你的专业性会让用户对你认可。
3详情分为五大类商品展示类：色彩、细节、优点、卖点、包装、搭配、效果吸引购买类；卖点打动、感情打动、买家评价、热销状况促销说明类；热销产品、搭配产品、促销产品、优惠方式、实力展示类；品牌、荣誉、资质、销量、生产、库存交易说明类：购买、付款、收货、验货、退换货、保修2.做的比竞争对手好一点点我们是如何和竞争对手做生意的呢？就是去研究竞争对手是用什么来吸引客户的，并且分析用户的需求比重，关心价格的大概占有多少？关心商品质量的占有多少？关心包装的占有多少？关心运送速度占有的有多少等等，字商品描述上进行有针对性得设置，你会让用户惊喜的发现，原来他需要解决的问题你早就帮他解决好了，设身处地的想想，如果是你，你会不会增加购买的可能性。
需要提示的是，在针对竞争对手的商品描述上有两个思路，一个是你找到对方的空白点，把他做实，一个就是在竞争对手的优势上更显得优势。
3.图重文轻01其实文字非常重要，但是文字不要多，要少，要把重点表现出来，大多数的买家是没有耐心去看你那博士论文般的商品描述。
02图重不是要放大量的图片，而是放重要的图片。
尽量图文混排，逻辑清晰的进行整理。
6LOREM IPSUM DOLORALOREM再接着。
通过一个表格的形式，进行产品的多方位描述BLOREM值得注意的是：产品各个描述非常细致，对于尺寸.面料的描述.适合年龄.季节.洗涤要求都有细致指出。
视觉营销之详情页视觉营销设计介绍课件
演讲人
01.
02.
03.
04.
目录
视觉营销的重要性
详情页视觉营销设计要素
详情页视觉营销设计技巧
视觉营销案例分析
1
提高转化率
吸引用户注意力：通过视觉设计吸引用户，提高点击率和浏览时间
增强用户信任度：通过高质量的视觉设计，增强用户对产品的信任度
降低跳出率：通过良好的视觉设计，降低用户跳出率，提高转化率
总结与启示
1
视觉营销案例分析可以帮助我们更好地理解视觉营销的原理和技巧。
2
成功的视觉营销案例可以提供借鉴和启示，帮助我们在实际工作中更好地运用视觉营销策略。
3
视觉营销案例分析可以帮助我们了解不同行业的视觉营销特点和趋势，从而更好地把握市场动态。
4
视觉营销案例分析可以激发我们的创意和灵感，帮助我们在实际工作中创造出更具吸引力和影响力的视觉营销作品。
创意设计：运用创意设计手法，提高页面的吸引力和独特性
3
突出产品特点
展示产品核心功能：突出产品的核心功能和优势，让消费者一目了然
强调产品独特性：强调产品的独特性和差异化，让消费者印象深刻
运用对比手法：通过与其他产品的对比，突显产品的优势
运用视觉元素：运用色彩、形状、图片等视觉元素，吸引消费者的注意力
优化用户体验：关注页面加载速度和兼容性，确保用户在各种设备上都能获得良好的体验
4
成功案例解析
案例一：可口可乐
01
案例二：耐克
02
案例三：苹果
03
案例四：星巴克
04
案例五：麦当劳
05
案例六：宝马
06
案例七：奔驰
07
案例八：奥迪
商品信息采编-商品拍摄与图片处理项目十一 任务三 商品详情页的制作 教学PPT课件
分别在横线分隔出的位置填写文字。“·品牌”、“·名 称”、“·上市时间”、“·功效”、“·保质期”、“·适合部位” 、“·限期使用日期范围”、“·规格类型”、“·净含量”。字体 “微软雅黑”,字号“14.77点”，“平滑”，“灰色”（R：74 G：74 B：74）。效果如图
22
温馨提示
➢ 步骤一：在背景图片上方画一个矩 形，添加图层样式“内阴影、颜色 叠加和图案叠加”，样式如图所示
➢ 步骤二：在矩形框中输入文字：“ 温馨提示”，文字设置为：字体 “FZL TZHK GBK1 0”，大小 “12.48”，“锐利”，颜色“白色 ”，样式如图所示
23
➢ 步骤三：打开图片“正品.png”，将 其移动到“温馨提示”下方左侧，调 整好大小。在其右侧输入文字“正品 保障”，文字设置为：字体“宋体” ，大小“14点”，“锐利”，颜色“ 红（R:217 G:71 B:55）”；在下方 输入文字“全新正品，质量保证，放 心购买！ ”文字设置为：字体“宋体 ”，大小“13点”，“锐利”，颜色 “黑色”。以下步骤类似操作即可。 得到效果如图所示
14
产品特色
➢ 步骤三：新建文字图层，在画 面的左上角输入文字：“产品 特色”，文字设置为：字体“ 微软雅黑”，字号“24点”， “锐利”，“红色（R：225 G:85 B:104）”。效果如图所 示
15
产品特色
➢ 步骤四：在“产品特色”的下方 以及画面的右下角输入文字：“ 从洋甘菊中提炼出温和的精华萃 取，其功效为：增强肌肤耐受性 并降低敏感度，舒缓晒后及缺水 肌肤的不适感，安抚并保湿肌肤 。”效果如图所示
宝贝信息
72
➢ 步骤二：新建背景图层，打开杯子和包装盒图
片，调整位置和大小。在杯子的顶端画一个宽 度为1像素的圆角矩形，复制图层，将举行移 动到杯子的底部，再沿杯子边缘垂直方向画一 个宽度同样为1像素的圆角矩形，在该矩形的 中间位置输入文字：245mm，字体选用：微 软雅黑，字体大小：14.38点，“锐利”，字 体颜色：黄色（R:181 G:132 B:77）。用同样 的方法，在杯子的底部输入文字：48mm。效 果如图所示
22
温馨提示
➢ 步骤一：在背景图片上方画一个矩 形，添加图层样式“内阴影、颜色 叠加和图案叠加”，样式如图所示
➢ 步骤二：在矩形框中输入文字：“ 温馨提示”，文字设置为：字体 “FZL TZHK GBK1 0”，大小 “12.48”，“锐利”，颜色“白色 ”，样式如图所示
23
➢ 步骤三：打开图片“正品.png”，将 其移动到“温馨提示”下方左侧，调 整好大小。在其右侧输入文字“正品 保障”，文字设置为：字体“宋体” ，大小“14点”，“锐利”，颜色“ 红（R:217 G:71 B:55）”；在下方 输入文字“全新正品，质量保证，放 心购买！ ”文字设置为：字体“宋体 ”，大小“13点”，“锐利”，颜色 “黑色”。以下步骤类似操作即可。 得到效果如图所示
14
产品特色
➢ 步骤三：新建文字图层，在画 面的左上角输入文字：“产品 特色”，文字设置为：字体“ 微软雅黑”，字号“24点”， “锐利”，“红色（R：225 G:85 B:104）”。效果如图所 示
15
产品特色
➢ 步骤四：在“产品特色”的下方 以及画面的右下角输入文字：“ 从洋甘菊中提炼出温和的精华萃 取，其功效为：增强肌肤耐受性 并降低敏感度，舒缓晒后及缺水 肌肤的不适感，安抚并保湿肌肤 。”效果如图所示
宝贝信息
72
➢ 步骤二：新建背景图层，打开杯子和包装盒图
片，调整位置和大小。在杯子的顶端画一个宽 度为1像素的圆角矩形，复制图层，将举行移 动到杯子的底部，再沿杯子边缘垂直方向画一 个宽度同样为1像素的圆角矩形，在该矩形的 中间位置输入文字：245mm，字体选用：微 软雅黑，字体大小：14.38点，“锐利”，字 体颜色：黄色（R:181 G:132 B:77）。用同样 的方法，在杯子的底部输入文字：48mm。效 果如图所示
电商视觉设计教程之商品详情页视觉设计介绍课件
强调产品品质：展示产品的高品质和 可靠性，让消费者对产品产生信任感
注重视觉效果
01
色彩搭配：选择与商品 相关的颜色，形成视觉 冲击力
02
图片选择：选择高质量 的图片，展示商品的细 节和特点
03
排版布局：合理布局文 字、图片和按钮，提高 阅读体验
04
动画效果：适当使用动 画效果，吸引用户注意 力，提高互动性
04
案例四：某电商 平台的食品商品
详情页设计
05
案例五：某电商 平台的旅游产品
详情页设计
06
案例六：某电商 平台的教育产品
详情页设计
07
案例七：某电商 平台的电子产品
详情页设计
08
案例八：某电商 平台的奢侈品商
品详情页设计
09
案例九：某电商 平台的环保产品
详情页设计
10
案例十：某电商 平台的宠物用品 商品详情页设计
保持页面简洁
避免过多元素：只保 留必要的信息和元素，
避免页面过于复杂
留白：适当留白， 让页面更清爽，易
于阅读
字体选择：选择易 于阅读的字体，避 免过于花哨的字体
图片选择：选择高质 量的图片，避免使用
过多低质量的图片
色彩搭配：使用简 洁的色彩搭配，避
免过于花哨
信息层次：合理规 划信息层次，让页
面更易于理解
对比：通过颜色、 大小、形状等元 素的对比，突出 重点内容。
层次：通过大小、 粗细、颜色等元 素的变化，体现 内容的层次关系。
视觉引导：通过 线条、形状等元 素，引导观众视 线，突出重点内 容。
运用图片和视频
图片选择：选择高清、有吸引力 01 的图片，展示商品特点和优势
网店商品详情页的设计ppt课件
二、实操案例：手表网店商品详情页设计
1 设计理念
由于手表表带颜色为低饱和度的黑色，所以首焦轮播区 的颜色选择了饱和度较高的蓝色渐变色进行搭配，背景 色选择白色和浅灰色，产生简约、大气的视觉效果。
采用错落有致的图像放置方法，让页面版式显得灵活多 变，富有设计感。
使用矩形对每组商品细节进行分割，使买家能够更加直 观、准确地了解商品信息。
对于单个商品页面的设计而言，商品信息的编辑与设计尤为重要。 除了展示商品本身的外观、性能等各种细节外，还可以让买家在商品详情页中更加
直观地查看店铺内的优惠打折信息，如“包邮”“买一送一”“搭配促销”等。
一、商品详情页及其设计思路 2 商品详情页的设计思路
在商品详情页中，为了让买家真实 地体验到商品的实际效果，通常需 要设计“使用感受”“尺码标示” 和“商品细节”等内容。
一、商品详情页及其设计思路 2 商品详情页的设计思路
实拍商品照片是最基本的要求，这能让 买家明白这是商家的商品质量是完全可 以信赖的。
在很多时候，卖家在商品详情页的开始 就会对商品图片进行详细的说明。例如， 说明商品的洗涤要求以及商品照片的色 差问题。
一、商品详情页及其设计思路 2 商品详情页的设计思路
CHAPTER EIGHT
商品详情页的设计
学习目标
了解商品详情页设计的重要性。 了解商品详情页的设计思路。 能够抓住不同商品的特点设计出别具一格的商品详情页。
商品详情页是整个店铺的亮点和聚焦点，没有一个买家在网购时
是不看商品详情页就直接下订单购买的。一个充满设计感的商品 详情页能够刺激买家的消费欲望，促使其快速下订单购买。
Contents 目录
1 商品详情页及其设计思路 2 实操案例：手表网店商品详情页设计 3 实操案例：女鞋网店商品详情页设计 4 综合实训 5 技能扩展
优秀详情页设计PPT课件
第22页/共26页
第23页/共26页
注意：（新品）详情页 前面不要做关联
第24页/共26页
让我们一起来实操，做一个详情页。
第25页/共26页
感谢您的观看！
第26页/共26页
目 录
一、选图和文字 二、认识什么是好的详情页 三、详情页制作
第1页/共26页
1 选图和文字
详情页的两大组成部分
文 图
第2页/共26页
有人说
一张图片
等于1000个文字
第3页/共26页
做淘宝，就是卖图片！ 图片的好坏，直接影响转化率！
第4页/共26页
模糊的图片其实给人的感觉是很不安的……
喂！！！挡住啦！！！！！
点击拍网页镜像把详情页保成为图片
第17页/共26页
选择保存的位置和名称
第18页/共26页
点击保存详情页的 所有素材
第19页/共26页
如上图，就是保存成功后的文件
第20页/共26页
收集好素材以后，我们开始排详情页
第21页/共26页
我们先了解一下
排版原理
① 确认这个产品是我要的 ② 感受门店的人气跟服务 ③ 看下别人怎么说 ④ 幻想，产生购物的兴奋感 ⑤ 对产品有了兴趣，希望有更多的了解 ⑥ 解读产品的整体价值 ⑦ 确定想要了，欲望无止境的扩大 ⑧ 思考有没有其他家在卖？ ⑨ 找专家确认，点旺旺 ⑩ 拍下，付款 ⑪ 其它
第5页/共26页
还要 无码!
第6页/共26页
另外，爆款都是有引导语的！
第7页/共26页
会呼吸的BB霜 正品保证，假一罚十 我们支持15天无理由退换（包来回邮费）
全面遮瑕 匀透轻薄 自然粉嫩 一屏搞定，懒人也有无瑕瓷肌 原价79，今天带走39.9包邮
宝贝详情页的详解页PPT文档
澳洋纯感恩倾情奉献
揭秘：买家在宝贝详情内页想看什么？
买家研究 aoyangc.taobao
买家是经过哪些途径找到我们的？
• 消费者来到购物网站，目的往往非常明确，购物
或准备购物。大致有以下几种情况：
• 当消费者无目的的浏览淘宝时，大部分是通过各
种推广活动，被其中某一样商品吸引住，从而点 击进入店铺，直接浏览宝贝详情
成交率和二次消费
• 4..树立品牌形象，增加商品品质感，提高消费者的信任度和购买欲望 • 5.减少卖家沟通负担，良好的宝贝描述页面会引导消费者完成自主购
物，减少消费者疑问
在宝贝的内页我们该注意些什么？
卖家的一些误区 卖家想：“我的东西很好，我一定 要跟买家说说”
研究发现，互联网 页面上60%的文字
要从消费者的角度去看局面
• 总而言之，宝贝描述页面就是消费者提出
问题和解决问题的功能性为主页面，不仅 展示商品基本信息，也细致全面的展示店 铺品牌环境和形象，拉近消费者和商品距 离，促进消费者购买行为。店铺的成功不 仅限于成功的经营策划，还取决于恰当的 设计运用。只有真正符合消费者需求的页 面才能吸引消费者持续性关注。
• 所以说，首页（的主要作用是）吸引消费者并树立店铺品牌形象，宝
贝描述页面则是影响消费者是否购买的一个重要因素，是将点击率转 化为成交率的关键页面。
• 主要作用是 • 1.展示商品，让消费者查看商品照片 • 2.介绍商品，让消费者了解商品属性 • 3.增加入口，促销商品，吸引消费者进入店铺或查看其他商品，提高
根据消费者需求，合理布局 版块。 我们不能忘记消费者登陆购 物网站的目的， 如何在第一时间展示商品信 息， 吸引消费者购物非常重要。 正确的布局应该先少部分的 同类产品推荐， 活动推荐，然后展示商品的 基本属性， 接着是模特图片展示、商品 单品拍摄展示、 细节展示、然后是其他热销 商品推荐、实体店展示、 品牌故事、购物须知、其他 活动信息入口等次要内容
揭秘：买家在宝贝详情内页想看什么？
买家研究 aoyangc.taobao
买家是经过哪些途径找到我们的？
• 消费者来到购物网站，目的往往非常明确，购物
或准备购物。大致有以下几种情况：
• 当消费者无目的的浏览淘宝时，大部分是通过各
种推广活动，被其中某一样商品吸引住，从而点 击进入店铺，直接浏览宝贝详情
成交率和二次消费
• 4..树立品牌形象，增加商品品质感，提高消费者的信任度和购买欲望 • 5.减少卖家沟通负担，良好的宝贝描述页面会引导消费者完成自主购
物，减少消费者疑问
在宝贝的内页我们该注意些什么？
卖家的一些误区 卖家想：“我的东西很好，我一定 要跟买家说说”
研究发现，互联网 页面上60%的文字
要从消费者的角度去看局面
• 总而言之，宝贝描述页面就是消费者提出
问题和解决问题的功能性为主页面，不仅 展示商品基本信息，也细致全面的展示店 铺品牌环境和形象，拉近消费者和商品距 离，促进消费者购买行为。店铺的成功不 仅限于成功的经营策划，还取决于恰当的 设计运用。只有真正符合消费者需求的页 面才能吸引消费者持续性关注。
• 所以说，首页（的主要作用是）吸引消费者并树立店铺品牌形象，宝
贝描述页面则是影响消费者是否购买的一个重要因素，是将点击率转 化为成交率的关键页面。
• 主要作用是 • 1.展示商品，让消费者查看商品照片 • 2.介绍商品，让消费者了解商品属性 • 3.增加入口，促销商品，吸引消费者进入店铺或查看其他商品，提高
根据消费者需求，合理布局 版块。 我们不能忘记消费者登陆购 物网站的目的， 如何在第一时间展示商品信 息， 吸引消费者购物非常重要。 正确的布局应该先少部分的 同类产品推荐， 活动推荐，然后展示商品的 基本属性， 接着是模特图片展示、商品 单品拍摄展示、 细节展示、然后是其他热销 商品推荐、实体店展示、 品牌故事、购物须知、其他 活动信息入口等次要内容
1+x电子商务考证(初级职业技能等级证书)网店运营推广课程理论教材2-2详情页设计与制作ppt课件_图文
商品图片设计——商品图片展现位置
商品图片设计——商品图片设计形式
商品图片设计——商品图片设计原则
常规的消费者原型有英雄、探险者 破坏者、照顾者、玩世不恭者等。
商品图片设计——商品图片设计原则
详情页视觉营销设计——详情描述主要模块
一个优秀的详情描述页面能激发消费者的购买欲望，促使消费者尽快下单成交
商品详情描述
主图视频 详情页视频
商品价格 规格颜色 尺寸库存
商品的功能和特性 向消费者介绍商品 关联商品的销售
商品详情页布局——不同平台详情页布局
➢ 图片格式和大小 ➢ 图片设计要求
➢ 视频时长和大小 ➢ 视频格式 ➢ 视频要求
➢ 详情内容及形式 ➢ 详情描述顺序及逻辑
淘宝平台 速卖通平台 亚马逊平台
详情页设计与制作
详情页设计与制作
02 商品详情页文案设计 04 详情页视觉营销设计
01 商品详情页布局
03 商品图片设计
商品详情页布局
实用 美观 直观
激发消费者消费的欲望 赢得消费者的信任感
提高转化率的重要入口
商品详情页布局——商品详情页构成要素
商品图片
主图 细节图 营销图
商品视频
商品参数信息
购物心理分析逻辑
引起 兴趣
激发 需求
从信任 到依赖
从信赖 到拥有
促成消费 者下单
详情页视觉营销设计——详情描述的设计逻辑
问题解决方案逻辑
描述消费者正在面临的问题（痛点） 通过提问解决问题
详情页视觉营销设计——详情描述设计流程
设计商品详情描述遵循的前提 调查结果及产品分析 宝贝卖点的挖掘
设计前的市场调查 关于商品定位 开始准备设计元素
最全详情页设计教程_电商产品页面策划教程74页PPT
21、要知道对好事的称颂过于夸大，也会招来人们的反感轻蔑和嫉妒。——培根 22、业精于勤，荒于嬉；行成于思，毁于随。——韩愈
23、一切节省，归根到底都归结为时间的节省。——马克思 24、意志命运往往背道而驰，决心到最后会全部推倒。——莎士比亚
最全详情页设计教程_电商的 亲和力 。 27、自信是人格的核心。
28、目标的坚定是性格中最必要的力 量泉源 之一， 也是成 功的利 器之一 。没有 它，天 才也会 在矛盾 无定的 迷径中 ，徒劳 无功。- -查士 德斐尔 爵士。 29、困难就是机遇。--温斯顿．丘吉 尔。 30、我奋斗，所以我快乐。--格林斯 潘。
25、学习是劳动，是充满思想的劳动。——乌申斯基
谢谢！
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
注意：（新品）详情页 前面不要做关联
让我们一起来实操，做一个详情页。
详情页 01
转化率：8%
图片有些许不足，设计较弱 但是有卖点，够营销，并且有一个核心，最终
买家对产品有一个明确的定义
详情页 02
转化率： 2%
图片好，设计感足 只是不够营销，缺乏重点，内容比较泛，买家
不能明确感知到产品哪里好
找到产品的核心卖点，重复！
3 详情页制作
接下来，我们进入详情页的排版
使用 老A详情页镜像拍立得 收集图片素材
会呼吸的BB霜 正品保证，假一罚十 我们支持15天无理由退换（包来回邮费）
全面遮瑕 匀透轻薄 自然粉嫩 一屏搞定，懒人也有无瑕瓷肌 原价79，今天带走39.9包邮
会呼吸的BB霜 正品保证，假一罚十
我们支持15天无理由退换（包来回邮费）
全面遮瑕 匀透轻薄 自然粉嫩 一屏搞定，懒人也有无瑕瓷肌
原价79，今天带走39.9包邮
会呼吸的BB霜 正品保证，假一罚十
我们支持15天无理由退换（包来回邮费）
全面遮瑕 匀透轻薄 自然粉嫩 一屏搞定，懒人也有无瑕瓷肌
原价79，今天带走39.9包邮
卖点 促销
紧 迫 感 及 引 导 旺 旺
前5名再送精美小礼品一份 详情联系客服
2 认识什么是好的详情页
什么是好的详情页？ 我们来看一个我曾经诊断过的详情页。
优秀详情页设计
目 录
一、选图和文字 二、认识什么是好的详情页 三、详情页制作
1 选图和文字
详情页的两大组成部分
文Байду номын сангаас图
有人说
一张图片
等于1000个文字
做淘宝，就是卖图片！ 图片的好坏，直接影响转化率！
模糊的图片其实给人的感觉是很不安的……
喂！！！挡住啦！！！！！
还要 无码!
另外，爆款都是有引导语的！
把对手的宝贝链接粘贴在地址栏
拖动网页，保证所 有图片都展开
点击拍网页镜像把详情页保成为图片
选择保存的位置和名称
点击保存详情页的 所有素材
如上图，就是保存成功后的文件
收集好素材以后，我们开始排详情页
我们先了解一下
排版原理
① 确认这个产品是我要的 ② 感受门店的人气跟服务 ③ 看下别人怎么说 ④ 幻想，产生购物的兴奋感 ⑤ 对产品有了兴趣，希望有更多的了解 ⑥ 解读产品的整体价值 ⑦ 确定想要了，欲望无止境的扩大 ⑧ 思考有没有其他家在卖？ ⑨ 找专家确认，点旺旺 ⑩ 拍下，付款 ⑪ 其它