《电商文案策划与视觉营销实战》第9章-ok
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1 2
指示型表现形式 局部图解型表现形式
1 商品细节展示区的视觉文案设计
局部图解型表现形式的设计更简单，只需将商品的局部细节放大即可，不 需对细节位置进行指示。但是，局部图解型表现形式可以增加更多说明性 文字内容，比较适用于外观简单、部件少的商品及日常用品的细节展示。
一、详情页各模块的视觉文案设计
商品资质证书/检验结果报告
品牌/基地实力展示/公司介绍 商品包装展示/售后保障/物流
打消安全顾虑，提升消费者购买商品的信心
简单说明制造商及品牌的发展历史 包装、交货、物流、维修等服务保证信息介绍
二、不同类型的详情页文案撰写
2 普通型商品详情页文案
普通型商品详情文案通常从商品核心卖点出发，站在消费者的角度，将商 品卖点转化为利益点，循序渐进，不断加强消费者购买商品的信心。具体 来说，可以分为以下五个步骤。
指示型表现形式就是先将商品完整地展示出来，再把商品需要突出展示的
用实线连接
放大的局部细节
局部细节图片以类似放大镜的形式排布在完整商品图的四周，并利用线条、
箭头等设计元素将细节图片与完整的商品图连接起来，有时还会用简单的
说明性语言来对细节进行解说。
一、详情页各模块的视觉文案设计
1 商品细节展示区的表现形式
一、详情页各模块的视觉文案设计
1 商品功效简介区的设计规范
2 商品功效简介区的视觉文案设计
商品功效简介区是商品详情页的一部分，其设计宽度受到商品详情页宽度
的限制，高度上则不受限制。
淘宝网、天猫商城和京东商品详情页设计尺寸规范
电商平台 淘宝网 商品详情页设计尺寸规范 详情页左侧边栏宽 190 像素，中间空 10 像素，右侧宽 750 像素，加起来总宽度为 950像素。如果关闭左侧边栏，就可以显示950像素宽，不然只显示750像素宽 详情页布局与淘宝类似，不同之处在于天猫商城新版页面的宽度由 750 像素变为 790像素 京东对详情页布局有统一要求，整体宽度不超过740像素
1 商品详情页文案
商品详情页文案的内容框架
商品详情页的内容框架 创意海报情景大图 作用 符合文案主题，吸引消费者注意
商品卖点/功能/利益点
商品规格参数 与同类商品对比 商品模特/全方位展示 商品细节展示
精简介绍商品，突出商品能带给消费者的好处
款式、尺寸、材质、选择项目、配件等信息 商品有别于竞争对手的核心卖点 场景化图片富有代入感，能拉近与消费者之间的距离 突出工艺、质感、品相等
Contents 目录
1 详情页各模块的视觉文案设计 2 不同类型的详情页文案撰写
一、详情页各模块的视觉文案设计
商品细节展示区的视觉文案设计
商品功效简区的视觉文案设计
1 商品细节展示区的视觉文案设计 一、详情页各模块的视觉文案设计 完整的商品形象展示
1 商品细节展示区的表现形式
1
指示型表现形式
商品详情页展示的是商品的详细情况，主要是通过文字、图片等元素全面 地展示商品的功能、特性，以及销售、物流、售后等方面的信息。
商品详情页的作用包括以下四个方面。 ①增加消费者对商品的了解。 ②方便消费者了解商品的功效。 ③取得消费者的信任和好感。
④引导消费者下单购买。
二、不同类型的详情页文案撰写
天猫商城 京东
一、详情页各模块的视觉文案设计
1 商品功效简介区的设计规范
2 商品功效简介区的视觉文案设计
商品功效简介区的设计重点就是对商品的功效进行总结与归纳，通过文字、
色彩和修饰元素的完美搭配来提升文字的可读性。
将商品的功效分为几个 不同的关键点进行介绍
一、详情页各模块的视觉文案设计
2 修饰元素在设计中的重要性
2 商品功效简介区的视觉文案设计
修饰元素的巧妙应用能够提升商品信息的可读性，让枯燥的文字变得更具
象化，在给消费者带来美好的视觉享受的同时，有助于消费者深入了解商 品的功效。
复选框素材的使用，加 强了对商品功效的肯定 作用 使用图表对商品的某些 功效进行具象表现，利 用数据、比例上的优势 聊天气泡具有一定的指 来增强说服力，提升商 引视线和修饰的作用 品功效简介的可信度
将洗衣液的功效用对比图的方式表现出来，提升功效的可信度
Contents 目录
1 详情页各模块的视觉文案设计 2 不同类型的详情页文案撰写
二、不同类型的详情页文案撰写
商品详情页文案 普通型商品详情页文案 解决痛点型商品详情页文案 故事型商品详情页文案
二、不同类型的详情页文案撰写
1 商品详情页文案
2 商品细节展示区通用设计方式
1
利用文字对细节进行说明
1 商品细节展示区的视觉文案设计
对女鞋细节参数进行系统介绍， 让消费者一目了然地了解商品 一般可以使用标题文字和段落说明文字组合的方式来进行说明。 信息 标题文字：对该细节图的内 容进行概括和归纳，用画龙 有时为了满足版式设计的需要或出于其他原因，在进行细节展示 点睛的关键词进行文案设计
1 商品细节展示区的视觉文案设计
在设计商品细节展示区时，素材的添加和绘制是必不可少的，它能让商品 图之间产生一定的联系，还能对画面的布局、文字的排列进行规范。
箭头能将商品整体外观图与细节图 联系起来，具有引导视线的作用
方框规范了文字的 显示范围
聊天气泡用于修饰说明文字 圆形素材的使用让图片 的边框，使文字和图片能一 之间产生一定的联系 一对应，准确传递商品信息
CHAPTER NINE
商品详情页的视觉 文案设计
学习目标
掌握商品细节展示区视觉文案设计的技巧。 掌握商品功效简介区视觉文案设计的技巧。 掌握不同类型的详情页文案撰写的方法。
商品详情页是提高店铺转化率的重要渠道，一个好的详情页就
如同专卖店一个优秀的推销员一样，能出色地完成推销商品的 任务。面对各式各样的消费者，推销员使用语言打动消费者， 而详情页则借助视觉效果传达商品的特性，激发消费者的购物 欲望。
之前，也可以先用较为系统的表格、段落文字等逐一介绍商品的 属性，而在细节展示区则重点展示商品的局部细节，是否还要添 加文字则根据实际设计需求而定。
段落说明文字： 详细阐述该细 节图的内容， 对标题文字进 行展开说明
一、详情页各模块的视觉文案设计
2 商品细节展示区通用设计方式
1 2
利用文字对细节进行说明 素材让细节展示更直观
指示型表现形式 局部图解型表现形式
1 商品细节展示区的视觉文案设计
局部图解型表现形式的设计更简单，只需将商品的局部细节放大即可，不 需对细节位置进行指示。但是，局部图解型表现形式可以增加更多说明性 文字内容，比较适用于外观简单、部件少的商品及日常用品的细节展示。
一、详情页各模块的视觉文案设计
商品资质证书/检验结果报告
品牌/基地实力展示/公司介绍 商品包装展示/售后保障/物流
打消安全顾虑，提升消费者购买商品的信心
简单说明制造商及品牌的发展历史 包装、交货、物流、维修等服务保证信息介绍
二、不同类型的详情页文案撰写
2 普通型商品详情页文案
普通型商品详情文案通常从商品核心卖点出发，站在消费者的角度，将商 品卖点转化为利益点，循序渐进，不断加强消费者购买商品的信心。具体 来说，可以分为以下五个步骤。
指示型表现形式就是先将商品完整地展示出来，再把商品需要突出展示的
用实线连接
放大的局部细节
局部细节图片以类似放大镜的形式排布在完整商品图的四周，并利用线条、
箭头等设计元素将细节图片与完整的商品图连接起来，有时还会用简单的
说明性语言来对细节进行解说。
一、详情页各模块的视觉文案设计
1 商品细节展示区的表现形式
一、详情页各模块的视觉文案设计
1 商品功效简介区的设计规范
2 商品功效简介区的视觉文案设计
商品功效简介区是商品详情页的一部分，其设计宽度受到商品详情页宽度
的限制，高度上则不受限制。
淘宝网、天猫商城和京东商品详情页设计尺寸规范
电商平台 淘宝网 商品详情页设计尺寸规范 详情页左侧边栏宽 190 像素，中间空 10 像素，右侧宽 750 像素，加起来总宽度为 950像素。如果关闭左侧边栏，就可以显示950像素宽，不然只显示750像素宽 详情页布局与淘宝类似，不同之处在于天猫商城新版页面的宽度由 750 像素变为 790像素 京东对详情页布局有统一要求，整体宽度不超过740像素
1 商品详情页文案
商品详情页文案的内容框架
商品详情页的内容框架 创意海报情景大图 作用 符合文案主题，吸引消费者注意
商品卖点/功能/利益点
商品规格参数 与同类商品对比 商品模特/全方位展示 商品细节展示
精简介绍商品，突出商品能带给消费者的好处
款式、尺寸、材质、选择项目、配件等信息 商品有别于竞争对手的核心卖点 场景化图片富有代入感，能拉近与消费者之间的距离 突出工艺、质感、品相等
Contents 目录
1 详情页各模块的视觉文案设计 2 不同类型的详情页文案撰写
一、详情页各模块的视觉文案设计
商品细节展示区的视觉文案设计
商品功效简区的视觉文案设计
1 商品细节展示区的视觉文案设计 一、详情页各模块的视觉文案设计 完整的商品形象展示
1 商品细节展示区的表现形式
1
指示型表现形式
商品详情页展示的是商品的详细情况，主要是通过文字、图片等元素全面 地展示商品的功能、特性，以及销售、物流、售后等方面的信息。
商品详情页的作用包括以下四个方面。 ①增加消费者对商品的了解。 ②方便消费者了解商品的功效。 ③取得消费者的信任和好感。
④引导消费者下单购买。
二、不同类型的详情页文案撰写
天猫商城 京东
一、详情页各模块的视觉文案设计
1 商品功效简介区的设计规范
2 商品功效简介区的视觉文案设计
商品功效简介区的设计重点就是对商品的功效进行总结与归纳，通过文字、
色彩和修饰元素的完美搭配来提升文字的可读性。
将商品的功效分为几个 不同的关键点进行介绍
一、详情页各模块的视觉文案设计
2 修饰元素在设计中的重要性
2 商品功效简介区的视觉文案设计
修饰元素的巧妙应用能够提升商品信息的可读性，让枯燥的文字变得更具
象化，在给消费者带来美好的视觉享受的同时，有助于消费者深入了解商 品的功效。
复选框素材的使用，加 强了对商品功效的肯定 作用 使用图表对商品的某些 功效进行具象表现，利 用数据、比例上的优势 聊天气泡具有一定的指 来增强说服力，提升商 引视线和修饰的作用 品功效简介的可信度
将洗衣液的功效用对比图的方式表现出来，提升功效的可信度
Contents 目录
1 详情页各模块的视觉文案设计 2 不同类型的详情页文案撰写
二、不同类型的详情页文案撰写
商品详情页文案 普通型商品详情页文案 解决痛点型商品详情页文案 故事型商品详情页文案
二、不同类型的详情页文案撰写
1 商品详情页文案
2 商品细节展示区通用设计方式
1
利用文字对细节进行说明
1 商品细节展示区的视觉文案设计
对女鞋细节参数进行系统介绍， 让消费者一目了然地了解商品 一般可以使用标题文字和段落说明文字组合的方式来进行说明。 信息 标题文字：对该细节图的内 容进行概括和归纳，用画龙 有时为了满足版式设计的需要或出于其他原因，在进行细节展示 点睛的关键词进行文案设计
1 商品细节展示区的视觉文案设计
在设计商品细节展示区时，素材的添加和绘制是必不可少的，它能让商品 图之间产生一定的联系，还能对画面的布局、文字的排列进行规范。
箭头能将商品整体外观图与细节图 联系起来，具有引导视线的作用
方框规范了文字的 显示范围
聊天气泡用于修饰说明文字 圆形素材的使用让图片 的边框，使文字和图片能一 之间产生一定的联系 一对应，准确传递商品信息
CHAPTER NINE
商品详情页的视觉 文案设计
学习目标
掌握商品细节展示区视觉文案设计的技巧。 掌握商品功效简介区视觉文案设计的技巧。 掌握不同类型的详情页文案撰写的方法。
商品详情页是提高店铺转化率的重要渠道，一个好的详情页就
如同专卖店一个优秀的推销员一样，能出色地完成推销商品的 任务。面对各式各样的消费者，推销员使用语言打动消费者， 而详情页则借助视觉效果传达商品的特性，激发消费者的购物 欲望。
之前，也可以先用较为系统的表格、段落文字等逐一介绍商品的 属性，而在细节展示区则重点展示商品的局部细节，是否还要添 加文字则根据实际设计需求而定。
段落说明文字： 详细阐述该细 节图的内容， 对标题文字进 行展开说明
一、详情页各模块的视觉文案设计
2 商品细节展示区通用设计方式
1 2
利用文字对细节进行说明 素材让细节展示更直观