1. 程式人生 > >乾貨:設計網頁banner的十個技巧

乾貨:設計網頁banner的十個技巧

我們都知道在一個網站中,banner圖片對於瀏覽者來說是非常重要的,尤其是電商banner,它的最主要目的是營銷,是要讓消費者有衝動去購買,這對設計的要求也就更高了。而企業網站也一樣,一個合適的banner不僅能吸引眼球,同時也能讓使用者更好的理解產品及功能,反之如果這個banner不合適,那麼就會導致整個網站都顯得很普通。下面分享十個設計banner的小技巧!

一、網站banner設計要突出重點內容,展示企業的文化
設計banner的時候,可以通過文字來體現出企業的文化,告訴使用者企業最近的優惠活動,企業的實力如何等等。而且這些文字要重點突出,其他元素則要弱化來襯托重點的文字。

二、要明確好主題
Banner設計要突出網站的主題,這樣使用者在進入網站的時候就可以快速識別banner的含義,少使用輔助的干擾元素。同時要注意,banner不能切得太碎,內容也不能太多。否則很容易就分散使用者的注意力,而是要明確好主題。

三、文案要走心
好的標題能夠吸引你的注意,而糟糕的標題,讓人看都不想看,掃一眼便略過去了。所以做好Banner第一件事情,就是需要設計走心的文案。所謂走心,就是觸動你的心靈,或者說讓你感興趣,激發你的點選慾望。

四、banner所設計的產品數量要控制好
不少網站在設計banner的時候都想要展示很多產品,少的話45個,多則達810個。那麼這樣的banner就成為了產品的展示區。Banner的空間是非常有限的,設定太多產品就突出不了banner的意義。因此,在設計banner的時候,要控制好產品圖片的數量,不要影響視覺效果。

五、色彩的運用不能太醒目
一般來說,banner廣告條的設計都會通過誇張的色彩來吸引使用者的注意,從而提升banner的吸引力。但是過多使用比較亮的顏色,很容易會造成使用者的視覺疲勞,甚至產生不良的感覺。因此,不建議使用太多醒目的顏色。

六、banner的設計要符合使用者的閱讀習慣
一般來說使用者閱讀文字的時候,是從左到右,從上到下的習慣。網站Banner的設計也要按照這種習慣,方便使用者閱讀,提升使用者體驗。

七、選擇合適的字型
男性氣質:方正粗譚黑、站酷高階黑、造字工房版黑、蒙納超剛黑
文藝氣質:方正大小標宋、方正靜蕾體、方正清刻本悅宋、康熙字典體
黑體給人感覺粗壯緊湊,頗有力量感,可塑性很強。適用於各種大促類的電商廣告。宋體的衍生有很多,又長有扁,有胖有瘦。旅遊類電商網站經常會用到此類字型。運用宋體進行排版處理,既顯得清新又文藝。

八、要做到在短的時間內激起使用者的點選慾望
使用者瀏覽一個網站的時間是非常短的,因此banner的設計不建議使用動畫,而是靠前時間展示產品,直接點明主題,同時要搭配符合產品特點的口號。

九、強化CTA按鈕
網頁首圖常常和行為召喚(CTA)按鈕搭配著使用。由於首圖配圖通常在視覺上極其突出,但是搭配有行為召喚按鈕的首圖,其本質上是用來吸引使用者,傳遞資訊,並引導使用者去點選按鈕的,所以行為召喚按鈕和視覺資訊豐富的圖片之間,不應該互相干預,而是通過設計,讓CTA按鈕更加突出,讓圖片處於輔助的位置,最終達到吸引、引導的目的。按鈕的視覺重量應該超過圖片的視覺重量。

十、重視留白設計
設計banner的時候要進行留白的設計,這樣圖片以及文字都會有呼吸的空間。

總結:
在整個網站建設過程中,banner的設計是非常重要的,要講究的方面也非常多,以上十個banner設計建議,希望對您有用。

來源:世界工廠網•企業線上生態學院