电子商务视觉设计--第章-商品详情页视觉设计优选文档.pptxVIP

第5章商品详情页视觉设计商品详情页是所有营销的落地点。消费者通过搜索进入店铺后，首先进入的便是详情页；所有页面上有且仅有详情页承担着下单购买的职责；消费者在购买前要对详情页仔细看、反复看，甚至对比看，才能决定是否咨询卖家、是否下单。如果详情页不能满足消费者的需求，不能解决消费者的实际问题，那么前面的工作做得再好，都会功亏一篑。所以，无论是什么店铺，都要对商品详情页进行重点设计。 目录CONTENTS5.15.25.35.4 5.1商品主图设计当消费者在电商平台中搜索商品时，显示在搜索结果页面中的商品图片就是商品主图。商品主图形成了消费者对商品的第一印象，决定着消费者是否点击打开商品详情页，并对商品产生购买欲望。因此，商品主图的设计专业性与视觉吸引力直接影响着店铺的点击率和转化率。 5.1.1商品主图的设计规范商品详情页中的商品主图尺寸为400像素×400像素搜索结果页面中的商品主图尺寸为220像素×220像素淘宝网商品主图尺寸要求天猫商城的商品主图设计规范与淘宝网不同，其规定商品主图尺寸为800像素×800像素以上，自动拥有放大镜功能。 5.1.2商品主图的设计形式01展示商品的全貌利用白色背景展示商品的全貌是商品主图常规的设计形式，特别是天猫商城，大多数行业都要求至少有一张白底主图。以白色背景展示的商品主图 5.1.2商品主图的设计形式02场景化的设计商品主图另一种常规的设计形式是通过模特展示商品，或者根据商品的特点和用途搭建生活化、场景化的环境。利用场景展示的商品主图 5.1.2商品主图的设计形式03拼接式设计拼接式设计就是将多张商品图片合成一张商品主图。拼接式设计的商品主图 5.1.2商品主图的设计形式04突出商品卖点品牌商品都会在主图的一角放置品牌的Logo，这种方式可以有效地让消费者识别品牌，唤醒老客户的消费记忆，吸引新客户的关注和消费。突出卖点的商品主图 5.1.3添加文案提高主图点击率添加售后信息，以激发添加商品的卖点简介，消费者的购买欲望，提高点击率提升商品形象，让消费者了解更多商品信息添加主图文案 5.1.3添加文案提高主图点击率添加品牌徽标添加品牌信息在添加主图文案时，需要注意以下两点。（1）文案说明信息的表达形式要简洁明了，要有引发消费者产生点击冲动的诱惑力。（2）文案说明信息不能遮挡商品主体。 5.2商品细节展示区设计在商品详情页中，为了让消费者能够完整而清晰地了解商品的细节和特点，设计人员会设计相应的模块（商品细节展示区）来对商品进行全方位的展示。下面将详细介绍商品细节展示区的表现形式及其通用的设计方式。 5.2.1商品细节展示区的表现形式01指示型表现形式指示型表现形式就是先将商品完整地展示出来，再把商品需要突出展示的局部细节图片以类似放大镜的形式排布在完整商品图的四周，并利用线条、箭头等设计元素将细节图片与完整的商品图连接起来，有时还会用简单的说明性语言来对细节进行解说。非常适合体积较小、部件较多的商品或家具等外形特大商品的细节展示。 5.2.1商品细节展示区的表现形式02局部图解型表现形式局部图解型表现形式的设计更简单，只需将商品的局部细节放大即可，不需对细节位置进行指示。比较适合于外观简单、部件少的商品及日常用品的细节展示。 5.2.2商品细节展示区的通用设计方式01利用文字对细节进行说明标题文字：对该细节图的内容进行概括和归纳，应用画龙点睛的关键词进行文案设计段落说明文字：详细阐述该细节图的内容，对标题文字进行展开说明使用文字对细节进行说明 5.2.2商品细节展示区的通用设计方式01利用文字对细节进行说明对童鞋细节参数进行系统介绍，让消费者一目了然系统介绍商品信息 品牌商品都会在主图的一角放置品牌的Logo，这种方式可以有效地让消费者识别品牌，唤在商品详情页中，为了让消费者能够完整而行详尽、透彻的分析和解说。以白色背景展示的商品主图表现形式及其通用的设计方式。商品详情页是所有营销的落地点。利用场景展示的商品主图220像素×220像素详情页的整体宽度不超过740详情页的整体宽度不超过740淘宝、天猫和京东的商品详情页即可，不需对细节位置进行指示。要求至少有一张白底主图。素来丰富画面的内容，例如用图片来代替某些文字或者使用素材来突出某些文字。清晰地了解商品的细节和特点，设计人员会设计5.2.2商品细节展示区的通用设计方式02素材让细节展示更直观箭头能将商品整体外观图与细节图联系起来，具有引导视线的作用聊天气泡用于修饰细节图、说明文字的边框，使文字和图片能一一对应，以便准确传递商品信息使用两种素材展示商品细节 5.2.2商品细节展示区的通用设计方式02素材让细节展示更直观圆形素材的使用让图像之间产生一定的联系方框规范了文字的显示范围矩形与圆形素材的使用 5.3商品功效简介区设计商品功效简介区用于对