国产一区不卡_中文国产在线观看_真91_91大神精品长腿在线观看网站

網站建設>圈子>網絡學堂>如何做好網站首頁的Banner設計?

如何做好網站首頁的Banner設計?

mcadmin / 2023-03-07 / 深圳網站建設 / 技術分享

一般來說,Banner分為兩個部分:文字和圖片。雖然圖片占比比較大,但是不加入文字說明的話,有比較多的情況用戶是看不懂的,所以文字理所當然也是Banner的主角,文字的設計和排版在Banner圖里顯得尤為重要。如何做好Banner設計?


網站設計


一個好的Banner必須要具備:

①文字簡練,意義突出。

②標語精煉,容易記住。

③圖片清楚且不宜復雜,顏色少主體明確,以便更好的搭配文字效果。

④產品Banner產品不宜太多, 找準更易識別的產品,提升視覺效果。

一、分清需求文字的主次關系

①帶有Logo的和不帶Logo的主次關系, 帶有Logo的應該是Logo始終在前最顯眼的位置處,接下來就是標題與標語。好的Banner文字都比較飽滿和集中,Logo和標題應該更為醒目,標語作陪襯輔助Logo和標題來進行設計。

②不帶有Logo的, 應該是標題應該更為醒目,標語作為陪襯。切記文標題的設計與標語的文字排版,標題永遠都應該更為突出,因為標題能給予用戶正確的引導。當遇到需求文字過多的情況,要注意主要信息的提取,弱化輔助信息以及一些不重要的詞匯。

二、Banner分為動態和靜態兩種模式。

我們經常看到的一些網頁動態Banner雖然動態的確更能吸引用戶眼球, 但是這種方式不適合長期使用,然而穩定的畫面不容易引發特別的關注,所以現在的動態Banner以一個全新的微動態效果重新展現在人們眼前,不僅沒有引發負面效果,相反的這種微動態更能讓整個畫面更有活力。

三、要時刻把握Banner的大小

太大的將會給瀏覽帶來壓力, 打開時間長了,非常影響用戶體驗,所以在做的時候必須要時刻注意輸出的大小,各個對應尺寸的大小盡量要在不損失圖片質量的情況下進行相應的壓縮。

四、注意Banner的構圖方式

①垂直水平式構圖。平行排列每一個產品,每個產品展示效果都很好,各個產品所占比重相同、秩序感強,此類構圖給用戶心情,產品規矩正式、高大、安全感強。

②正三角形和倒三角構圖。多個產品進行正三角構圖,產品立體感強,各個產品所占比重有輕有重,構圖穩定自然,空間感強。此類構圖給用戶心情,安全感極強、穩定可靠。

多個產品進行倒三角構圖,產品立體感極強,各個產品所占比重有輕有重,構圖動感活潑失衡,運動感空間感強。此類構圖給用戶心情,不穩定感激發用戶心情,給用戶運動的感覺。

③對角線構圖。一個產品或兩個產品進行組合對角線構圖,產品的空間感強,各個產品所占比重相對平衡,構圖動感活潑穩定,運動感空間感強。此類構圖給用戶心情,動感十足且穩定。

④漸次式構圖。多個產品進行漸次式排列,產品展示空間感強,各個產品所占比重不同、由大及小、 構圖穩定、次序感強,利用透視引導指向。此類構圖給用戶心情,穩定自然,產品豐富可靠。

⑤輻射式構圖。多個產品進行輻射式構圖,產品空間感強,各個產品所占比重不同、由大及小。構圖動感活潑、次序感強。此類構圖給用戶心情,活潑動感,產品豐富可靠。

⑥框架式構圖。單個或多個產品框架式構圖,產品展示效果好,有畫中畫的感覺。構圖規整平衡、穩定堅固。此類構圖給用戶心情,穩定可信賴,產品可靠。

總之, 要做一個好的Banner圖必須要抓住用戶的心理,把握用戶的需求來進行設計。