5.4商品细节展示区设计（课件）-《跨境电子商务视觉设计》同步教学（北京邮电大学出版社）

跨境电商店铺定位与商品详情页视觉设计 项目五 1 YCF 5.1 跨境电商店铺定位 5.3 商品主图设计 5.2 跨境电商商品详情页视觉设计要点 目录 CATALOG 5.4 商品细节展示区设计 5.5 商品功效简介区设计 2 01 了解跨境电商店铺消费群体定位。 02 掌握跨境电商标准商品详情页的规范化布局。 知识目标 03 掌握商品主图、商品细节展示区、商品功效简介区等的设计。 01 能够定位跨境电商店铺商品。 02 能够制作商品详情页中的文字。 技能目标 重点与难点 重点: （1）跨境电商店铺消费群体定位。 （2）跨境电商店铺商品定位。 难点： （1）跨境电商标准商品详情页的规范化布局。 （2）跨境电商商品详情页优化。 5 案例导入 打造高转化商品详情页——跨境电商需掌握的展示技巧 在商品展示版块中，要让客户对商品有一个直观的视觉效果体验。而最直观的展现商品的方式无疑是图片，主要有摆拍图和场景图两种。 （1）摆拍图。 摆拍图往往能够最直观地展现产品，且拍摄成本相对 较低，大多数卖家自己就能够完成实拍。但较易操作并 不代表对摆拍图就可以敷衍了事，对摆拍图的基本要求 就是能把商品如实地展现出来。实拍的图片要注意突出 主体，根据商品的特点选用纯色背景，并遵循干净、简 洁和清晰等原则，如图所示。这样的拍摄手法更适合家居、数码产品、鞋、包等商品，因为这类商品本身体积较小，若采用模特拍摄，反而容易喧宾夺主。 6 案例导入 （2）场景图。 如果说摆拍图最大的价值在于突出商品，那么场景图则更多地体现出烘托氛围、引导客户购买的作用。场景图示例如图所示。相对于摆拍图，场景图的拍摄通常需要较高的成本和一定的拍摄技巧。这种拍摄手法更适合那些有一定经济实力，并有能力把控商品展现尺度的卖家。 可以说，场景图是一把“双刃剑”，恰当且合适的 图片及文案能进一步抓住客户的“痛点”及“痒点”， 促进订单成交，但若运用得不好，反而会增加图片的 无效信息，导致客户注意力分散。一张好的场景图往 往能恰到好处地展现并衬托出商品的价值。卖家在进 行商品展示的时候，可根据商品自身的特点，有重点 地突出商品。 7 案例导入 2.细节展示版块 在商品展示版块中，客户可以找到对商品的大致感觉。当客户被吸引后，商品的细节展示就会起到重要作用。细节展示是让客户更加了解商品的主要手段，客户只有在熟悉商品以后，才能做出最终的购买决定。所以在商品的细节展示版块，卖家要着重做好三点：一是尽可能地展示商品的细节、材质；二是要重视商品功能的展示；三是重视商品规格参数展示，规格参数在客户决定是否下单的过程中也起着重要的参考辅助作用。 （1）做好商品细节、材质展示。这一点很好理解， 商品展示吸引的是对商品感兴趣的客户，商品细节 及材质等的展示吸引的是对商品真正感兴趣的精准 客户。对商品感兴趣的客户可能并不少，但卖家的 目标是对商品感兴趣且具有购买意向的客户。可以 说，客户最终决定下单与否，细节展示在其中起着 关键性的作用。商品细节展示示例如图所示。 8 案例导入 （2）做好商品功能展示。 商品功能展示是商品细节展示的有效补充。商品功能展示能大大提高客户对商品及其价值的认知及肯定，使客户充分了解商品能为他们带来的好处及利益。商品功能展示对图片及文案设计的处理能力要求比较高，卖家可根据自身的能力及商品的展现需要适当处理。 （3）做好商品规格参数展示。 商品图片虽然能直观展现商品，却不能完整地反映商品的真实情况。因为图片往往无法完美地展现出商品的规格，所以往往会与客户的预期有所偏差。所以卖家需要加入商品规格参数版块，让客户对商品有一个完整及相对正确的判断，尽量避免客户收到商品时出现商品低于心理预期的情况。 商品详情页的重要作用就是让客户了解商品、信任商品，进而购买商品，提高转化率。无论是商品展示还是细节展示，卖家需要通过图片和文字结合的方式充分挖掘商品的特点及卖点。 9 5.4 商品细节展示区设计 5.4.1 商品细节展示区的表现形式 5.4.2 商品细节展示区通用设计方式 5.4.3 商品图片标签 10 5.4.1 商品细节展示区的表现形式 指示型表现形式就是先将商品完整地展示出来，再把商品需要突出展示的局部细节图片以类似放大镜的形式排布在完整商品图的四周，并利用线条、箭头等设计元素将细节图片与完整商品图连接起来，还可以用简单的说明性语言对细节进行解说，如图所示。 1.指示型表现形式 11 5.4.1 商品细节展示区的表现形式 局部图解型表现形式的设计更简单，只需将商品的局部细节放大即可，不需要对细节位置进行指示。 局部图解型表现形式可以增加说明性文字内容，比较适合外观简单、部件少的商品及日常用品的细节展示。局部图解型表现形式如图所示。 2.局部图解型表现形式 1