6.1详情页布局(课件）-《电商视觉营销》同步教学（西南财经大学出版社）

详情页视觉设计 项目六 1 YCF 01 详情页布局 03 制作商品详情页 02 详情页设计理念 目录 CATALOG 2 思政课堂 2020 年年初，一场新型冠状病毒肺炎疫情席卷全国。在我国政府的正确引导下，中国人民战胜了疫情。请你为一家生产口罩的企业设计网店详情页，要求突出“战疫”元素，突出中国的医生、护士、大众对疫情的抗争。请将你的设计思路写在下面，并思考中国能够获得“抗疫”胜利的原因。 3 详情页视觉设计是针对网店中某个商品的视觉营销。详情页视觉设计的质量决定了被浏览的商品是否会转化为订单。详情页视觉设计是一项具体而细致的工作，要考虑到经营者和消费者的双重需求，尽可能高效率地利用有限的空间展示商品，通过店铺的整体风格和内部设计为消费者提供便捷、舒适的网络购物环境，形成美好的购物经历。 项目导读 01 掌握网店商品详情页的布局。 02 理解网店商品详情页设计的主要思路。 学习目标 03 能够制作详情页焦点图。 04 能够制作详情页搭配建议模块。 05 能够制作商品亮点图。 06 能够制作详情页商品展示图。 07 能够制作详情页商品细节图。 01 详情页布局 一、焦点图模块 二、商品展示模块 三、商品亮点模块 四、商品细节模块 五、商品规格模块 六、商品功能展示模块 6 一、焦点图模块 焦点图作为详情页面里的一个重要部分，通常采用5~8张图片轮播，从页面中凸显出来，在颜色和设计元素上又和详情页保持统一，如图所示。 焦点图模块指在详情页中最明显的位置，一般是用图片组合轮播的形式，展示商品图片的模块。 提示 7 二、商品展示模块 摆拍图的拍摄成本相对较低，大多数卖家自己也能操作。摆拍图的基本要求就是把宝贝如实地展现出来，通常需要突出商品自身的特点，讲究干净、简洁、清晰，因此最好采用纯色背景来凸显产品，如图所示。 1.摆拍图 8 二、商品展示模块 场景图能够在特定的场景中展示商品，同时衬托商品，但通常需要较高的拍摄成本和一定的拍摄技巧，如图所示。 2.场景图 这种拍摄手法适合有一定经济实力，有能力把控商品展现尺度的卖家。 提示 9 三、商品亮点模块 商品亮点模块将商品的优点、亮点图文并茂地展示给消费者，不是简单的信息罗列，而是将商品的功能、材质、说明等商品属性参数压缩整合，优化阅读，如图所示。 10 四、商品细节模块 商品细节模块对商品的细节重点展示。 商品细节模块是让消费者更加了解这个商品的主要手段，也是对最后的成交起到关键性作用的一步。如图所示。 11 五、商品规格模块 商品规格模块主要展示商品的尺寸、材质、重量等商品重要参数。 如果图片在拍摄的时候没有参照物，会经常有消费者在收到商品之后发现跟预期的尺寸、性能相差太多要求退货。因此我们需要加入商品规格模块，如此才能让消费者对商品有正确的预估，如图所示。 12 六、功能展示模块 和商品细节模块类似，功能展示模块的主要是对商品各个功能做详细的解析。 因为图片是静止的，所以需要在图片上对商品的其他功能做更详细的说明。时下最流行的说明方式之一是“看图说话”，不仅能够进一步展示细节，还能对细节进行补充说明，如图所示。 13 $$