在保險(xiǎn)這個(gè)垂直領(lǐng)域 電商產(chǎn)品主圖的設(shè)計(jì)思路分享

3)版式
合理排版和突出關(guān)鍵信息,讓人一下子抓住重點(diǎn)。
在搜索結(jié)果中顯示的主圖,面積有限,不宜放置太多的信息,盡可能少的文字描述才能把關(guān)鍵的信息放大吸引注意。
一般按照左右或上下的結(jié)構(gòu)來(lái)安排畫(huà)面,信息可以做大小對(duì)比但不宜做變形,一定要對(duì)齊,給整體畫(huà)面注入秩序感容易閱讀。
左圖信息抱團(tuán),左對(duì)齊為主,利用字號(hào)對(duì)比強(qiáng)調(diào)重要信息;右圖小字太小,版式結(jié)構(gòu)和信息的對(duì)齊方式影響閱讀
以800px*800px的主圖為例,40像素以上的文字,在搜索結(jié)果列表的圖片里便于閱讀,40像素以下字號(hào)偏小。
4)一致性
眾安保險(xiǎn)天貓旗艦店現(xiàn)有幾十款保險(xiǎn)產(chǎn)品,我們?cè)谠O(shè)計(jì)這些產(chǎn)品圖時(shí)也充分考慮了一致性。從版式、配圖風(fēng)格、字體,區(qū)別于其他保險(xiǎn)店鋪,形成統(tǒng)一的眾安產(chǎn)品圖的style。想要在保險(xiǎn)產(chǎn)品主圖同質(zhì)化問(wèn)題嚴(yán)重的情況下突圍,產(chǎn)品圖必須擁有自己的品牌個(gè)性。
除了主圖本身的一些視覺(jué)表現(xiàn)外,還需要注意的是主圖與店鋪與產(chǎn)品商詳頁(yè)視覺(jué)上的一致性,用戶點(diǎn)擊產(chǎn)品主圖進(jìn)入商詳頁(yè)面后給予一種"說(shuō)話算話"的感覺(jué),產(chǎn)品與買家間的信任關(guān)系也由此產(chǎn)生。
4. 產(chǎn)品主圖的親和力
親和力源于人與人的心靈上的通達(dá)與投合,有親和力的雙方就有了合作的意向??梢赃@么說(shuō),親和力是促進(jìn)合作的心理起因。
投射在電商設(shè)計(jì)上,就是讓受眾與商品產(chǎn)生一種親近感,拉進(jìn)買家與我們商品的心理距離,從而產(chǎn)生最大的轉(zhuǎn)化。
加強(qiáng)保險(xiǎn)產(chǎn)品圖的親和力,要注意以下兩點(diǎn):
1) 加強(qiáng)包容能力,對(duì)用戶的理解
理解用戶,就要知道用戶喜歡看什么,傳說(shuō)中有三種萬(wàn)能素材圖,無(wú)人不愛(ài),那就是:美女、動(dòng)物、嬰兒。為什么是這三類,因?yàn)槠梁蛙浢鹊臇|西大家都不會(huì)反感。
保險(xiǎn)產(chǎn)品圖也是這樣,要理解受眾的心理,不僅要有外在美,還要有內(nèi)在。用戶意識(shí)中的健康保險(xiǎn)是專業(yè)的、嚴(yán)謹(jǐn)?shù)?,那么下圖中打電話的美女醫(yī)生和專業(yè)嚴(yán)謹(jǐn)?shù)尼t(yī)生團(tuán)隊(duì),哪個(gè)素材能夠給用戶美而且專業(yè)的感覺(jué)?不言而喻。
字體也能傳達(dá)親和力,簡(jiǎn)潔的無(wú)襯線字體更容易達(dá)到效果。我們?cè)诋a(chǎn)品圖中使用的中文無(wú)襯線字體,筆畫(huà)精致柔和,字形穩(wěn)重,可讀性強(qiáng),更加容易讓人接受。
我們選用的有親和力的字體
2) 圖片傳達(dá)正向情緒的表達(dá),避免煩躁情緒的干擾破壞
發(fā)自內(nèi)心的微笑,自然而然的讓人有親近感,減少了心里對(duì)保險(xiǎn)的抗拒。家庭和睦、家人團(tuán)聚的歡樂(lè)生活,家庭幸福的愿景,這也是保險(xiǎn)希望表達(dá)的。明亮的色彩,代表了一種積極向上的態(tài)度,讓人看后活力滿滿。
素材圖片要傳達(dá)正向的情緒和氛圍
保險(xiǎn)保的是什么,是各種風(fēng)險(xiǎn)。雖然投保用戶都具有了一定的風(fēng)險(xiǎn)保障意識(shí),但是沒(méi)有人愿意看到風(fēng)險(xiǎn)落在自己頭上的場(chǎng)景。因此我們?cè)谶x擇圖片素材和場(chǎng)景表達(dá)時(shí),會(huì)盡量避免讓買家感受到由風(fēng)險(xiǎn)帶來(lái)的負(fù)面情緒。
上圖就是我們盡量避免的,漫畫(huà)人物眉頭緊鎖,給買家代入一種壓抑感。場(chǎng)景下主人公還有那么多的煩惱,無(wú)疑增加了購(gòu)買保險(xiǎn)的負(fù)擔(dān)。雖然用一把雨傘來(lái)指代保險(xiǎn)的保護(hù),可是從整個(gè)畫(huà)面來(lái)看無(wú)濟(jì)于事。背景色彩使用明度和純度不高的藍(lán)色,給人憂郁的感覺(jué)。
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ī)?lái)的不同的感受,需要具體問(wèn)題具體分析。落實(shí)到保險(xiǎn)電商產(chǎn)品來(lái)說(shuō),產(chǎn)品主圖給買家?guī)?lái)的感受主要是安全感和親和力。
色彩、配圖、版式和一致性,從這四點(diǎn)展開(kāi)設(shè)計(jì)可以給用戶帶來(lái)安全感,提升信任度。
而親和力是保險(xiǎn)主圖應(yīng)表達(dá)的情感,有助于拉近買家心理距離。
廣大電商設(shè)計(jì)師朋友,不要因?yàn)楫a(chǎn)品主圖小而忽略它,認(rèn)真對(duì)待產(chǎn)品主圖設(shè)計(jì),舉一反三,方寸之地可以讓你的店鋪和產(chǎn)品脫穎而出。
相關(guān)文章
全畫(huà)幅不是半畫(huà)幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說(shuō)到相機(jī)畫(huà)幅,估計(jì)平時(shí)聽(tīng)到最多的可能就是全畫(huà)幅與半畫(huà)幅了,以至于不少人認(rèn)為中畫(huà)幅比全畫(huà)幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來(lái)和大家說(shuō)說(shuō)相機(jī)的不同畫(huà)幅,所謂2025-04-07a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來(lái)探討這個(gè)話題2025-02-01各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10常用照片尺寸有哪些 常見(jiàn)證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無(wú)論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10- 平面設(shè)計(jì)是一個(gè)注重視覺(jué)效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺(jué)突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來(lái)看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語(yǔ)言,今天我們來(lái)推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫(huà)面,該怎么操作呢?下面我們就來(lái)看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02什么是真RAW 什么是偽RAW? 簡(jiǎn)單說(shuō)說(shuō)真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無(wú)損壓縮(M)”和“無(wú)損壓縮(S)”RAW的問(wèn)題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁(yè)面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來(lái)看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說(shuō)一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來(lái)看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06