项目8-3-绘制商品详情页面

任务三绘制商品详情页面授课教师：王萍项目八网店设计与装修一、商品详情页的风格定位与店铺内其他页面、其他图片的视觉设计一样，商品详情页的视觉设计风格定位依然是基于品牌、基于整个店铺的设计风格、基于目标消费者的喜好，再结合商品本身的风格、特点确定的。二、商品详情页的布局逻辑商品详情页的主要作用是说服消费者购买商品。而为了更有效地说服消费者，商家可以按照消费者的购物心理对商品详情页进行巧妙布局，依靠对消费者购物心理的揣摩来获取消费者的信任并促使其购买商品。根据AIDMA法则，消费者在购物时的心理变化主要表现为：Attention（引起关注）→Interest（引发兴趣）→Desire（唤起欲望）→Memory（加深记忆）→Action（决定购买）几个主要阶段。加深了解刺激购买引起关注引发兴趣促使分享而从运营者的角度来分析，为了迎合消费者这种购物心理，商品详情页的布局逻辑就应该具备以下几个方面的内容。三、商品详情页的沟通框架模特图或实际使用图商品评价真人试穿或试用效果商品展示图商品细节图尺码或参数图基本信息消费者需求的基本信息1.商品详情页是消费者了解商品、获取商品信息最主要的途径。因此不管如何设计商品详情页，都必须包含消费者想要了解的基本内容。一般来说，消费者希望在商品详情页中了解的信息主要包括以下内容。营销品牌商品6商品详情页的基本要素2.从运营的角度看，商品详情页的主要作用是促使消费者购买，因此除了要展示消费者需求的基本信息，还要展示更丰富的、有助于进一步打动消费者的信息，实现成交的目的。商品详情页信息展示的基本要素主要包括以下五部分。服务互动Title标题Description商品描述Price商品价格Details商品细节BulletPoint商品要点Reviews商品评价ProductImage图片EBC/A+页面Attribute商品属性SearchTerm搜索关键词买家可见元素买家不可见元素标题Title01.商品标题作用还有助于打造品牌。包含商品的品牌等词语。名称重要参数主要卖点使用场景商品标题会影响该商品能否显示在搜索结果中；传递信息准确的商品标题不但有助于提升商品的曝光率和点击率；主图（MainImage）作用还会影响产品的搜索排名。主图特点商品主图是显示在搜索结果中的图片，也是商品详情页中，商品标题旁边默认显示的第一张图片。02.商品图片及视频买家对于商品最直观的印象来自于主图；高质量的主图不仅会影响产品的点击率和转化率；主图需要突出展现商品主要卖点、魅力，以及与其他同类商品的差异点等，以提升主图的吸引力。不同的电商平台，每个商品还可以再配5-7张辅图，用于展示商品的实际使用场景，营造产品使用氛围，并从不同的角度来展示商品，或展示在“主图”中没有显示的细节。辅图（OtherImage/SubImage）产品视频（Productvideo）建议用表格或配图描述。03.规格参数商品属性（ProductAttributes）包含商品的尺寸等属性或技术参数信息。型号规格颜色材质重量功耗形式对于商品的尺寸的说明，可以采用与常见标准规格的实物进行对比，如人民币的1元硬币，A4打印纸等。机械设备等工业级商品，建议最好采用表格方式显示规格参数。精心编写的商品描述有助于顾客更进一步了解商品；04.商品描述作用一般会运用

FAB法则

或

IIC法则

，以图文并茂的方式，介绍商品的主要功能、特点、卖点、内外包装、对用户痛点的解决方式，用来和其他同类产品形成差异化。帮助消费者想象拥有或使用商品所带来的体验；增加客户对产品的信任，从而促进转化。方式FAB法则IIC法则Ffeatures属性advantages（转化）作用benefits利益AB唤起顾客的欲望，让他们想把产品买回家；Inspire（唤起）对客户进行产品功能和好处方面的教育；Inform（教育）将访客转化为买家。Convert（转化）图片则对商品卖点进行直观展示。利用图文结合从视觉上影响消费者，加深消费者对商品卖点的认识和理解。文案简明、扼要地说明商品卖点；是指商品的材质、款式、功能、外观等能够提高消费者对商品好感度的特点。商品卖点四、卖点图视觉优化在视觉设计中，商品卖点主要通过文案和图片进行搭配展现。商品细节图是商家展示商品品质、赢得消费者好感的重要手段，也是商品详情页视觉设计中的重要组成部分。商品细节图的视觉设计重点是传达消费者感兴趣的商品细节信息，一般要根据商品性质选择不同的展示方向，如通过功能说明、工艺细节、服务说明等对细节进行展示。五、细节图视觉优化使用简单示意图、形状或线条来展示商品参数，或者使用表格直接展示商品的特性、功能和规格等，下图所示为使用简单示意图和简单表格来直接展示商品参数。（1）商品参数六、参数图视觉优化可以直接将商品参数展示在一张或多张商品图片中，如左图。如果商品参数较多，也可通过左表右图或左图右表的方式排列商品参数模块，如右图。对于有尺寸规格的商品，商家还可在商品图上添加尺寸标注。（2）商品参数与商品图片组合展示常用方式：左图右参数。01除常用参数外，还可以辅以产品特点及多个型号的参数，一并说明。02同一个商品有不同的尺寸或规格。032列构图，一侧图大，一侧图小。04三列构图，并排突出中央或错落摆放05四列构图，平分秋色06文字与图片，S型排列07上图下字排列08

一侧2图，一侧1图，不对称构图09两行或三行均匀构图10环绕或半环绕构图11七、资质证明及售后服务保障包括店铺和商品所获得的各种认证、奖励；资质证明一般包括店铺选用的物流公司、商品售后服务流程及退换货规定等。售后服务八、关联营销关联营销也称交叉营销，即一款产品销售页面上除了本身产品的一些信息之外，将同类型或者有关联的产品信息放在上面，实现多款对比。在商品详情页中合理的嵌入相关商品可以起到事半功倍的营销效果。例如：在宝贝描述完以后插入相关产品、热卖产品或者配套产品的时候，可以有效提高点击率和转化率。概念同类关联跨类关联30品类关联活动关联4种形式1.商品关联的形式商品详情页的商品关联模块可以对页面流量进行有效导流。2.商品关联模块的设计样式根据当前商品的实际关联需求，商家可以使用不同样式的关联模块。31通栏海报型主次型常规型1.引起关注的文案引起关注的文案主要在店铺的活动页面、商品首焦图等区域呈现，包括商品核心卖点、商品促销信息、商品广告语等。突出消费者关注的核心内容，提高消费者浏览商品核心信息的效率。作用32九、商品详情页的文案应用2.引发兴趣的文案引发兴趣的文案可以有效找到并激发消费者对商品的潜在需求，如说明商品的核心卖点、描述商品外观、描述商品的使用场景等都可以有效引发消费者的兴趣，引起消费者的购买欲望。33343.加深了解的文案加深了解的文案主要用于加深消费者对商品的了解，打消消费者对商品的顾虑，主要运用在细节图、包装图、参数图等位置，进一步提高消费者对商品的信任