电商视觉设计课件 第5章 商品详情页设计.pptxVIP

第5章

商品详情页设计;了解商品详情页的基本概念

明确商品详情页的模块结构;明确商品详情页的设计思路

掌握商品详情页的制作方法;培养良好的商品详情页设计的操作

培养对商品详情页的审美鉴赏能力

培养对商品详情页的设计创意能力;5.1商品详情页概述;5.2商品海报设计;商品海报即详情页中的商品Banner，通常位于详情页中商品描述信息下方，类似于店铺首页的轮播海报，主要用于更好地展示商品优势，从而吸引更多消费者的关注。优秀的商品海报会起到场景代入、体现真实的作用。;商品焦点图可以根据平台分为两类，一类是以淘宝为代表的，宽750像素的焦点图，另一类以京东和天猫为代表的，宽790像素的焦点图，两者高度不限，通常建议为950像素。这两类主标题字号建议为60～70像素，副标题字号建议为40～50像素，叙述性文字字号建议为25～30像素。;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“矩形”工具、“圆角矩形”工具绘制基本形状，使用“添加图层样式”命令为图形添加效果。;卖点提炼的定义

卖点提炼的设计规则

应用案例——设计中秋月饼卖点提炼;卖点提炼即商品特点和消费者痛点的提炼，通常位于商品焦点图下方或同商品焦点图组合出现，主要用于向消费者展示商品独特之处，令其产生购买欲望。卖点提炼得精准，能起到展示产品特点、挖掘用户需求的作用。;5.3.2卖点提炼的设计规则;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“矩形”工具、“圆角矩形”工具、“椭圆”工具绘制基本形状，使用“创建新的填充或调整图层”命令为图像校色。;商品展示的定义

商品展示的设计规则

应用案例——设计中秋月饼商品展示;商品展示即展示商品的内容，通常位于卖点提炼下方，由3～5张图片组成，通过“一屏一卖点”，进一步展示商品优势、呈现商品功能。;5.4.2?商品展示的设计规则;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工???添加文字，使用“矩形”工具、“圆角矩形”工具、“椭圆”工具绘制基本形状，使用创建剪贴蒙版命令实现中秋月饼商品展示。;细节展示的定义

细节展示的设计规则

应用案例——设计中秋月饼细节展示;细节展示即商品的细节放大图，通常位于卖点提炼或商品展示下方，将商品细节进行最大限度的展示，可以使消费者更加信任商品。优秀的细节展示可以起到深入剖析商品特点、彰显商品品质的作用。;5.5.2?细节展示的设计规则;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“矩形”工具、“圆角矩形”工具绘制基本形状，使用“创建新的填充或调整图层”命令为图像校色，使用创建剪贴蒙版命令实现中秋月饼细节展示。;商品信息的定义

商品信息的设计规则

应用案例——设计中秋月饼商品信息;商品信息即商品的真实数据，通常位于卖点提炼或细节展示下方。电商视觉设计师需要将商品的真实尺寸、参数和颜色等数据充分展示给消费者，以起到全面介绍商品、引导消费者了解的作用。;5.6.2?商品信息的设计规则;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“矩形”工具、“圆角矩形”工具、“直线”工具绘制基本形状。;其他模块的定义

其他模块的设计规则

应用案例——设计中秋月饼其他模块;质量保证、品牌实力和快递售后等其他模块通常位于商品详情页底部，这些模块都在不同程度上为消费者购买商品打消了疑虑、增强了信心。;5.7.2?其他模块的设计规则;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“矩形”工具绘制基本形状。;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“矩形”工具、“圆角矩形”工具绘制基本形状，使用“添加图层样式”命令为图形添加效果。;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“矩形”工具、“圆角矩形”工具绘制基本形状，使用“添加图层样式”命令为图形添加效果。