聊聊那些大背景圖片的網(wǎng)頁設(shè)計(jì)

現(xiàn)在越來越多的網(wǎng)站使用引人注目的大圖片來設(shè)計(jì)，在視覺上吸引人的注意，同時也是一種傳達(dá)信息的重要方式，對游客來說更是一種視覺體驗(yàn)。如何合理的運(yùn)用大圖片來設(shè)計(jì)？

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

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

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

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

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