聊聊那些大背景圖片的網頁設計

現在越來越多的網站使用引人注目的大圖片來設計，在視覺上吸引人的注意，同時也是一種傳達信息的重要方式，對游客來說更是一種視覺體驗。如何合理的運用大圖片來設計？

遵循以下的步驟，確保你正確地使用平衡元素：
1.先確定和優先考慮網站的目標。用戶目標和商業目標（包括品牌目標）。頁面是否是通過營銷手段來建設你的網站？或者是否大部分的瀏覽者已經熟悉你的機構（或者是所屬的行業）。并且確定現在是否需要一些特殊的信息和功能？
2.確定你所設計的每一個元素是否與網站的建設相符合。圖片一般是起到裝飾和支撐品牌效應的作用。導航欄和結構化搜索一般與特定的用戶項目有關。
3.根據目標的重要性分配視覺的輕重級。如果一個所設計的元素是為了支撐一個高優先級的目標，那么這個元素在視覺設計上應該更強烈一點。相反，設計二級目標相關的元素盡可能地的平和一點，減少強調作用（這條規則聽起來很容易，但在設計時往往會被忽視）
4.挑選的圖片應該與品牌效應相結合。記住，你的網站不僅僅是展示圖片，除非是Flickr。所選的圖片應該能表明你建設網站的原因。
5.選擇引人注目的圖片是為了起到吸引的作用。如果網站的圖片與其它元素是同等重要，你就得決定哪種類型的圖片更適用，只有這樣你才能找到更有吸引力的圖片。
6.在更新你的網站時要精心挑選設計模式。對于許多設計項目而言，建設一個看起來更“現代化”的網站是很重要的。然而卻有很多種方法可以實現這一任務。排版，布局和品牌色彩。這只是簡單地舉幾個例子，都能有效地創建一個在視覺和感觀上面都具備“現代化”特性的網站，同時對關鍵部分還能給予適當地強調。
何種情況下采用大圖片設計？

你的網站決定該采用哪種好設計方式是首要問題，在大多數情況下，你的網頁有個目標和目標用戶，具有吸引人們注意的大圖片設計固然有價值，但是有利也有弊，相對于文本信息就更容易被忽視。

蘋果主頁也采用大圖片為焦點的設計模式，這張圖片實際上是展示他們最新的產品，并通過強大的導航欄提供給用戶購買該產品的渠道。當然，大圖片本身也提供了很多有用的信息，它清晰地向用戶展示了這兩款手機模型的相關尺寸。
蘋果主頁展示了他們最新的產品，并搭配有強大的全球性導航欄給用戶強烈的視覺體驗，這與輕量的主頁背景形成鮮明的對比。

微軟搜索引擎Bing的主頁伴有不斷變化的背景，是極端偏向于圖片設計的另一個例子。網站是完全致力于有別于大多數網站的設計約束。這個網站的主要功能是向用戶展示搜索框，沒有其它過多的設計去強調不必要的元素。網站巨大的白色搜索框已然清晰地從其它元素中脫穎而出。這也達到了微軟的預期效果。
微軟Bing主頁采用大圖片作為背景的設計
平衡圖片與其它元素的方法

大多數網站會采用相對平衡的設計方法：選用的圖片能支持品牌，并且不掩蓋其它重要的元素。例如StateFarm的主頁采用一張象征開車的大圖片，這也是他們業務的關鍵部分。但這張圖片并沒有影響其它元素的呈現，強大的導航欄和其它基本的元素其中包括登陸，報價和處理保險索賠等功能模塊依舊能清晰地展現在用戶眼前。