天天看點

源碼建站幹貨篇!外貿網站如何設計banner圖?建議收藏

作者:Ueeshop自建站

Banner是外貿網站首頁的關鍵元素之一,通路者在進入網站後,第一時間看到的就是banner圖。Banner圖很大程度上會影響通路者對于網站的第一印象,以及網站對通路者的吸引力。

Banner圖設計得好,通路者才會有興趣繼續往下看,banner圖設計得很差,那通路者大機率也會對你的網站失去興趣。那麼banner圖該如何設計呢?有哪些需要注意的地方嗎?

源碼建站幹貨篇!外貿網站如何設計banner圖?建議收藏

突出主題

Banner圖要突出産品主題,賣家需要讓消費者在看到banner圖時,就知道你是賣什麼的,主營業務是什麼。通過banner圖,通路者要能夠快速了解到你的基本資訊。

Banner要避免設計得很抽象,這種做法會比較适合品牌大賣。因為他們本身知名度就高,是以即便不通過banner圖,通路者也知道網站是售賣什麼的。中小賣家品牌知名度較低,banner圖自然也要直接一點。

Ueeshop溫馨小貼士:banner設計時,要避免針對多個主題進行設計,那樣會混淆重點。

避免過多産品

Banner圖雖然是網站流量最高的地方,但賣家也要避免在banner上堆砌産品。

産品數量越多,并不代表着通路者就能接收到越多的産品資訊,反倒會因為産品數量太多,而直接放棄觀看。閱讀難度直接決定了通路者是否有耐心繼續浏覽下去。

源碼建站幹貨篇!外貿網站如何設計banner圖?建議收藏

顔色和字型搭配

Banner圖是網站的一部分,是以在設計風格上也要符合網站整體風格。跨境賣家要避免為了吸引通路者注意,而在banner圖中加入過于突兀的顔色或元素,這樣會影響網站的整體效果。

Banner的組成部分包括圖檔和文案,文案内容要簡潔明了,同時要跟圖檔一樣突出重點。字型可以采用混搭的形式,這樣友善通路者快速捕捉重點資訊,字型的大小和粗細就需要賣家根據整體頁面來調整了。

Banner圖的底圖

如果賣家選擇用成品圖檔來設計,就需要注意以下兩個點,一個是避免使用過于老套的圖檔,包括握手、大樓等等,這會讓人感覺你的網站特别陳舊。另外一個就要注意圖檔的版權,商業用途是需要支付版權費用的。

Banner的大小

Banner的大小要充分考慮網站的整體布局,banner最好避免完全覆寫首屏。适當露出banner圖下面的内容,能夠吸引通路者向下滑動。這裡賣家不僅需要考慮banner在PC端的展現效果,同樣也要考慮banner圖在移動端的展現效果。

源碼建站幹貨篇!外貿網站如何設計banner圖?建議收藏

Ueeshop獨立站提供76套行業場景化精選模闆,同時支援首頁、内頁可視化DIY,賣家可以根據自己的産品,以及目标市場的審美偏好,來對網站進行個性化設計。此外Ueeshop獨立站可自動适應手機端、平闆端,保證消費者無論使用任何裝置,都可以得到良好的使用者體驗。

最後賣家要注意的是,banner雖然要達到吸睛的目的,但最後避免使用過多的動圖,因為動圖會嚴重拖慢網站的加載速度。

繼續閱讀