在淘寶的店鋪設(shè)計(jì)中，產(chǎn)品主圖作為產(chǎn)品的流量入口，對(duì)引流有著關(guān)鍵作用。本文主要介紹在金融保險(xiǎn)這個(gè)類(lèi)別下，產(chǎn)品主圖的設(shè)計(jì)要注意的點(diǎn)，和對(duì)應(yīng)的設(shè)計(jì)方法。

Part 1 關(guān)于產(chǎn)品主圖

商品的產(chǎn)品圖，就是出現(xiàn)在各電商網(wǎng)站上的產(chǎn)品照片或者圖像。

在淘寶的店鋪設(shè)計(jì)中，一般可分為常規(guī)的產(chǎn)品主圖和直通車(chē)兩種。本文主要介紹的是，在保險(xiǎn)這個(gè)垂直領(lǐng)域，電商產(chǎn)品主圖的設(shè)計(jì)。

常規(guī)產(chǎn)品圖/主圖

搜索結(jié)果下方排列的產(chǎn)品，由產(chǎn)品主圖和產(chǎn)品文字信息組成，按銷(xiāo)量或其他條件排列的搜索結(jié)果沒(méi)有競(jìng)價(jià)排名。

產(chǎn)品主圖也在店鋪首頁(yè)和產(chǎn)品頁(yè)面出現(xiàn)，作為產(chǎn)品的流量入口，對(duì)引流有著關(guān)鍵作用。

眾所周知，淘寶商城的實(shí)物類(lèi)商品所占比最高，這類(lèi)型的商品通過(guò)真實(shí)的產(chǎn)品照片給買(mǎi)家?guī)?lái)最直觀的感受。

例如：

生鮮類(lèi)

牛排是新鮮的、好吃的；配色讓人感覺(jué)是高級(jí)的。

3C類(lèi)

iPhone 7是新配色是紅色的，蘋(píng)果產(chǎn)品圖都是高逼格的。

童裝玩具類(lèi)

玩具是五顏六色的，吸引兒童和家長(zhǎng)的注意

美的東西是讓人無(wú)法抗拒的，天然具有吸引力，當(dāng)產(chǎn)品圖中出現(xiàn)高顏值商品時(shí)，買(mǎi)家的注意力自然會(huì)被商品所吸引并且點(diǎn)擊進(jìn)去，而圖片中甚至無(wú)需太多說(shuō)明描述的補(bǔ)充信息。

但是，面對(duì)虛擬服務(wù)類(lèi)的商品時(shí)，由于沒(méi)有直觀的實(shí)物產(chǎn)品照片做展示，買(mǎi)家在選購(gòu)時(shí)則會(huì)相對(duì)理性起來(lái)。

有人會(huì)說(shuō)，虛擬服務(wù)類(lèi)商品要吸引注意力還不簡(jiǎn)單，找個(gè)高大上的海報(bào)模仿一下、或者打一些吸引人的擦邊球、又或者搞一些夸張的創(chuàng)意，都會(huì)讓畫(huà)面看起來(lái)酷炫狂拽吊炸天～分分鐘吸引用戶(hù)來(lái)點(diǎn)??！

這么想就危險(xiǎn)了。

Part 2 金融保險(xiǎn)類(lèi)產(chǎn)品主圖的設(shè)計(jì)方法

近年，金融保險(xiǎn)類(lèi)商品在淘寶商城逐漸火熱，這種服務(wù)類(lèi)虛擬商品，并沒(méi)有漂亮的實(shí)物商品照片用來(lái)展示，設(shè)計(jì)師要如何設(shè)計(jì)產(chǎn)品主圖才能吸引顧客，并在眾多保險(xiǎn)產(chǎn)品圖中脫穎而出？

1. 保險(xiǎn)產(chǎn)品主圖的構(gòu)成

主要由文字說(shuō)明信息、烘托氣氛的場(chǎng)景和人物圖片、運(yùn)營(yíng)性質(zhì)的角標(biāo)和底標(biāo)（可選）、公司logo，這四個(gè)主要部分組成。

現(xiàn)在淘寶主流的保險(xiǎn)產(chǎn)品圖的結(jié)構(gòu)：上下排版和左右排版

目前比較常見(jiàn)的表達(dá)方式，是靠意向圖和產(chǎn)品名稱(chēng)來(lái)傳達(dá)信息，靠放大品牌或者利益點(diǎn)優(yōu)勢(shì)來(lái)凸顯商品。但想要在搜索結(jié)果中脫穎而出，除了這些顯性的品牌和利益點(diǎn)，更重要的是如何更深入、準(zhǔn)確的傳達(dá)給顧客一些潛在信息。

2. 產(chǎn)品圖中影響用戶(hù)判斷的潛在信息

說(shuō)到保險(xiǎn)，大家必定會(huì)聯(lián)想到金錢(qián)、投資、理財(cái)?shù)汝P(guān)鍵字，這些關(guān)鍵字都跟錢(qián)相關(guān)。用戶(hù)對(duì)錢(qián)是很敏感的，因此在保險(xiǎn)電商的產(chǎn)品展示層面，要從視覺(jué)上向顧客傳遞一種感受，讓敏感的心情平復(fù)起來(lái)。這種感受說(shuō)白了，就是我們想在產(chǎn)品圖中傳達(dá)的潛在信息，總結(jié)來(lái)說(shuō)主要在安全感和親和力兩個(gè)方面。

所謂安全感就是渴望穩(wěn)定、安全的心理需求。用戶(hù)在保險(xiǎn)電商需要的安全感，就是建立"這個(gè)品牌靠譜，這個(gè)保險(xiǎn)產(chǎn)品靠譜"的觀念。安全感可以通過(guò)設(shè)計(jì)來(lái)強(qiáng)化，信任由此產(chǎn)生，促進(jìn)了商品的轉(zhuǎn)化。

親和力是一種使人親近、愿意接觸的力量。很多人對(duì)保險(xiǎn)的認(rèn)知是負(fù)面的，產(chǎn)生這種觀念的原因大多源于過(guò)去保險(xiǎn)銷(xiāo)售人員的不規(guī)范銷(xiāo)售。這種觀念，很難在一時(shí)改變，但是電商產(chǎn)品圖的親和力，是消解人們對(duì)保險(xiǎn)的負(fù)面印象很好的工具。

既然安全感與親和力這么重要，如何在設(shè)計(jì)中傳達(dá)這兩點(diǎn)呢？

3. 產(chǎn)品主圖的安全感

當(dāng)前的很多的產(chǎn)品主圖，為什么讓人缺少安全感？

1）淘寶售賣(mài)的同類(lèi)保險(xiǎn)，除了各家公司logo的區(qū)別，產(chǎn)品主圖看上去很雷同。意向圖和文字的相似，讓人很難判斷。

上圖為淘寶搜索欄下保險(xiǎn)類(lèi)產(chǎn)品主圖，配圖也是大同小異，排版也是類(lèi)似套路

有沒(méi)有覺(jué)得很像！

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

在選購(gòu)虛擬商品時(shí)，看到的卻是電線桿小廣告，用戶(hù)會(huì)被眼花繚亂的色彩和文字所干擾，這令人嚴(yán)重缺乏安全感。

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

為了解決以上問(wèn)題，整體提升產(chǎn)品圖帶給用戶(hù)的安全感，我們從配色、配圖、版式和一致性這四點(diǎn)來(lái)分析：

1） 配色

保險(xiǎn)的購(gòu)買(mǎi)，大多數(shù)屬于一種"弱關(guān)系交易"，是從用戶(hù)的自身需求為購(gòu)買(mǎi)目的。保險(xiǎn)交易受用戶(hù)購(gòu)買(mǎi)的需求和動(dòng)力因素波動(dòng)很大，一點(diǎn)體驗(yàn)上的不足很可能讓用戶(hù)失去點(diǎn)擊的動(dòng)力?；ɑňG綠的顏色，初學(xué)PPT式的字體，很可能讓用戶(hù)給這個(gè)商品打上不專(zhuān)業(yè)、不靠譜的標(biāo)記，而放棄點(diǎn)擊。

在主圖這么小的面積中，信息的色彩不宜用過(guò)多，1-2種即可，信息顏色與背景色盡量拉開(kāi)對(duì)比，突出信息表現(xiàn)，讓人一目了然。

左圖文字信息顏色和配圖顏色協(xié)調(diào)、符合主題，整體感覺(jué)統(tǒng)一；右圖色彩過(guò)多

2） 配圖

產(chǎn)品主圖的很大面積是由配圖組成，構(gòu)成了用戶(hù)對(duì)這個(gè)保險(xiǎn)的第一印象。因此模糊的圖片、灰暗的色彩、雜亂的背景都會(huì)讓人產(chǎn)生粗制濫造、隨意的感覺(jué)，很難讓買(mǎi)家產(chǎn)生安全感。

因此，我們要盡量找與產(chǎn)品相關(guān)的、表現(xiàn)正向的高清圖片；背景不宜過(guò)于復(fù)雜，盡量突出主體；同樣，顏色也不宜過(guò)多，色彩盡量配合主圖整體色調(diào)。

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