中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

電商平臺的產(chǎn)品主圖設(shè)計(jì)

2022-06-14    分類: 網(wǎng)站建設(shè)

創(chuàng)新互聯(lián)編者為大家提供設(shè)計(jì)資訊——《電商平臺的產(chǎn)品主圖設(shè)計(jì)》。

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

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

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

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

搜索結(jié)果下方排列的產(chǎn)品,由產(chǎn)品主圖和產(chǎn)品文字信息組成,按銷量或其他條件排列的搜索結(jié)果沒有競價排名。

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


eaa858f8758ca8012049efc942a0.jpg

眾所周知,淘寶商城的實(shí)物類商品所占比高,這類型的商品通過真實(shí)的產(chǎn)品照片給買家?guī)碜钪庇^的感受。

例如:


生鮮類

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


3C類

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


童裝玩具類

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

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

但是,面對虛擬服務(wù)類的商品時,由于沒有直觀的實(shí)物產(chǎn)品照片做展示,買家在選購時則會相對理性起來。

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

這么想就危險了。

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

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

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

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


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



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

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

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


b07558f876b0a8012049ef795448.jpg

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

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

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

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

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

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


00c058f876e5a8012049ef1994fc.jpg上圖為淘寶搜索欄下保險類產(chǎn)品主圖,配圖也是大同小異,排版也是類似套路

有沒有覺得很像!

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

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


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

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

1) 配色

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

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


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

2) 配圖

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

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

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

3)版式

合理排版和突出關(guān)鍵信息,讓人一下子抓住重點(diǎn)。

在搜索結(jié)果中顯示的主圖,面積有限,不宜放置太多的信息,盡可能少的文字描述才能把關(guān)鍵的信息放大吸引注意。

一般按照左右或上下的結(jié)構(gòu)來安排畫面,信息可以做大小對比但不宜做變形,一定要對齊,給整體畫面注入秩序感容易閱讀。


左圖信息抱團(tuán),左對齊為主,利用字號對比強(qiáng)調(diào)重要信息;右圖小字太小,版式結(jié)構(gòu)和信息的對齊方式影響閱讀

以800px*800px的主圖為例,40像素以上的文字,在搜索結(jié)果列表的圖片里便于閱讀,40像素以下字號偏小。


4)一致性

眾安保險天貓旗艦店現(xiàn)有幾十款保險產(chǎn)品,我們在設(shè)計(jì)這些產(chǎn)品圖時也充分考慮了一致性。從版式、配圖風(fēng)格、字體,區(qū)別于其他保險店鋪,形成統(tǒng)一的眾安產(chǎn)品圖的style。想要在保險產(chǎn)品主圖同質(zhì)化問題嚴(yán)重的情況下突圍,產(chǎn)品圖必須擁有自己的品牌個性。


cc2258f87825a8012049ef755b4c.jpg除了主圖本身的一些視覺表現(xiàn)外,還需要注意的是主圖與店鋪與產(chǎn)品商詳頁視覺上的一致性,用戶點(diǎn)擊產(chǎn)品主圖進(jìn)入商詳頁面后給予一種“說話算話”的感覺,產(chǎn)品與買家間的信任關(guān)系也由此產(chǎn)生。
043b58f8784ea8012049ef8db604.jpg

4. 產(chǎn)品主圖的親和力

親和力源于人與人的心靈上的通達(dá)與投合,有親和力的雙方就有了合作的意向??梢赃@么說,親和力是促進(jìn)合作的心理起因。

投射在電商設(shè)計(jì)上,就是讓受眾與商品產(chǎn)生一種親近感,拉進(jìn)買家與我們商品的心理距離,從而產(chǎn)生大的轉(zhuǎn)化。

加強(qiáng)保險產(chǎn)品圖的親和力,要注意以下兩點(diǎn):

1) 加強(qiáng)包容能力,對用戶的理解

理解用戶,就要知道用戶喜歡看什么,傳說中有三種萬能素材圖,無人不愛,那就是:美女、動物、嬰兒。為什么是這三類,因?yàn)槠梁蛙浢鹊臇|西大家都不會反感。

保險產(chǎn)品圖也是這樣,要理解受眾的心理,不僅要有外在美,還要有內(nèi)在。用戶意識中的健康保險是專業(yè)的、嚴(yán)謹(jǐn)?shù)模敲聪聢D中打電話的美女醫(yī)生和專業(yè)嚴(yán)謹(jǐn)?shù)尼t(yī)生團(tuán)隊(duì),哪個素材能夠給用戶美而且專業(yè)的感覺?不言而喻。

字體也能傳達(dá)親和力,簡潔的無襯線字體更容易達(dá)到效果。我們在產(chǎn)品圖中使用的中文無襯線字體,筆畫精致柔和,字形穩(wěn)重,可讀性強(qiáng),更加容易讓人接受。


我們選用的有親和力的字體

2) 圖片傳達(dá)正向情緒的表達(dá),避免煩躁情緒的干擾破壞

發(fā)自內(nèi)心的微笑,自然而然的讓人有親近感,減少了心里對保險的抗拒。家庭和睦、家人團(tuán)聚的歡樂生活,家庭幸福的愿景,這也是保險希望表達(dá)的。明亮的色彩,代表了一種積極向上的態(tài)度,讓人看后活力滿滿。

素材圖片要傳達(dá)正向的情緒和氛圍

保險保的是什么,是各種風(fēng)險。雖然投保用戶都具有了一定的風(fēng)險保障意識,但是沒有人愿意看到風(fēng)險落在自己頭上的場景。因此我們在選擇圖片素材和場景表達(dá)時,會盡量避免讓買家感受到由風(fēng)險帶來的負(fù)面情緒。


上圖就是我們盡量避免的,漫畫人物眉頭緊鎖,給買家代入一種壓抑感。場景下主人公還有那么多的煩惱,無疑增加了購買保險的負(fù)擔(dān)。雖然用一把雨傘來指代保險的保護(hù),可是從整個畫面來看無濟(jì)于事。背景色彩使用明度和純度不高的藍(lán)色,給人憂郁的感覺。

PART 3. 小結(jié)

不同類目屬性的產(chǎn)品,因?yàn)槠滗N售主體的不同,產(chǎn)品圖的內(nèi)容和風(fēng)格各不相同,但是設(shè)計(jì)的目標(biāo)都是相同的——提高轉(zhuǎn)化。

產(chǎn)品圖優(yōu)秀的原因,是根據(jù)不同產(chǎn)品屬性特點(diǎn),給買家?guī)淼牟煌母惺?,需要具體問題具體分析。落實(shí)到保險電商產(chǎn)品來說,產(chǎn)品主圖給買家?guī)淼母惺苤饕前踩泻陀H和力。

色彩、配圖、版式和一致性,從這四點(diǎn)展開設(shè)計(jì)可以給用戶帶來安全感,提升信任度。

而親和力是保險主圖應(yīng)表達(dá)的情感,有助于拉近買家心理距離。

廣大電商設(shè)計(jì)師朋友,不要因?yàn)楫a(chǎn)品主圖小而忽略它,認(rèn)真對待產(chǎn)品主圖設(shè)計(jì),舉一反三,方寸之地可以讓你的店鋪和產(chǎn)品脫穎而出。

分享題目:電商平臺的產(chǎn)品主圖設(shè)計(jì)
文章URL:http://m.rwnh.cn/news26/167226.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、網(wǎng)站策劃、網(wǎng)站內(nèi)鏈、搜索引擎優(yōu)化、網(wǎng)站導(dǎo)航、移動網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
云和县| 桑植县| 铜川市| 仙游县| 承德市| 昆山市| 明光市| 金乡县| 吉安市| 夹江县| 麻阳| 大城县| 佛坪县| 兰州市| 丰原市| 沧州市| 株洲县| 望奎县| 精河县| 南汇区| 合水县| 石楼县| 葫芦岛市| 景泰县| 依兰县| 苏尼特左旗| 奈曼旗| 马边| 玉山县| 乃东县| 体育| 司法| 永靖县| 乌鲁木齐县| 合山市| 西青区| 开鲁县| 如皋市| 卢湾区| 六枝特区| 于田县|