大圖在視覺上(shàng)更吸引人，但是如果沒有适當的排版反倒會(huì)影響用戶的體驗效果。

俗話說，一(yī)張圖片勝于千言萬語。人類是視覺性動物(wù)，圖片更能(néng)吸引人的注意，是傳達信息的重要方式。随著(zhe)互聯網和顯示設備的發展，越來越多(duō)的網站使用引人注目的大圖片方式來吸引用戶的注意力，同時，對用戶來說也是一(yī)種視覺體驗。通(tōng)常一(yī)張圖片無法傳遞全部的信息，所以很多(duō)網站便用類似旋轉木(mù)馬的方式輪播顯示多(duō)張圖片。

新西(xī)蘭航空公司的主頁便體現了采用大圖片形式的趨勢：秋天漫黃的樹葉和丘壑的美麗風景鋪滿了整個(gè)頁面，形成一(yī)道引人注目的焦點。新版的新西(xī)蘭航空公司主頁，大圖片作為(wèi)背景以及在頁面底部的航班搜索是最顯著的特點。

發自(zì)内心的認可

這種方式的基本原理就(jiù)是圖片相(xiàng)對于文字有一(yī)種獨特的能(néng)力，它可以激勵和吸引浏覽網站人的目光(guāng)。Don Norman在《Emotional Design》一(yī)書中對這種現象是這樣子描述的：這是人類的本能(néng)反應，圖片更具有外觀性。網站通(tōng)過顯示美觀的圖片（如美麗的風景，時尚的産品，以及魅力無限的人物(wù)）引起浏覽者内心的強烈反應。

想要得到(dào)用戶發自(zì)内心的認可不隻是通(tōng)過良好的用戶體驗。網頁應該向用戶傳達内容（知識）和功能(néng)性。

新西(xī)蘭航空主頁上(shàng)的圖片雖然十分迷人，但是在網頁上(shàng)投入過多(duō)的元素就(jiù)意味著(zhe)以後可能(néng)會(huì)忽略其它細小(xiǎo)的元素——-可能(néng)這些元素很重要也說不定。

整個(gè)新西(xī)蘭航空主頁旨在關注形象:頂部導航鏈接都很小(xiǎo)，沒有背景顔色，搜索功能(néng)用一(yī)個(gè)放(fàng)大鏡圖标來表示，而不是一(yī)個(gè)輸入框，甚至“Book Now”按鈕也是采用簡單的輪廓表示，沒有背景，這樣可以與大圖片的背景區分開(kāi)來。最重要的是，航班搜索功能(néng)放(fàng)低(dī)了幾英寸，以防止大圖片被截斷。因此，許多(duō)用戶甚至看(kàn)不到(dào)這個(gè)搜索航班的按鈕，除非滾動到(dào)下(xià)面的頁面。

将新版的新西(xī)蘭航空主頁與舊(jiù)版的對比，在設計上(shàng)可以很清晰地說明這種方法的優缺點。與其他許多(duō)航空公司一(yī)樣，在新版的網站之前，新西(xī)蘭航空的主頁上(shàng)的促銷活動和項目是非常淩亂的。幾乎沒有明顯的背景圖像，因為(wèi)網頁上(shàng)有太多(duō)的文字，鏈接和小(xiǎo)部件(jiàn)掩蓋了網頁的背景。然而，航班搜索工(gōng)具放(fàng)置在網頁頂部的左上(shàng)角位置，也是用戶最先看(kàn)到(dào)了地方。（起碼在文本閱讀(dú)中是這樣）
在舊(jiù)版的主頁中，新西(xī)蘭航空公司主頁是非常淩亂的，但航班搜索工(gōng)具放(fàng)置的位置卻方便用戶能(néng)找到(dào)它。

相(xiàng)比之下(xià)，手機(jī)版的新西(xī)蘭航空主頁卻能(néng)更輕易地找到(dào)重要的文本信息和主要功能(néng)，四個(gè)主要的功能(néng)并列排在顯著的地方，盡管擺放(fàng)的位置和外觀都與廣告類似，但卻更具有警惕性，更能(néng)吸引用戶的注意。這種設計方式也采用大圖片為(wèi)背景的模式，并且操作按鈕一(yī)樣強調視覺效果不會(huì)遮擋到(dào)大圖片的背景。

手機(jī)版的新西(xī)蘭航空公司主頁相(xiàng)比于桌面版而言，用戶更容易察覺，找到(dào)文本信息。

什麽時候采用大圖片設計合适呢(ne)？

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

蘋果主頁也采用大圖片為(wèi)焦點的設計模式，這張圖片實際上(shàng)是展示他們最新的産品，并通(tōng)過強大的導航欄提供給用戶購買該産品的渠道。當然，大圖片本身也提供了很多(duō)有用的信息，它清晰地向用戶展示了這兩款手機(jī)模型的相(xiàng)關尺寸。

蘋果主頁展示了他們最新的産品，并搭配有強大的全球性導航欄給用戶強烈的視覺體驗，這與輕量的主頁背景形成鮮明的對比。

微軟搜索引擎Bing的主頁伴有不斷變化的背景，是極端偏向于圖片設計的另一(yī)個(gè)例子。網站是完全緻力于有别于大多(duō)數網站的設計約束。這個(gè)網站的主要功能(néng)是向用戶展示搜索框，沒有其它過多(duō)的設計去強調不必要的元素。網站巨大的白(bái)色搜索框已然清晰地從(cóng)其它元素中脫穎而出。這也達到(dào)了微軟的預期效果。

微軟Bing主頁采用大圖片作為(wèi)背景的設計

平衡圖片與其它元素的方法

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

StateFarm主頁用了一(yī)張引人注目的大圖片，同時也注重其它元素的呈現。

如何恰當地使用大圖片設計呢(ne)？

遵循以下(xià)的步驟，确保你正确地使用平衡元素：

1. 先确定和優先考慮網站的目标。用戶目标和商業(yè)目标（包括品牌目标）。頁面是否是通(tōng)過營銷手段來建設你的網站？或者是否大部分的浏覽者已經熟悉你的機(jī)構（或者是所屬的行業(yè)）。并且确定現在是否需要一(yī)些特殊的信息和功能(néng)？

2.确定你所設計的每一(yī)個(gè)元素是否與網站的建設相(xiàng)符合。圖片一(yī)般是起到(dào)裝飾和支撐品牌效應的作用。導航欄和結構化搜索一(yī)般與特定的用戶項目有關。

3.根據目标的重要性分配視覺的輕重級。如果一(yī)個(gè)所設計的元素是為(wèi)了支撐一(yī)個(gè)高(gāo)優先級的目标，那麽這個(gè)元素在視覺設計上(shàng)應該更強烈一(yī)點。相(xiàng)反，設計二級目标相(xiàng)關的元素盡可能(néng)地的平和一(yī)點，減少強調作用（這條規則聽起來很容易，但在設計時往往會(huì)被忽視）

4. 挑選的圖片應該與品牌效應相(xiàng)結合。記住，你的網站不僅僅是展示圖片，除非是Flickr。所選的圖片應該能(néng)表明你建設網站的原因。

5.選擇引人注目的圖片是為(wèi)了起到(dào)吸引的作用。如果網站的圖片與其它元素是同等重要，你就(jiù)得決定哪種類型的圖片更适用，隻有這樣你才能(néng)找到(dào)更有吸引力的圖片。

6.在更新你的網站時要精心挑選設計模式。對于許多(duō)設計項目而言，建設一(yī)個(gè)看(kàn)起來更“現代化”的網站是很重要的。然而卻有很多(duō)種方法可以實現這一(yī)任務。排版，布局和品牌色彩。這隻是簡單地舉幾個(gè)例子，都能(néng)有效地創建一(yī)個(gè)在視覺和感觀上(shàng)面都具備“現代化”特性的網站，同時對關鍵部分還(hái)能(néng)給予适當地強調。