《电商文案策划与视觉营销实战》第9章-ok

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