商品详情页的视觉文案设计

商品详情页的视觉文案设计CHAPTERNINE商品详情页是提高店铺转化率的重要渠道，一个好的详情页就如同专卖店一个优秀的推销员一样，能出色地完成推销商品的任务。面对各式各样的消费者，推销员使用语言打动消费者，而详情页则借助视觉效果传达商品的特性，激发消费者的购物欲望。掌握商品细节展示区视觉文案设计的技巧。掌握商品功效简介区视觉文案设计的技巧。掌握不同类型的详情页文案撰写的方法。学习目标Contents目录详情页各模块的视觉文案设计1不同类型的详情页文案撰写2一、详情页各模块的视觉文案设计商品细节展示区的视觉文案设计商品功效简介区的视觉文案设计1商品细节展示区的视觉文案设计指示型表现形式就是先将商品完整地展示出来，再把商品需要突出展示的局部细节图片以类似放大镜的形式排布在完整商品图的四周，并利用线条、箭头等设计元素将细节图片与完整的商品图连接起来，有时还会用简单的说明性语言来对细节进行解说。一、详情页各模块的视觉文案设计1商品细节展示区的表现形式指示型表现形式1完整的商品形象展示放大的局部细节用实线连接1商品细节展示区的视觉文案设计局部图解型表现形式的设计更简单，只需将商品的局部细节放大即可，不需对细节位置进行指示。但是，局部图解型表现形式可以增加更多说明性文字内容，比较适用于外观简单、部件少的商品及日常用品的细节展示。一、详情页各模块的视觉文案设计1商品细节展示区的表现形式指示型表现形式1局部图解型表现形式21商品细节展示区的视觉文案设计一般可以使用标题文字和段落说明文字组合的方式来进行说明。一、详情页各模块的视觉文案设计2商品细节展示区通用设计方式利用文字对细节进行说明1标题文字：对该细节图的内容进行概括和归纳，用画龙点睛的关键词进行文案设计段落说明文字：详细阐述该细节图的内容，对标题文字进行展开说明有时为了满足版式设计的需要或出于其他原因，在进行细节展示之前，也可以先用较为系统的表格、段落文字等逐一介绍商品的属性，而在细节展示区则重点展示商品的局部细节，是否还要添加文字则根据实际设计需求而定。对女鞋细节参数进行系统介绍，让消费者一目了然地了解商品信息1商品细节展示区的视觉文案设计在设计商品细节展示区时，素材的添加和绘制是必不可少的，它能让商品图之间产生一定的联系，还能对画面的布局、文字的排列进行规范。一、详情页各模块的视觉文案设计2商品细节展示区通用设计方式利用文字对细节进行说明1素材让细节展示更直观2箭头能将商品整体外观图与细节图联系起来，具有引导视线的作用聊天气泡用于修饰说明文字的边框，使文字和图片能一一对应，准确传递商品信息方框规范了文字的显示范围圆形素材的使用让图片之间产生一定的联系2商品功效简介区的视觉文案设计商品功效简介区是商品详情页的一部分，其设计宽度受到商品详情页宽度的限制，高度上则不受限制。一、详情页各模块的视觉文案设计1商品功效简介区的设计规范淘宝网、天猫商城和京东商品详情页设计尺寸规范电商平台商品详情页设计尺寸规范淘宝网详情页左侧边栏宽190像素，中间空10像素，右侧宽750像素，加起来总宽度为950像素。如果关闭左侧边栏，就可以显示950像素宽，不然只显示750像素宽天猫商城详情页布局与淘宝类似，不同之处在于天猫商城新版页面的宽度由750像素变为790像素京东京东对详情页布局有统一要求，整体宽度不超过740像素2商品功效简介区的视觉文案设计商品功效简介区的设计重点就是对商品的功效进行总结与归纳，通过文字、色彩和修饰元素的完美搭配来提升文字的可读性。一、详情页各模块的视觉文案设计1商品功效简介区的设计规范将商品的功效分为几个不同的关键点进行介绍2商品功效简介区的视觉文案设计修饰元素的巧妙应用能够提升商品信息的可读性，让枯燥的文字变得更具象化，在给消费者带来美好的视觉享受的同时，有助于消费者深入了解商品的功效。一、详情页各模块的视觉文案设计2修饰元素在设计中的重要性使用图表对商品的某些功效进行具象表现，利用数据、比例上的优势来增强说服力，提升商品功效简介的可信度复选框素材的使用，加强了对商品功效的肯定作用聊天气泡具有一定的指引视线和修饰的作用将洗衣液的功效用对比图的方式表现出来，提升功效的可信度Contents目录详情页各模块的视觉文案设计1不同类型的详情页文案撰写2二、不同类型的详情页文案撰写商品详情页文案普通型商品详情页文案解决痛点型商品详情页文案故事型商品详情页文案1商品详情页文案商品详情页展示的是商品的详细情况，主要是通过文字、图片等元素全面地展示商品的功能、特性，以及销售、物流、售后等方面的信息。二、不同类型的详情页文案撰写商品详情页的作用包括以下四个方面。①增加消费者对商品的了解。②方便消费者了解商品的功效。③取得消费者的信任和好感。④引导消费者下单购买。1商品详情页文案二、不同类型的详情页文案撰写商品详情页文案的内容框架商品详情页的内容框架作用创意海报情景大图符合文案主题，吸引消费者注意商品卖点/功能/利益点精简介绍商品，突出商品能带给消费者的好处商品规格参数款式、尺寸、材质、选择项目、配件等信息与同类商品对比商品有别于竞争对手的核心卖点商品模特/全方位展示场景化图片富有代入感，能拉近与消费者之间的距离商品细节展示突出工艺、质感、品相等商品资质证书/检验结果报告打消安全顾虑，提升消费者购买商品的信心品牌/基地实力展示/公司介绍简单说明制造商及品牌的发展历史商品包装展示/售后保障/物流包装、交货、物流、维修等服务保证信息介绍2普通型商品详情页文案二、不同类型的详情页文案撰写普通型商品详情文案通常从商品核心卖点出发，站在消费者的角度，将商品卖点转化为利益点，循序渐进，不断加强消费者购买商品的信心。具体来说，可以分为以下五个步骤。提出需求2将商品定位为问题的解决方案证明并说服消费者购买你的商品4促成消费者的实际购买5吸引注意132普通型商品详情页文案二、不同类型的详情页文案撰写1网店中的商品详情页通常来说，网店商品详情页商品描述的内容大致为：诉求情感语句（200字以内）、商品大图、价格促销点、宝贝获得的荣誉、商品在本店的情况、老客户体验、商品最独特的卖点图文说明、商品功能介绍、和同类目的商品对比、商品实拍图、感性营销、售后保障、品牌介绍。2普通型商品详情页文案二、不同类型的详情页文案撰写2普通型商品详情页的文案写作技巧最常见的普通型商品详情页文案要求商品描述要简洁，商品细节描述要真实。对于商品的细节描述，要做到既不夸大也不隐瞒，商品描述一定要符合实际情况，不可以弄虚作假。需要直接把商品价值展示给消费者，如商品的生产地、商品的成分，这款商品热销的原因，以及商品本身经过多少道工序等。3解决痛点型商品详情页文案二、不同类型的详情页文案撰写只有真正找到消费者的痛点，才能以此突显店铺商品的卖点，加深消费者的认同感。成功的商品详情页都要站在消费者的角度上来写，让消费者看完商品详情页后觉得非买不可。3解决痛点型商品详情页文案二、不同类型的详情页文案撰写某款儿童床垫的商品详情页，该商品准确捕捉到儿童家长为孩子健康担心的痛点，突出宣传商品的这一特点。3解决痛点型商品详情页文案二、不同类型的详情页文案撰写儿童手推车文案，从四个常见的生活场景入手，分别阐述了这款车的优势，解决了消费者日常生活中的常见困难。3解决痛点型商品详情页文案二、不同类型的详情页文案撰写针对痛点，将消费者的需要转换成恐惧也是一种好方法。通常文案撰写者要从三个步骤做起：加剧消费者对该问题的恐惧2向消费者兜售解决方案提出一个与消费者切身利益相关的问题13某款除螨商品的详情页文案，列出了尘螨繁衍的情况以及尘螨带来的危害，这就给消费者带来了恐慌的心理，让消费者认识到尘螨与自身健康的利益关系，进而向消费者推荐解决问题的商品。4故事型商品详情页文案二、不同类型的详情页文案撰写一个有故事的商品，能够承载消费者的希望、梦想和价值观，引起其情感共鸣。故事即文案，好的故事是文案创意最丰富的原料。文案撰写者在文案中用精彩的故事，不仅可以推销更多的商品，而且可以赢得良好的社会声誉。某大学生创业淘宝店铺的创业故事文案4故事型商品详情页文案二、不同类型的详情页文案撰写不二食堂清油火锅料的商品详情页文案，以消费者的口吻讲述排队吃冒菜的经历，感慨“不如购买调料在家自己煮”，也很容易引发消费者的共鸣。4故事型商品详情页文案二、不同类型的详情页文案撰写长城解百纳干红葡萄酒的一款商品详情页文案，向消费者诉说故事，通过故事打动消费者，引发其共鸣，激发其购买欲，完成故事营销。十年间，世界上发生了什么？65种语言消失；科学家发现了12866颗小行星；地球上出生了3亿人；热带雨林减少了6070000平方公里；互联网用户增长270倍；5670003只流浪狗找到了家；乔丹3次复出；96354426对男女结婚；25457998对男女离婚；人们喝掉了7000000000000罐碳酸饮料，平均体重增加15%。我们养育了一瓶好酒。地道好酒，天赋灵犀。三毫米的旅程，一颗好葡萄要走十年。三毫米，瓶壁外面到里面的距离，一颗葡萄到一瓶好酒之间的距离。不是每颗葡萄都有资格踏上这三毫米的旅程。它必是葡园中的贵族，占据区区几平方公里的砂砾土地;坡地的方位像为它精心计量过,刚好能迎上远道而来的季风。它小时候，没遇到一场霜冻和冷雨；旺盛的青春期，碰上了十几年最好的太阳；临近成熟，没有雨水冲淡它酝酿已久的糖分；甚至山雀也从未打它的主意。摘了三十五年葡萄的老工人，耐心地等到糖分和酸度完全平衡的一刻才把它摘下；酒庄里最德高望重的酿酒师，每个环节都要亲手控制，小心翼翼。黑暗、潮湿的地窖里，葡萄要完成最后三毫米的推进。天堂并非遥不可及，再走，十年而已。课后习题1．假如你要为某品牌手表设计商品细节展示区，你该如何表现商品细节？2．请举出你看了商品详情页马上购买的两个详情页案例，并分析他们的详情页视觉文案设计好在哪里。3．请为解决痛点型商品详情页文案和故事型商品详情页文案各举出一个实例，并分析它们的优势。