網(wǎng)站banner就像人的臉蛋,是給人的第一印象,網(wǎng)站的banner既要好看又要滿足客戶的要求,那么 網(wǎng)站設(shè)計如何兼顧這兩點呢?蒙特總結(jié)了專業(yè)網(wǎng)站設(shè)計師的經(jīng)驗,分享給大家。
一、定義要傳達(dá)什么信息
設(shè)計banner首先一定要傳達(dá)出網(wǎng)站的信息來,讓用戶一眼就了解該網(wǎng)站是做什么的,將核心內(nèi)容傳達(dá)出來,加深用戶的印象。
二、重點信息突出
重點信息的突出在banner如何表現(xiàn)出來?我們可以對應(yīng)到設(shè)計上,我們給它放的版塊的大小、顏色的突出是不一樣的來區(qū)分重點信息內(nèi)容的傳達(dá)。
三、引導(dǎo)用戶
一般用戶的習(xí)慣都是從上到下,從左至右,所以一般重要的內(nèi)容會放到左上角。那么如何在banner上體現(xiàn)出來呢?我們可以在設(shè)計的時候可以用醒目的圖片或者一些鮮艷的顏色來體現(xiàn)。確保用戶一開始有視覺中心,如果用戶一眼不知道先看什么,那么這個banner就是失敗的。要盡量的引導(dǎo)用戶從視覺焦點進而關(guān)注到其他細(xì)節(jié)、或者促使行動的東西。
四、確保顏色的統(tǒng)一
網(wǎng)站banner設(shè)計要遵循整個網(wǎng)站的VI顏色來進行設(shè)計,而不要隨便用。
五、其他注意問題
1、對齊
讓內(nèi)容縱向、橫向都有一條線,可以對齊。要么居中,要么底部。盡量確保頁面上不要有一個元素,沒有任何元素和它能夠形成對齊的關(guān)系。
2、親密
不要讓所有內(nèi)容都沒有聚集地堆在一起,讓那些關(guān)系比較親密的內(nèi)容聚合成一個區(qū)域,不要讓一個banner上的區(qū)域超過4個。
3、簡單質(zhì)感
千萬不要加任何PS的濾鏡、陰影、能不漸變就不漸變,因為已經(jīng)不流行了,不要盲目使用各種樣式。
4、如果要用圖標(biāo),盡量選擇樣式統(tǒng)一,且能夠保持你的優(yōu)先級次序的圖表。比如我們引導(dǎo)用戶先看左邊,再看右邊,結(jié)果你在右邊的圖標(biāo)里選擇了一個血紅的,可能用戶的視線立馬被吸引過來了。
5、不要讓字體超過3種。盡量用宋體、黑體、方正黑體。
以上基本原則能夠掌握,再加上設(shè)計師的設(shè)計創(chuàng)意,那么網(wǎng)站bannner圖就會更加的出彩。