網站背景可以是圖片,色塊,或其他元素。你的網站背景這經常是訪客對你的網站、品牌和事業的第一印象,所以它很重要的。正確的背景圖片將傳達你的品牌故事,而錯誤的背景圖片將無法正確傳達你的品牌。你的網站背景圖片就像是你參加工作面試或第一次約會時穿的衣服。問問自己,你想要一個平易近人的造型,還是更正式獨特的造型? 如果你想了解網站隱私政策,點擊這裡學習更多。

事實上,網頁設計中這個看似簡單的方面比你想像的要複雜得多。僅僅讓你的網站背景圖片看起來漂亮是不夠的。網站背景圖片必須提供良好的用戶體驗,並且你的目標受眾看完對你的網站定位要是清晰的。

如何使用網站背景圖片

摘要:

  • 如何選擇背景圖片?
  • 如何在Strikingly架設網站並添加背景圖片?
  • 小結

如何選擇背景圖片?

選擇一張合適的背景圖片其實是一個挑戰。這是網站整體設計的一個重要方面,你要讓你選擇的圖片與你的品牌或特定的形象相匹配。下面的指導原則可以幫助你選擇合適的網站背景圖片。

1.高解析度

低解析度的背景圖片肯定是不推薦的。在這種情況下,背景要麼是顆粒狀和低解析度的,要麼是看起來像Win95牆紙的平鋪風格。高解析度的圖片會讓你網站的訪客看起來更有吸引力和專業。如果你的預算充足,定制攝影和付費設計也是個不錯的主意。當然了,網上有很多免費的高解析度的照片,少部分收費也只需要幾美元。

網站背景圖片庫
圖片取自Strikingly用戶網站

2. 與你的品牌形象相呼應

許多企業都有這樣的問題,他們喜歡某個網站的背景圖片或佈局,然後試圖把它強加到自己的品牌上,這並不總是一件好事。不要先為你的網站選擇一個背景圖片,然後圍繞它建立你的品牌;你要做的是先瞭解你的品牌,然後選擇一個符合你需求的背景圖片。

3.辨識度

説到底,你的網站的cc背景圖片只是一個背景,它不應該喧賓奪主。所以你要注意前景和背景之間的視覺對比。在選擇背景圖片的時候,記住考慮排版和配色方案。如果不奏效,就試試別的方法。

4. 網站可訪問性應放在首位

在選擇網站背景圖片時,首先要考慮的是它會如何影響文章的閱讀。檢查文本是否可讀,文本和背景的對比度是否合適。如果您不確定上面提到的可訪問性問題,但仍然希望使用圖像,那麼可以做一些事情來調整。你可以使用圖像編輯工具來改變背景圖片的不透明度和對比度,或者加個圖層蒙版,使你的網站更易於閱讀。

網站背景圖片選擇
圖片取自Strikingly用戶網站

5.使用可平鋪的紋理圖片

紋理可以為你的網站的整體外觀加一層質感。尋找可平鋪的紋理,這意味著它們可能會在螢幕上重複一個圖案,給人一種單一的大圖像的印象。比較大的照片會減慢頁面載入時間。我們的目標是網站加載時間讓消費者不知所措,所以我們也可以尋找線條柔和、色彩明亮的圖片,與背景形成鮮明對比。

6. 考慮使用多種螢幕和設備

背景的可見區域會因螢幕尺寸的不同而有很大的不同。在寬屏螢幕上看起來很棒的東西在智慧手機上可能看起來很糟糕,背景圖片的重要部分可能會顯示不完整,從而導致上下文的丟失。所以背景圖片的選擇要考慮到訪客所使用的螢幕和設備。

7. 也可以使用真人照片

選擇一個帶有人物的網站背景圖片是一個潛在提高網站轉化率的好方法。如果可能的話,避免使用實物照片。如果你使用的是庫存照片,你肯定不希望自己的照片出現在成百上千個其他網站上。

8. 優化背景圖片

無論你有一個部落格,一個線上事業,或者只是一個網站,如果你想提高照片的品質,你應該花時間來優化你上傳的每一張圖片。首先,如前所述,確保照片處於良好的狀態。然後,通過確保恰當地命名影像檔,這麽做可以確保它很容易被搜尋引擎索引。

你是否曾保存過名為“Photo1.jpg”或“螢幕截圖2019-03-18 at 4.13.42 pm”的文件?對於你的網站的背景圖片來說,這是一個大忌。你要做的事保持你的圖片和名字一致,避免使用標點和空格。另外,名稱中應使用連字號,而不是底線。

9. 選擇正確的影像檔格式

jpg:是理想的圖像,因為他們可以處理廣泛的顏色,同時保持小檔。當您使用這個jpg.時,您不必擔心檔太大,載入時間過長。

png: 當有大或平坦的顏色區域時,png是理想的檔案格式。這一類檔案格式主要應用於大多數設計、資訊圖、文字密集的圖像和標誌。

10. 讓背景圖片發揮作用

一個吸引人的網站背景圖片會引起訪客的興趣。在你的網站上使用一張能傳達資訊的圖片,而不是放一堆文字。即使你寫的東西讀起來很有趣,但不是所有客戶都願意花時間去讀你的文字。

網站背景圖庫
圖片取自Strikingly用戶網站

如何在Strikingly架設網站並添加背景圖片?

Strikingly網站上的背景圖片設計適合各種螢幕尺寸,從螢幕到平板電腦再到手機通通適用。為了讓你的背景在所有螢幕上看起來都很棒,我們推薦1600圖元寬,900圖元高的尺寸。使用我們的“預覽”功能來查看預覽。遵循以下步驟,學習如何在Strikingly添加背景照片到你的網站。

1. 打開網站編輯器

2. 點擊背景按鈕。你可以使用影片或圖像。

3.點擊“更多”進入我們的圖片庫。

4. 要添加自己的背景圖片,按一下“上傳圖像”。請記住,我們只接受gif, jpeg, png, BMP和ico檔案類型。

結論

網站背景圖片就像是在講故事,在幫助我們開發令人愉悅的使用者介面方面扮演著重要的角色。整頁背景圖片有助於建立網站基調,而章節背景給我們的內容一些留白空間。當然,最好是選擇與你公司的需求相關的照片作為背景圖片,這樣能幫助樹立公司的形象。同時,還必須考慮尺寸、縱橫比和行動設備相容性等特性。

就是這麼簡單!你可以在一天內建立並運行你自己網站,並設定一張背景圖片。想有更多靈感,在我們的全球精選看看吧!

選擇網站背景
圖片取自Strikingly產品

如果你遇到任何技術問題或在理解我們的任何網站建設工具方面有問題,請隨時通過我們的24/7即時聊天支援聯繫我們的客戶服務人員。

那你還在等什麼?並從今天開始通過Strikingly架設網站吧!