2022-04-19 分類: 網(wǎng)站建設(shè)
但要達到全屏背景的正面效果,你需要做的可不僅僅是上傳一張好看的圖片。事實上,如果你不注意一些問題,全屏背景很可能會造成與你的預(yù)期完全相反的效果。
不論你的網(wǎng)站背景采用何種視覺效果,請保證所選圖片的質(zhì)量。既要大到能夠在屏幕上清晰顯示,又不能加重網(wǎng)站負擔影響加載時間。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è)計顯得干凈有序。
不是所有的網(wǎng)站訪客都使用同樣的設(shè)備、同樣的瀏覽器。作為設(shè)計者與網(wǎng)站所有者,你要保證全屏背景在盡可能多的設(shè)備上都能正常顯示。在瀏覽器方面,至少要測試最常見的幾個--Chrome、Firefox和IE。此外,還應(yīng)測試網(wǎng)站在手機和平板上的效果。如果你(或者其他認識的人)有大屏顯示器,不要忘了同樣在上面進行測試。這樣做的目的是保證全屏背景在絕大多數(shù)常見尺寸的顯示器上能正常顯示。
文章標題:打造全屏網(wǎng)站背景的五大黃金法則
標題鏈接:http://www.rwnh.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)
猜你還喜歡下面的內(nèi)容