在淘寶的店鋪設計中，產品主圖作為產品的流量入口，對引流有著關鍵作用。本文主要介紹在金融保險這個類別下，產品主圖的設計要注意的點，和對應的設計方法。

Part 1 關于產品主圖

商品的產品圖，就是出現在各電商網站上的產品照片或者圖像。

在淘寶的店鋪設計中，一般可分為常規的產品主圖和直通車兩種。本文主要介紹的是，在保險這個垂直領域，電商產品主圖的設計。

常規產品圖/主圖

搜索結果下方排列的產品，由產品主圖和產品文字信息組成，按銷量或其他條件排列的搜索結果沒有競價排名。

產品主圖也在店鋪首頁和產品頁面出現，作為產品的流量入口，對引流有著關鍵作用。

眾所周知，淘寶商城的實物類商品所占比最高，這類型的商品通過真實的產品照片給買家帶來最直觀的感受。

例如：

生鮮類

牛排是新鮮的、好吃的；配色讓人感覺是高級的。

3C類

iPhone 7是新配色是紅色的，蘋果產品圖都是高逼格的。

童裝玩具類

玩具是五顏六色的，吸引兒童和家長的注意

美的東西是讓人無法抗拒的，天然具有吸引力，當產品圖中出現高顏值商品時，買家的注意力自然會被商品所吸引并且點擊進去，而圖片中甚至無需太多說明描述的補充信息。

但是，面對虛擬服務類的商品時，由于沒有直觀的實物產品照片做展示，買家在選購時則會相對理性起來。

有人會說，虛擬服務類商品要吸引注意力還不簡單，找個高大上的海報模仿一下、或者打一些吸引人的擦邊球、又或者搞一些夸張的創意，都會讓畫面看起來酷炫狂拽吊炸天～分分鐘吸引用戶來點啊！

這么想就危險了。

Part 2 金融保險類產品主圖的設計方法

近年，金融保險類商品在淘寶商城逐漸火熱，這種服務類虛擬商品，并沒有漂亮的實物商品照片用來展示，設計師要如何設計產品主圖才能吸引顧客，并在眾多保險產品圖中脫穎而出？

1. 保險產品主圖的構成

主要由文字說明信息、烘托氣氛的場景和人物圖片、運營性質的角標和底標（可選）、公司logo，這四個主要部分組成。

現在淘寶主流的保險產品圖的結構：上下排版和左右排版

目前比較常見的表達方式，是靠意向圖和產品名稱來傳達信息，靠放大品牌或者利益點優勢來凸顯商品。但想要在搜索結果中脫穎而出，除了這些顯性的品牌和利益點，更重要的是如何更深入、準確的傳達給顧客一些潛在信息。

2. 產品圖中影響用戶判斷的潛在信息

說到保險，大家必定會聯想到金錢、投資、理財等關鍵字，這些關鍵字都跟錢相關。用戶對錢是很敏感的，因此在保險電商的產品展示層面，要從視覺上向顧客傳遞一種感受，讓敏感的心情平復起來。這種感受說白了，就是我們想在產品圖中傳達的潛在信息，總結來說主要在安全感和親和力兩個方面。

所謂安全感就是渴望穩定、安全的心理需求。用戶在保險電商需要的安全感，就是建立"這個品牌靠譜，這個保險產品靠譜"的觀念。安全感可以通過設計來強化，信任由此產生，促進了商品的轉化。

親和力是一種使人親近、愿意接觸的力量。很多人對保險的認知是負面的，產生這種觀念的原因大多源于過去保險銷售人員的不規范銷售。這種觀念，很難在一時改變，但是電商產品圖的親和力，是消解人們對保險的負面印象很好的工具。

既然安全感與親和力這么重要，如何在設計中傳達這兩點呢？

3. 產品主圖的安全感

當前的很多的產品主圖，為什么讓人缺少安全感？

1）淘寶售賣的同類保險，除了各家公司logo的區別，產品主圖看上去很雷同。意向圖和文字的相似，讓人很難判斷。

上圖為淘寶搜索欄下保險類產品主圖，配圖也是大同小異，排版也是類似套路

有沒有覺得很像！

2）很多虛擬商品的產品圖視覺信息雜亂，有著牛皮癬小廣告的既視感。

在選購虛擬商品時，看到的卻是電線桿小廣告，用戶會被眼花繚亂的色彩和文字所干擾，這令人嚴重缺乏安全感。

顏色妖艷信息雜亂的小廣告既視感

為了解決以上問題，整體提升產品圖帶給用戶的安全感，我們從配色、配圖、版式和一致性這四點來分析：

1） 配色

保險的購買，大多數屬于一種"弱關系交易"，是從用戶的自身需求為購買目的。保險交易受用戶購買的需求和動力因素波動很大，一點體驗上的不足很可能讓用戶失去點擊的動力。花花綠綠的顏色，初學PPT式的字體，很可能讓用戶給這個商品打上不專業、不靠譜的標記，而放棄點擊。

在主圖這么小的面積中，信息的色彩不宜用過多，1-2種即可，信息顏色與背景色盡量拉開對比，突出信息表現，讓人一目了然。

左圖文字信息顏色和配圖顏色協調、符合主題，整體感覺統一；右圖色彩過多

2） 配圖

產品主圖的很大面積是由配圖組成，構成了用戶對這個保險的第一印象。因此模糊的圖片、灰暗的色彩、雜亂的背景都會讓人產生粗制濫造、隨意的感覺，很難讓買家產生安全感。

因此，我們要盡量找與產品相關的、表現正向的高清圖片；背景不宜過于復雜，盡量突出主體；同樣，顏色也不宜過多，色彩盡量配合主圖整體色調。

左圖配圖主體清晰、正向，并符合產品主題；右圖配圖背景雜亂，灰暗模糊