網頁設計中最重要的元素是什么？你不知道？思考一下：你是如何將信息傳遞給用戶的？你是如何展示產品的？現(xiàn)在你明白了吧，答案很簡單，用文字將信息傳遞給用戶，用圖像展示產品。兩者結合之后，表達能力呈幾何級上升。

圖像勝過文字

大多數(shù)人認為圖像比文字易于理解，這已經不是什么秘密了。通過觀看的形式，圖像更容易表達情緒，也更容易讓用戶銘記。用戶很可能因為頁面中一幅動人的圖像而記住你的網站。

在網上，你可能看過很多信息圖。信息圖的繪制規(guī)則很簡單——人們更喜歡讀圖。很多人寧愿從圖像中學習知識，世界上三分之一的人喜歡用圖像作為學習的工具。

背景圖確實能夠起到營造氛圍的作用

和信息圖的道理很相似，你可能會注意到很多網站的背景都采用質感佳、意境好的大圖。這種設計方式連我都挑不出毛病。這種背景圖營造出特殊、出眾的網站氛圍，要注意根據(jù)品牌的特點選取恰當?shù)拇髨D。

關鍵所在

間斷的介紹之后，我們來討論一下：用戶瀏覽網站，期望得到怎樣的第一印象。從評論中我們得知，用戶喜歡那種簡約理念的網站，所以我們就放上一張效果驚人的背景照片，背景上面再寫上幾行字，就能滿足用戶需求。

文字解釋似乎有點含糊不清，可以看看下面的案例便能明曉。這種設計方法非常行之有效，效果很形象化。我前面已經說過，用戶期望先看到一張大圖，既舒服，又能了解大致內容，有個心理準備，然后再看文字，詳細的了解內容，這樣的信息傳達更加到位。

這種方式下，用戶會在你的網站停留更久、會獲取更多公司信息、會了解更多你的產品。
但是，功能大于形式，如果在某些情況下，繼續(xù)用文字向用戶傳達信息，又希望通過大圖的方式來吸引用戶怎么辦？

請看案例

慵懶而又清新的背景，美好陽光初現(xiàn)的早晨，手握平板，上網沖浪，這張大圖很美，但是如何強調性的表現(xiàn)文字內容？答案是做一些模糊處理

大背景圖片很酷，怎么體現(xiàn)文字的內容？答案是，文字要更酷、更大

黑云壓城城欲摧，文字凸顯主題開，原諒這首拗口的打油詩吧，黑色、單一的背景，先用彩虹傘做一個區(qū)域聚焦，然后白色的標題自然而然的形成了強烈對比。

這張圖太棒了：1.引出并強調了文字 2.一種妙趣橫生的聚焦手段 。當然，文字還是做主角。

黑白背景的對比，強調出文字。2.水平上雜亂的紙屑引導用戶閱讀。

永遠都那么有力的黑白配

圖片雖然比文字易懂，但是若只有圖片，表達效果很模糊，只有文字，讓人不免枯燥。
無論圖片有多大，我依然認為文字代表的是"主題"，圖片起解釋作用，大圖片背景網頁設計中，如何防止喧賓奪主、以小博大，真的是一門學問。

 
================關于優(yōu)設網================
"優(yōu)設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯(lián)網公司設計前輩及行業(yè)總監(jiān)在群內及YY語音（YY頻道：156982）分享實戰(zhàn)經驗。
設計微博：擁有粉絲量55萬的人氣微博@優(yōu)秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網頁設計 微信號：【youshege】優(yōu)設哥的全拼
您也可以通過掃描下方二維碼快速添加：