打造全屏網(wǎng)站背景的五大黃金法則

能夠立刻抓住網(wǎng)站訪客的注意力聽起來是不是很棒？而要做到這一點，最有效的辦法之一，就是使用全屏背景。全屏背景給人的視覺沖擊很強烈，能在網(wǎng)站加載時就奠定用戶體驗的基礎(chǔ)。這也是很多網(wǎng)站選擇全屏背景的一大原因。

但要達到全屏背景的正面效果，你需要做的可不僅僅是上傳一張好看的圖片。事實上，如果你不注意一些問題，全屏背景很可能會造成與你的預(yù)期完全相反的效果。

只用高質(zhì)量大圖片

不論你的網(wǎng)站背景采用何種視覺效果，請保證所選圖片的質(zhì)量。既要大到能夠在屏幕上清晰顯示，又不能加重網(wǎng)站負擔(dān)影響加載時間。72dpi一般而言就足夠了，但你也可以試試96dpi。

顏色對比

背景圖片很重要，但要記住一點，它的作用是背景，也就是說，網(wǎng)站上有其他的元素需要訪客去注意。讓網(wǎng)站其他內(nèi)容便于閱讀的一個方法，是使用被背景圖片有強烈對比的顏色，以突出文本與按鈕，保證它們不會被背景同化。

平衡

如果全屏背景包含幾個細節(jié)（比如一群人、城市景色、幾個產(chǎn)品等的照片），你得保證圖片中的內(nèi)容與圖片之外的內(nèi)容--導(dǎo)航菜單、文本、應(yīng)用、社交媒體鏈接等等--形成平衡。應(yīng)先上傳背景圖片，然后添加其余的網(wǎng)站元素，力爭與圖片內(nèi)容和諧共處。

圖案

平衡全屏背景與內(nèi)容的一大方法，是使用圖案與橫幅在背景與網(wǎng)站內(nèi)容之間打造一個額外的圖層。如果你想要添加一個文字泡但會與背景圖片互相影響，可以添加一個圖案，填充上一種與背景色形成對比的顏色，然后在這個圖案上添加文本。圖案可以起到一個緩沖器的作用，讓設(shè)計顯得干凈有序。

適用于多種設(shè)備與應(yīng)用

不是所有的網(wǎng)站訪客都使用同樣的設(shè)備、同樣的瀏覽器。作為設(shè)計者與網(wǎng)站所有者，你要保證全屏背景在盡可能多的設(shè)備上都能正常顯示。在瀏覽器方面，至少要測試最常見的幾個--Chrome、Firefox和IE。此外，還應(yīng)測試網(wǎng)站在手機和平板上的效果。如果你（或者其他認識的人）有大屏顯示器，不要忘了同樣在上面進行測試。這樣做的目的是保證全屏背景在絕大多數(shù)常見尺寸的顯示器上能正常顯示。

文章標(biāo)題：打造全屏網(wǎng)站背景的五大黃金法則
標(biāo)題鏈接：http://www.muchs.cn/news3/145953.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、商城網(wǎng)站、定制開發(fā)、軟件開發(fā)、網(wǎng)站改版、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)