宝贝详情页(图文详解)课件
网店美工课件：情境14 详情页设计
实例 关联推广标题条制作
步骤2：新建图层“纯色背景”尺寸为240X350，如图所示。
分块建图层
实例 关联推广标题条制作
步骤3：将模特拉近框内，调好要展示的位置“新建图层”颜色为“白色”，透明度为“60” 和模特有个层次感。
图层透明度
实例 关联推广标题条制作
步骤4：在模特“左上角”建一个“圆形”图层，右键“混合选项”，“样式”里双击颜色， 单击确定，如图所示。
怎么着手做一份好的详情页？
3 模板
1 分析 调查
方 法 论
2 参考
设计方法
流程
分析调查
设计方法
流程
分析调查
人群定位
产品定位
设计方法
流程
秘籍：参考+总结！
同 行
书 籍
风格
文案
颜 色 排 版
千万不要埋头苦思冥想！去找可以参考的一切资源！
设计方法 流程
模板
千图网
昵图网 我图网
……
千图网
设计方法
流程
图层样式
实例 关联推广标题条制作
步骤5：编辑好每个图片，再复制出来“左右”“上下”“对齐”，再上面“修改”文字信息 和模特图，如图所示。
依次复制在对齐
实例 宝贝页头介绍
步骤1：新建图层，尺寸自定义将扣好的模特拉到一个合适的位置，如图所示。
导入图片
实例 宝贝页头介绍
步骤2：选择好的天空背景导入图层里面，点击“创建新的填充或调整图层”调整色相饱和度 ，
《网店美工》
详情页设计
CONTENTS 丨 目录
一、认识详情页 二、详情页设计方法 三、详情页模块介绍及排序说明 四、详情页设计制作实例
22淘宝宝贝详情页的设计(幻灯片)
淘宝宝贝详情页的设计LOREM IPSUM DOLOR LOREM详情页设计理念这是一个30秒的世界，如果消费者30秒之内没有‘爱’上你，你就失去机会了。
消费者是‘以貌取人’的商品描述最好注意以下几点1.记得写‘FAQ’大多数的卖家都有客服，他们不仅仅是帮你接待1客户处理订单信息，他们在这个过程中会获取到大量的用户需求信息，比如某个商品或者某个系列的商品。
更深入的问题在于，这些信息有没有进行进一步的加工和处理，从而指导编辑人员对商品描述进行修改，假如客户关系的问题你在商品描述上都能简明清晰的展示出来，你会为客服人员节省多少时间。
你的专业性会让用户对你认可。
3详情分为五大类商品展示类：色彩、细节、优点、卖点、包装、搭配、效果吸引购买类；卖点打动、感情打动、买家评价、热销状况促销说明类；热销产品、搭配产品、促销产品、优惠方式、实力展示类；品牌、荣誉、资质、销量、生产、库存交易说明类：购买、付款、收货、验货、退换货、保修2.做的比竞争对手好一点点我们是如何和竞争对手做生意的呢？就是去研究竞争对手是用什么来吸引客户的，并且分析用户的需求比重，关心价格的大概占有多少？关心商品质量的占有多少？关心包装的占有多少？关心运送速度占有的有多少等等，字商品描述上进行有针对性得设置，你会让用户惊喜的发现，原来他需要解决的问题你早就帮他解决好了，设身处地的想想，如果是你，你会不会增加购买的可能性。
需要提示的是，在针对竞争对手的商品描述上有两个思路，一个是你找到对方的空白点，把他做实，一个就是在竞争对手的优势上更显得优势。
3.图重文轻01其实文字非常重要，但是文字不要多，要少，要把重点表现出来，大多数的买家是没有耐心去看你那博士论文般的商品描述。
02图重不是要放大量的图片，而是放重要的图片。
尽量图文混排，逻辑清晰的进行整理。
6LOREM IPSUM DOLORALOREM再接着。
通过一个表格的形式，进行产品的多方位描述BLOREM值得注意的是：产品各个描述非常细致，对于尺寸.面料的描述.适合年龄.季节.洗涤要求都有细致指出。
淘宝店铺宝贝详情设计与转化
9 1宝贝主图
精准定位 点击率 具转体化设率计
10 2 宝贝销量
描述4.8分 态度4.8分 速度4.7分
退款速率
精准定位 点击率 具转体化设率计
11 3.买家评价
精准定位 点击率 具转体化设率计
12 详情页设计
精准定位 点击率 具转体化设率计
13 宝贝详情页
精准定位 点击率 具转体化设率计
宝贝详情页，顾名思义，用于介绍产品的功能（价值点） 以及那些与众不同的地方，进而促进买家的购买的介绍页面
14 宝贝详情页
精准定位 点击率 具转体化设率计
15 宝贝详情页
精准定位 点击率 具转体化设率计
16 宝贝详情页
精准定位 点击率 具转体化设率计
17 宝贝详情页
精准定位 点击率 具转体化设率计
18 宝贝详情页
精准定位 点击率 具转体化设率计
19 宝贝详情页
精准定位 点击率 具转体化设率计
20 宝贝详情页
精准定位 点击率 具转体化设率计
21
布局之美 图形运用 具体设计
• 宝贝因素 • 关键词因素 • 主图因素 • 销售因素
7
精准定位 图点形击运率用 转化率
01.宝贝价格 宝贝款式 宝贝属性 02.关键词相关性、精准性 03.主图背景、颜色、尺寸、数字、时效 04.高销量的宝贝在主图上突出、不要过分追求高销量
8
精准定位 点击率 转化率
第三章 转化率
• 宝贝主图 • 宝贝销量 • 买家评价 • 详情页设计
4 1.网购消费者人口特点
布精局准之定美位 点击率 转化率
5 2 消费者行为特点
布精局准之定美位 点击率 转化率
01 四成以上消费者购物网龄在3年以下
网店商品详情页的设计ppt课件
二、实操案例：手表网店商品详情页设计
1 设计理念
由于手表表带颜色为低饱和度的黑色，所以首焦轮播区 的颜色选择了饱和度较高的蓝色渐变色进行搭配，背景 色选择白色和浅灰色，产生简约、大气的视觉效果。
采用错落有致的图像放置方法，让页面版式显得灵活多 变，富有设计感。
使用矩形对每组商品细节进行分割，使买家能够更加直 观、准确地了解商品信息。
对于单个商品页面的设计而言，商品信息的编辑与设计尤为重要。 除了展示商品本身的外观、性能等各种细节外，还可以让买家在商品详情页中更加
直观地查看店铺内的优惠打折信息，如“包邮”“买一送一”“搭配促销”等。
一、商品详情页及其设计思路 2 商品详情页的设计思路
在商品详情页中，为了让买家真实 地体验到商品的实际效果，通常需 要设计“使用感受”“尺码标示” 和“商品细节”等内容。
一、商品详情页及其设计思路 2 商品详情页的设计思路
实拍商品照片是最基本的要求，这能让 买家明白这是商家的商品质量是完全可 以信赖的。
在很多时候，卖家在商品详情页的开始 就会对商品图片进行详细的说明。例如， 说明商品的洗涤要求以及商品照片的色 差问题。
一、商品详情页及其设计思路 2 商品详情页的设计思路
CHAPTER EIGHT
商品详情页的设计
学习目标
了解商品详情页设计的重要性。 了解商品详情页的设计思路。 能够抓住不同商品的特点设计出别具一格的商品详情页。
商品详情页是整个店铺的亮点和聚焦点，没有一个买家在网购时
是不看商品详情页就直接下订单购买的。一个充满设计感的商品 详情页能够刺激买家的消费欲望，促使其快速下订单购买。
Contents 目录
1 商品详情页及其设计思路 2 实操案例：手表网店商品详情页设计 3 实操案例：女鞋网店商品详情页设计 4 综合实训 5 技能扩展
宝贝详情介绍模板-003
80%
单击此处添加内容，内容要与 标题相符，可以直接复制粘贴， 要选择有用的关键词录入。
请输入数据信息
单击此处添加内容，内容要与标 题相符，可以直接复制粘贴，要 选择有用的关键词录入。
请输入数据信息
输入信息一
输入信息二
输入信息三
单击此处添加内容，内容要与标题 相符，可以直接复制粘贴，要选择 有用的关键词录入。
流程说明-1
流程说明-2
流程说明-3
流程说明-4
15 此 处 为 标 题 文 字
请输入数据信息
请输入数据信息
输入标题文字
感谢您使用我们的PPT 模板，请在此输入您需
要的文字内容。
输入标题文字
感谢您使用我们的PPT 模板，请在此输入您需
要的文字内容。
输入标题文字
感谢您使用我们的PPT 模板，请在此输入您需
简 约都 和是 简一 单种
生 活
态 度
MINIMAL STYLE
极 简 风 模 板
CONTENTS
• 此处为标题文字
FILL IN THE TEXT OF THE DOCUMENT TITLE HERE
• 此处为标题文字
FILL IN THE TEXT OF THE DOCUMENT TITLE HERE
1
2
3
4
请输入标题文字
感谢您使用我们的PPT模板，请 在此输入您需要的文字内容。
请输入标题文字
感谢您使用我们的PPT模板，请 在此输入您需要的文字内容。
请输入标题文字
感谢您使用我们的PPT模板，请 在此输入您需要的文字内容。
请输入标题文字
感谢您使用我们的PPT模板，请 在此输入您需要的文字内容。
宝贝详情PPT模板(4套)
please put you text here
点击此处文本框编辑更改文本内容。点击此处文本框编辑更改文本内容。
点击此处文本框编辑更改文本内容。点击此处文本框编辑更改文本内容。点击此处文本框编辑更改文本内容。点击此处文本框编辑更改文本内容。点击此处文本框编辑更改文本内容。
输入标题
请在此添加您的文字内容，请在此添加您的文字内容。
请在此添加您的文字内容，请在此添加您的文字内容。
请在此添加您的文字内容，请在此添加您的文字内容。
此处添加标题
此处添加标题
PleaseaddaclearbusinesstemplateforthetitlecontentyouwantoaddPleaseaddaclearbuPleaseaddaclearbusinesstemplateforthetitlecontentyouwantoaddPleaseaddaclearbuleasealePleaseaddaclearbusinesstemplateforthetitlecontentyouwantoaddPleaseaddaclearbuPleaseaddaclearbusinesstemplateforthetitlecontentyou
点击此处文本框编辑更改文本内容。点击此处文本框编辑更改文本内容。
点击此处文本框编辑更改文本内容。点击此处文本框编辑更改文本内容。
点击此处文本框编辑更改文本内容。点击此处文本框编辑更改文本内容。
点击此处文本框编辑更改文本内容。点击此处文本框编辑更改文本内容。
点击此处文本框编辑更改文本内容。点击此处文本框编辑更改文本内容。
请在此添加您的文字内容，请在此添加您的文字内容。请在此添加您的文字内容，请在此添加您的文字内容。请在此添加您的文字内容，请在此添加您的文字内容。
宝贝详情页的详解页PPT文档
揭秘：买家在宝贝详情内页想看什么？
买家研究 aoyangc.taobao
买家是经过哪些途径找到我们的？
• 消费者来到购物网站，目的往往非常明确，购物
或准备购物。大致有以下几种情况：
• 当消费者无目的的浏览淘宝时，大部分是通过各
种推广活动，被其中某一样商品吸引住，从而点 击进入店铺，直接浏览宝贝详情
成交率和二次消费
• 4..树立品牌形象，增加商品品质感，提高消费者的信任度和购买欲望 • 5.减少卖家沟通负担，良好的宝贝描述页面会引导消费者完成自主购
物，减少消费者疑问
在宝贝的内页我们该注意些什么？
卖家的一些误区 卖家想：“我的东西很好，我一定 要跟买家说说”
研究发现，互联网 页面上60%的文字
要从消费者的角度去看局面
• 总而言之，宝贝描述页面就是消费者提出
问题和解决问题的功能性为主页面，不仅 展示商品基本信息，也细致全面的展示店 铺品牌环境和形象，拉近消费者和商品距 离，促进消费者购买行为。店铺的成功不 仅限于成功的经营策划，还取决于恰当的 设计运用。只有真正符合消费者需求的页 面才能吸引消费者持续性关注。
• 所以说，首页（的主要作用是）吸引消费者并树立店铺品牌形象，宝
贝描述页面则是影响消费者是否购买的一个重要因素，是将点击率转 化为成交率的关键页面。
• 主要作用是 • 1.展示商品，让消费者查看商品照片 • 2.介绍商品，让消费者了解商品属性 • 3.增加入口，促销商品，吸引消费者进入店铺或查看其他商品，提高
根据消费者需求，合理布局 版块。 我们不能忘记消费者登陆购 物网站的目的， 如何在第一时间展示商品信 息， 吸引消费者购物非常重要。 正确的布局应该先少部分的 同类产品推荐， 活动推荐，然后展示商品的 基本属性， 接着是模特图片展示、商品 单品拍摄展示、 细节展示、然后是其他热销 商品推荐、实体店展示、 品牌故事、购物须知、其他 活动信息入口等次要内容
【专题3】宝贝主图、详情页、标题(新)
添加我的收藏
Page 23
找词方法五：生意参谋 行业排行
（分析行业不同类目、PC及无线端店铺和单品 排行情况）
行业排行入口 查询指标选择 内容查看分析 热门、飙升词使用
Page 24
找词方法六：直通车 关键词词典
（关键词分类、小二建议、精华学习、买家反馈）
• 词典入口 • 词典下载 • 词典使用 7天更新一次，一定要每7天下载一次（每周三更新）
直通车词典
② 标题和属性相符； ③ 不得使用他人品牌，以免侵权； ④ 标题关键词不得违规；
第三方软件
2.标题组合公式：
属性词+类目词+核心词+营销词 品牌词+产品词+属性词+大词+飙升词+神词
⑤ 以搜索为主，不要词
Page 19
关键词找词方法
找词方法一：淘宝下拉搜索框
Page 15
详情页效果 实例分析
建议： ①图文结合，从买家角度挖掘卖点； ②部分文案可文字输入，利于搜索； ③多参考收集同行优秀文案； ④也可服务市场找相关文案库，快速便捷；
案例一：
案例二：
大拇指鞋店6688（链接）
Page 16
其他功能
• 源代码 • 上传图片 • 添加导航 • 添加文案 • 保存发布 • 导入手机端 • 关联推荐
Page 27
作业：按以上步骤自己操作一遍。
综合排名首位 男鞋举例
后台发布产品：主图位置 【一正一反三细节】
Page 3
主图尺寸及放大功能
主图尺寸（建议在500KB以内）： 淘宝700*700px(像素) 以上的图片，可以在宝贝详情页主图提供图片 放大功能
举例
天猫通常使用800*800px主图 部分行业第6张主图：800*1200px
宝贝详情PPT模板(4套)
单击此处输入标题文本
Good love makes you see the whole world from one person while bad love makes you abandon the whole world for one person.
Good love makes you see the whole world from one person while bad love makes you abandon the whole world for one person.
abandon the whole world for one person.
单击此处输入标题文本
Good love makes you see the whole world from one person while bad love makes you
abandon the whole world for one person.
单击此处输入标题文本
02
Good love makes you see the whole world from one person while bad love makes you abandon the whole
world for one person.
单击此处输入标题文本
03
Good love makes you see the whole world from one person while bad love makes you abandon the whole
abandon the whole world for one person.
单击此处 输入文本
单击此处 输入文本
宝贝详情ppt课件
A.设计前的思路
一、宝贝详情页的作用 二、设计详情遵循的前提 三、设计前的市场调查 四、调查结果及产品分析 五、关于宝贝定位 六、关于挖掘宝贝卖点 七、开始准备设计元素点
为了规范事业单位聘用关系，建立和 完善适 应社会 主义市 场经济 体制的 事业单 位工作 人员聘 用制度 ，保障 用人单 位和职 工的合 法权益
为了规范事业单位聘用关系，建立和 完善适 应社会 主义市 场经济 体制的 事业单 位工作 人员聘 用制度 ，保障 用人单 位和职 工的合 法权益
五、关于宝贝定位
• 根据店铺宝贝以及市场调查确定本店的消费群体。
• 举个例子：外出旅游住宾馆，有的小旅馆100一夜卖的就 是价格，卫生啥的都没有保障。定位于低端。有的连锁酒 店200一夜卖的是性价比，定位于中端顾客。有的大酒店 400一夜卖的就是服务。还有的主题宾馆卖的是个性等等。
• 宝页面内容每 个步骤需要放什 么内容？
为了规范事业单位聘用关系，建立和 完善适 应社会 主义市 场经济 体制的 事业单 位工作 人员聘 用制度 ，保障 用人单 位和职 工的合 法权益
• 一张宝贝详情页 面设计案例：
为了规范事业单位聘用关系，建立和 完善适 应社会 主义市 场经济 体制的 事业单 位工作 人员聘 用制度 ，保障 用人单 位和职 工的合 法权益
• 实拍的图片通常需要突出主体，用纯色背景，讲究干净，简洁，清晰。 • 这种拍摄手法比较适合家居，数码，鞋，包等小件物品，采用模特拍摄的话
反而喧宾夺主。因此此类商品的拍摄尽可能采用纯底来凸显宝贝。 • 场景图能够在宝贝展示的同时，在一定程度上烘托宝贝的氛围。通常需要较
高的成本和一定的拍摄技巧。这种拍摄手法适合有一定经济实力，有能力把 控产品的展现尺度的客户。因为场景的引入，运用的不好，反而增加了图片 的无效信息，分散了主体的注意力。 • 场景图需要体现出产品的功能，或者是一个唯美有意境的图片，可以衬托商 品，而不是影响商品展示
山楂球宝贝详情页
P1、吃个球，冷静一下！P2、吃个球の丧课堂●大佬：看到别人秀恩爱就会莫名失落，作为单身狗应该怎么调整心态？阿球：冷静，不要说自己是单身狗，因为狗狗过得都比你好。
●大佬：感觉自己的才华不被认可，好困扰，怎么办？阿球：冷静，当你觉得自己怀才不遇，不要悲伤，不要哭泣，你只是自恋而已。
●大佬：被对象甩了，如何尽快走出失恋的阴影？阿球：冷静，失恋不是什么大问题，你没钱，没颜，没才华才是最大的问题。
P3、阿球の履历名字：阿球家乡：河北承德燕山脚下简介：一个出场自带丧气buff的boy，最擅长熬制毒鸡汤。
阿球の箴言：别说我丧，我本来就丧；别怕丧，因为丧久了，就习惯了。
阿球の秘技：给大佬递球阿球の口头禅：吃个球，冷静一下。
P4、阿球の果园位于河北省承德市燕山山脚，年降水量700毫米，是河北地区年降水量最高的地区。
充沛的降水造就了山楂优秀的品质。
P5、阿球の工艺只取新鲜无虫的成熟山楂果作为原料，纯手工制作，保证卫生干净。
1.去掉山楂核2.打成山楂泥3.加入吉利丁4.手工揉成球5.裹一层糖霜P6、阿球の配方配料：山楂、白砂糖、水能量：1438千焦（KJ）/每100克（g）蛋白质：0.6克（g）/每100克（g）脂肪：0克（g）/每100克（g）碳水化合物：84克（g）/每100克（g）钠：20毫克（mg）/每100克（g）P7：酸甜不腻味，百吃不厌烦，让你坦然面对小确丧。
考前突击吃个球，叫你平时不加油。
【图片/插画】恋情告吹吃个球，三无活该单身狗。
【图片/插画】工作太累吃个球，有钱才能有生活。
【图片/插画】前途无望吃个球，毕竟人生还很久。
【图片/插画】价格说明：1.价格为乐好时根据成本核算制定，并参考同类产品价格。
2.“促销价格￥XXXX”为乐好时淘宝店实时价格。
购物须知：1.包邮说明：全场包邮（顺风物流、10元以下商品，港澳台及海外地区除外），感谢您的支持与理解，如有一起购买了不包邮的商品请联系客服更改邮费。
2.快递问题：乐好时根据您的收货地址自动为您匹配发货仓库及物流公司，除了顺风物流，一般不接受指定快递派送，若选择顺风物流请务必自行补足邮费。