5.3商品主图设计（课件）-《跨境电子商务视觉设计》同步教学（北京邮电大学出版社）

跨境电商店铺定位与商品详情页视觉设计 项目五 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.3 商品主图设计 5.3.1 商品主图的设计规范 5.3.2 商品主图的作用 5.3.3 商品主图的背景色 5.3.4 商品主图的设计原则 5.3.5 商品主图的设计形式 5.3.6 添加文案提高商品主图点击率 10 5.3.1 商品主图的设计规范 显示在搜索结果页面中的商品主图的尺寸为220像素×220像素，而显示在商品详情页左上角的商品主图的尺寸为400像素×400像素。 商品主图的文件要小于500 KB，图片格式可以为JPG、PNG、GIF格式。 主图中不许出现图片留白、拼接、水印，不得包含促销、夸大描述等文字说明，文字说明可以包括但不限于“秒杀”“限时折扣”“包邮”等内容，且不同行业店铺的商品主图要求也有所不同。 11 5.3.2 商品主图的作用 商品主图是商品的主要展示图片，是买家对商品的第一