商品主圖設計作為電商公司運營過程中較為重要的一塊，是目前商家最關注的，也是獲得高點擊率的重要因素，那什么樣的的主圖才是好的設計呢？本文從視覺層面為大家一一分析。

主圖現狀

目前各大電商網站上的主圖琳瑯滿目、信息豐富，內容基本涵蓋：商品圖+價格+各種利益點+若干功能點，把畫面撐的非常滿，這樣的話就導致同質化非常嚴重，商品跳脫不出來，用戶也看不到重要信息，這個時候我們可能就要尋求一個差異化的點，那么到底什么樣的商品主圖設計才是一個好的設計，才能更好的賣貨呢？

在眾多主圖中，我們總結主圖類型分為：純白底圖、純雜底圖、賣點圖、營銷圖、腰帶圖五大類。

腰帶圖分析

我們這次重點來分析大家比較關注的腰帶圖設計

羚瓏研究：根據以往 CTR 項目經驗，在腰帶圖的內容架構上包含有：

• 賣什么，也就是賣什么商品，這個時候商品的選擇就尤為重要，給用戶的第一直觀感覺，包含白底、雜底、設計氛圍場景；
• 主打促銷信息，也就是腰帶內容的選擇，包含價格、利益點、服務保障等；
• 輔助信息，也就是商品的其他一些次要信息，包含功能點信息、次要利益點、勁爆利益點、服務保障等。

Step1：賣什么-商品圖片的選擇

從視覺層出發，那商品圖片應選白底、雜底、還是設計場景氛圍呢？ 我們來看看這三個背景的差異：

• 白底圖：偏向商品本身的質感，在用的時候商品圖需要高清，且能明顯體現商品外觀；
• 雜底圖：偏向商品實際用途，讓商品融入場景中使用戶直觀感受到商品的用途；
• 設計場景氛圍圖：當手上商品圖不多，且很難表現商品的用途時候，就可以用到設計氛圍場景，也能夠突出商品的直觀感受。

這個時候因為行業的差異化以及不同品類也存在著差異化，所以背景就會根據不同品類有不同的選擇：

• 電腦數碼類：比較注重商品的品牌以及品質感，這個時候商品圖就要突出質感、高清以及外觀的可識別性，所以用白底圖就比較合適；
• 家用電器類：比較注重商品的實際用途，如燃氣灶，空調等因為是用在生活中的場景，所以用有場景的雜底圖或者設計場景氛圍比較合適；
• 美妝個護類：如高端護膚品比較注重商品的品質感，這個時候用白底圖就比較合適，當然也有一些護膚產品想要突出商品的功能或者用途，這個時候場景的雜底圖或者設計場景氛圍比較合適；
• 母親親子類：比較注重柔軟，舒適，天然，安全的品質，這個時候用有場景的雜底圖或者設計場景氛圍就比較合適；等等

當然也有平臺的一些要求有些商品圖必須用白底圖，這時候也需要保障商品的質感、高清、可識別性。

Step2：主打促銷信息-腰帶信息的選擇

在腰帶上信息不用太多，重點突出價格以及利益點即可，當然也有一些品類的特殊性，突出的促銷內容也會不一樣。

• 零食類：做活動時候，不會針對單個的商品做促銷，一般都是所有商品參加活動，所以在腰帶上展示領券滿減的信息比較合適；
• 家裝家居、家用電器： 比較大件的商品時候，用戶關注的是否保修、送貨上門，免費安裝等比較有服務保障等信息；
• 美妝護膚品：用戶比較注重單個商品的促銷消息，如贈品就是很好的體現。

Step3：輔助信息-其他次要信息的選擇

我們建議輔助賣點的次要信息不要超過 4 條，重點突出主要想表達的內容即可，不用什么信息都往圖上放，不然用戶就不知道要看什么。

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

背景：我們根據商品特性讓用戶融入場景中感受到取暖這個功能點，所以選擇圖片為設計氛圍場景來設計這一款商品主圖。

內容：重點突出腰帶上的價格和利益點，讓用戶一目了然的知道這個主圖的重點，然后加入幾條商品的功能點輔助這款商品即可。

當然也有為了達到促銷目的時候同時還會有一些次要利益點、贈品、勁爆利益點等的存在，這時候排版建議根據用戶習慣內容最好保持在同一側，除有勁爆利益點的時候可做對角線的排版突出這個利益點。

以上是腰帶主圖從賣什么-商品圖的選擇到重點促銷信息-腰帶信息的選擇再到輔助信息-其他信息的選擇的視覺分析，以促銷信息為主，打價格戰而吸引用戶的點擊，那么非大促時間要以什么方式去吸引用戶的眼球呢？如何突出自己的商品呢？ 后續我們會進一步分析。

同時怎樣才能做到更具象的一些設計對比，羚瓏還會有一些 AB 測試和方案，敬請期待～

當然每個平臺和事業部都有自己的主圖要求規范，本篇主要在視覺上給大家的一些設計分析以及建議，大家還是要在遵守平臺規范的前提下來做設計，后續事業部如有一些標準規范我們也將同步在羚瓏。

歡迎關注「JellyDesign」的小程序：