电商主图该如何设计转化高？来看京东的实战分析！

商品主图设计作为电商公司运营过程中较为重要的一块，是目前商家最关注的，也是获得高点击率的重要因素，那什么样的的主图才是好的设计呢？本文从视觉层面为大家一一分析。

主图现状

目前各大电商网站上的主图琳琅满目、信息丰富，内容基本涵盖：商品图+价格+各种利益点+若干功能点，把画面撑的非常满，这样的话就导致同质化非常严重，商品跳脱不出来，用户也看不到重要信息，这个时候我们可能就要寻求一个差异化的点，那么到底什么样的商品主图设计才是一个好的设计，才能更好的卖货呢？

在众多主图中，我们总结主图类型分为：纯白底图、纯杂底图、卖点图、营销图、腰带图五大类。

腰带图分析

我们这次重点来分析大家比较关注的腰带图设计

羚珑研究：根据以往 CTR 项目经验，在腰带图的内容架构上包含有：

• 卖什么，也就是卖什么商品，这个时候商品的选择就尤为重要，给用户的第一直观感觉，包含白底、杂底、设计氛围场景；
• 主打促销信息，也就是腰带内容的选择，包含价格、利益点、服务保障等；
• 辅助信息，也就是商品的其他一些次要信息，包含功能点信息、次要利益点、劲爆利益点、服务保障等。

Step1：卖什么-商品图片的选择

从视觉层出发，那商品图片应选白底、杂底、还是设计场景氛围呢？ 我们来看看这三个背景的差异：

• 白底图：偏向商品本身的质感，在用的时候商品图需要高清，且能明显体现商品外观；
• 杂底图：偏向商品实际用途，让商品融入场景中使用户直观感受到商品的用途；
• 设计场景氛围图：当手上商品图不多，且很难表现商品的用途时候，就可以用到设计氛围场景，也能够突出商品的直观感受。

这个时候因为行业的差异化以及不同品类也存在着差异化，所以背景就会根据不同品类有不同的选择：

• 电脑数码类：比较注重商品的品牌以及品质感，这个时候商品图就要突出质感、高清以及外观的可识别性，所以用白底图就比较合适；
• 家用电器类：比较注重商品的实际用途，如燃气灶，空调等因为是用在生活中的场景，所以用有场景的杂底图或者设计场景氛围比较合适；
• 美妆个护类：如高端护肤品比较注重商品的品质感，这个时候用白底图就比较合适，当然也有一些护肤产品想要突出商品的功能或者用途，这个时候场景的杂底图或者设计场景氛围比较合适；
• 母亲亲子类：比较注重柔软，舒适，天然，安全的品质，这个时候用有场景的杂底图或者设计场景氛围就比较合适；等等

当然也有平台的一些要求有些商品图必须用白底图，这时候也需要保障商品的质感、高清、可识别性。

Step2：主打促销信息-腰带信息的选择

在腰带上信息不用太多，重点突出价格以及利益点即可，当然也有一些品类的特殊性，突出的促销内容也会不一样。

• 零食类：做活动时候，不会针对单个的商品做促销，一般都是所有商品参加活动，所以在腰带上展示领券满减的信息比较合适；
• 家装家居、家用电器： 比较大件的商品时候，用户关注的是否保修、送货上门，免费安装等比较有服务保障等信息；
• 美妆护肤品：用户比较注重单个商品的促销消息，如赠品就是很好的体现。

Step3：辅助信息-其他次要信息的选择

我们建议辅助卖点的次要信息不要超过 4 条，重点突出主要想表达的内容即可，不用什么信息都往图上放，不然用户就不知道要看什么。

如上比喻：某商家需要主推某款取暖器商品为店铺引流

背景：我们根据商品特性让用户融入场景中感受到取暖这个功能点，所以选择图片为设计氛围场景来设计这一款商品主图。

内容：重点突出腰带上的价格和利益点，让用户一目了然的知道这个主图的重点，然后加入几条商品的功能点辅助这款商品即可。

当然也有为了达到促销目的时候同时还会有一些次要利益点、赠品、劲爆利益点等的存在，这时候排版建议根据用户习惯内容最好保持在同一侧，除有劲爆利益点的时候可做对角线的排版突出这个利益点。

以上是腰带主图从卖什么-商品图的选择到重点促销信息-腰带信息的选择再到辅助信息-其他信息的选择的视觉分析，以促销信息为主，打价格战而吸引用户的点击，那么非大促时间要以什么方式去吸引用户的眼球呢？如何突出自己的商品呢？ 后续我们会进一步分析。

同时怎样才能做到更具象的一些设计对比，羚珑还会有一些 AB 测试和方案，敬请期待～

当然每个平台和事业部都有自己的主图要求规范，本篇主要在视觉上给大家的一些设计分析以及建议，大家还是要在遵守平台规范的前提下来做设计，后续事业部如有一些标准规范我们也将同步在羚珑。

欢迎关注「JellyDesign」的小程序：