網(wǎng)站上的背景類似于呼吸。它們是我們?nèi)粘I畹囊徊糠?,但除非出現(xiàn)嚴(yán)重問題,否則我們很少注意到它們。就像您的每一次呼吸一樣,網(wǎng)站的背景圖片對于您網(wǎng)站的成功至關(guān)重要;它們提高了所有其他組件的性能。
您的網(wǎng)站背景圖片不僅僅是一張漂亮的圖片。它對整體用戶體驗(yàn)有重大影響。它有可能成為一個偉大的講故事的工具,迫使你的觀眾和你在一起。因此,為網(wǎng)站選擇背景圖像非常重要,無論是基本的純色塊、實(shí)際圖像,甚至是影片。
選擇網(wǎng)站背景圖片的建議
1. 高分辨率是必須的
您可以犯的絕對最嚴(yán)重的錯誤是選擇低分辨率背景。在這種情況下,背景要么是顆粒狀的,要么是低分辨率的,要么就是使用看起來像Win95壁紙的平鋪樣式。
高分辨率圖像將使您的網(wǎng)站對您可能遇到的任何訪問者都更具吸引力和專業(yè)性。如果您負(fù)擔(dān)得起,為定制攝影和設(shè)計付費(fèi)是一個好主意,但好消息是網(wǎng)上有很多高分辨率照片。
2. 與您的品牌形象相輔相成
許多企業(yè)面臨的一個問題是,他們喜歡網(wǎng)站的背景或布局,然后試圖將其強(qiáng)加于他們的品牌。這并不總是一個好主意。選擇網(wǎng)站背景圖片然后圍繞它發(fā)展您的品牌從來都不是一個好主意。相反,您應(yīng)該徹底了解您的品牌標(biāo)識,以便選擇符合您要求的背景。
3.注意對比
它不應(yīng)接管您的網(wǎng)站或副本。請記住前景和背景之間的視覺對比。如果您的標(biāo)題和副本混合在一起,則需要更改某些內(nèi)容。
您網(wǎng)站上的副本應(yīng)該跳出頁面。這就是為什么在選擇背景時,考慮排版和配色方案總是一個好主意。如果您無法使其工作,請嘗試其他選項(xiàng)。
4. 可訪問性優(yōu)先
在選擇網(wǎng)站背景圖片時,首先要考慮的是它將如何影響文章的閱讀。您需要確保文本可讀并且文本和背景之間的對比度合適。
如果您不確定上述可訪問性問題,但仍想使用圖像,您可以采取一些措施使其發(fā)揮作用。為了幫助使信息更具可讀性,您可以使用圖片編輯工具甚至CSS來修改不透明度和對比度等內(nèi)容或應(yīng)用圖層蒙版。為材料選擇合適的字體和字體大小也很重要。
5.應(yīng)該使用微妙和無縫的紋理
紋理可以為您網(wǎng)站的整體外觀和感覺增添一抹優(yōu)雅。尋找無縫的紋理,這意味著它們可能會在熒幕上重復(fù)一個圖案,以給人一種巨大圖像的印象,無論它們是用作頁面背景還是特定的內(nèi)容區(qū)域。雖然有時可以使用全尺寸的帶紋理的網(wǎng)站背景圖像,但更詳細(xì)的背景圖像并不總是能在多個螢?zāi)怀叽缰g很好地過渡。此外,大文件大小的照片會減慢頁面加載時間。
除非您想要更野蠻的外觀,否則微妙也是紋理的理想特征。目標(biāo)是避免用大圖案壓倒消費(fèi)者。尋找具有柔和線條和顏色的圖像,以在材料中脫穎而出。
6. 考慮使用各種螢?zāi)缓驮O(shè)備
根據(jù)螢?zāi)怀叽?,背景的可見區(qū)域可能會發(fā)生很大變化。這在照片中非常明顯。在寬屏顯示器上看起來很棒的東西在智能型手機(jī)上可能看起來很糟糕。圖像的重要元素可能會被剪掉,從而導(dǎo)致上下文丟失。
這里的部分問題是照片選擇,部分是原始碼。首先,瀏覽符合父容器指定縱橫比(橫向、縱向、方形)的照片。它們更有可能很好地安裝在較小的顯示器上。
7.真實(shí)的個人應(yīng)該被推薦
選擇有人物的網(wǎng)站背景圖片是潛在提高網(wǎng)站轉(zhuǎn)化率的極好方法。如果可能,請避免使用庫存照片,而是使用真實(shí)的人。您不希望您的圖片最終出現(xiàn)在數(shù)百個其他網(wǎng)站上,如果您使用庫存照片,可能會發(fā)生這種情況。
8. 優(yōu)化圖片
花時間優(yōu)化您上傳的每一張圖片都是非常值得的,無論您有部落格、在線業(yè)務(wù),還是只是想要使用高質(zhì)量照片進(jìn)行改進(jìn)的標(biāo)準(zhǔn)網(wǎng)站。
首先,確保照片像我們之前描述的那樣處于良好狀態(tài)。然后,通過確保正確命名圖像文件,您可以確保搜尋引擎可以輕松地將它們編入索引。
與您的姓名保持一致,避免使用標(biāo)點(diǎn)符號或空格。最好在名稱中使用連字符而不是下劃線。
9. 選擇合適的 圖像文件格式
您不確定要使用哪種類型的圖像文件?讓我們了解更多關(guān)于它們的訊息。
JPG:這些文件非常適合圖像,因?yàn)樗鼈兛梢蕴幚矶喾N顏色,同時保持適度的文件大小。使用此圖像時,您不必?fù)?dān)心文件很大,這將加快加載時間。
PNG:此文件類型最適用于圖形,尤其是當(dāng)有大量或平坦的顏色時。大多數(shù)設(shè)計、訊息圖表、文字較多的圖片和徽標(biāo)都屬于這一類。PNG 還可以具有透明背景(這是徽標(biāo)的理想選擇)。如果可能,請將 PNG 保存為「24 位」格式以獲得更高的質(zhì)量和更多樣化的顏色顯示。
10.讓形象自己說話
迷人的網(wǎng)站背景圖片將激起您網(wǎng)站訪問者的興趣。不要在您的網(wǎng)站上使用大量文字,而是使用傳達(dá)訊息的圖像。即使文章讀起來很愉快,也不是所有的客戶都會花時間或關(guān)心這樣做。