能夠立刻抓住網(wǎng)站訪客的注意力聽(tīng)起來(lái)是不是很棒?而要做到這一點(diǎn),最有效的辦法之一,就是使用全屏背景。全屏背景給人的視覺(jué)沖擊很強(qiáng)烈,能在網(wǎng)站加載時(shí)就奠定用戶體驗(yàn)的基礎(chǔ)。這也是很多網(wǎng)站選擇全屏背景的一大原因。
但要達(dá)到全屏背景的正面效果,你需要做的可不僅僅是上傳一張好看的圖片。事實(shí)上,如果你不注意一些問(wèn)題,全屏背景很可能會(huì)造成與你的預(yù)期完全相反的效果。
只用高質(zhì)量大圖片
不論你的網(wǎng)站背景采用何種視覺(jué)效果,請(qǐng)保證所選圖片的質(zhì)量。既要大到能夠在屏幕上清晰顯示,又不能加重網(wǎng)站負(fù)擔(dān)影響加載時(shí)間。72dpi一般而言就足夠了,但你也可以試試96dpi。
顏色對(duì)比
背景圖片很重要,但要記住一點(diǎn),它的作用是背景,也就是說(shuō),網(wǎng)站上有其他的元素需要訪客去注意。讓網(wǎng)站其他內(nèi)容便于閱讀的一個(gè)方法,是使用被背景圖片有強(qiáng)烈對(duì)比的顏色,以突出文本與按鈕,保證它們不會(huì)被背景同化。南寧網(wǎng)站建設(shè)
平衡
如果全屏背景包含幾個(gè)細(xì)節(jié)(比如一群人、城市景色、幾個(gè)產(chǎn)品等的照片),你得保證圖片中的內(nèi)容與圖片之外的內(nèi)容--導(dǎo)航菜單、文本、應(yīng)用、社交媒體鏈接等等--形成平衡。應(yīng)先上傳背景圖片,然后添加其余的網(wǎng)站元素,力爭(zhēng)與圖片內(nèi)容和諧共處。
圖案
平衡全屏背景與內(nèi)容的一大方法,是使用圖案與橫幅在背景與網(wǎng)站內(nèi)容之間打造一個(gè)額外的圖層。如果你想要添加一個(gè)文字泡但會(huì)與背景圖片互相影響,可以添加一個(gè)圖案,填充上一種與背景色形成對(duì)比的顏色,然后在這個(gè)圖案上添加文本。圖案可以起到一個(gè)緩沖器的作用,讓設(shè)計(jì)顯得干凈有序。
適用于多種設(shè)備與應(yīng)用
不是所有的網(wǎng)站訪客都使用同樣的設(shè)備、同樣的瀏覽器。作為設(shè)計(jì)者與網(wǎng)站所有者,你要保證全屏背景在盡可能多的設(shè)備上都能正常顯示。在瀏覽器方面,至少要測(cè)試最常見(jiàn)的幾個(gè)--Chrome、Firefox和IE。此外,還應(yīng)測(cè)試網(wǎng)站在手機(jī)和平板上的效果。如果你(或者其他認(rèn)識(shí)的人)有大屏顯示器,不要忘了同樣在上面進(jìn)行測(cè)試。這樣做的目的是保證全屏背景在絕大多數(shù)常見(jiàn)尺寸的顯示器上能正常顯示。