資源描述：
《網(wǎng)頁設(shè)計中何成功地使用圖片.doc》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、網(wǎng)頁設(shè)計中如何成功地使用圖片俗話說，一圖勝千言。無論這是真是假，圖片都是網(wǎng)頁中重要的組成部分。自從嵌入圖片步驟變得簡單，我們可以看到很多網(wǎng)站都內(nèi)嵌了許多圖片，其中一些網(wǎng)站從不同角度展示了正確利用圖片的好處，然而，大部分網(wǎng)站則不是如此。盡管這對于一款設(shè)計來說，并不是多大的影響，但是這些圖片可能會減少你銷售產(chǎn)品的機會，除非你有一個很好的誘導(dǎo)用戶的頁面或者創(chuàng)造了很好的閱讀流條件。圖片是細節(jié)勝于原則的問題，處理圖片應(yīng)該是設(shè)計師們更加需要理解和掌握的能力。網(wǎng)頁設(shè)計可用性指導(dǎo)-處理圖像實際上，用戶更想看到與他們想找的信息
2、相關(guān)的圖片，因此他們更青睞一個沒有圖片的頁面而不喜歡那種充斥著無關(guān)圖片，顯得臃腫的頁面。根據(jù)研究，在網(wǎng)頁中使用圖片的關(guān)鍵，是基于以下幾則基本的思路：圖片基本因素：尺寸，組成元素，質(zhì)量，曝光率是衡量一張好圖片的四大因素。用戶關(guān)注圖片的質(zhì)量，甚至連對比度都能產(chǎn)生很大的影響。效率：如果一張圖片令人興奮或者讓人產(chǎn)生興趣，那么它就成功了。一張高效的圖片包含幾個特點：情感：圖片中，你的產(chǎn)品能讓激發(fā)用戶使用的欲望？合理：圖片展示了產(chǎn)品的優(yōu)點？品牌：圖片符合你的品牌風(fēng)格？傳遞信息：圖片能傳遞正確的信息給網(wǎng)站的讀者。刺激用戶的
3、反應(yīng)：實際上這有點難，但是基本的想法就是圖片能幫助用戶做決定，以及產(chǎn)生對產(chǎn)品的購買欲望。我們在后文會提及到。單純的裝飾性圖片會潛意識地被我們大腦忽略。就像雷達一樣，如果圖片就像雷達上的濾波，那么大腦就會忽略他們。研究表明，使用了真人或者真實產(chǎn)品的圖片會自動被大腦標(biāo)志為重要并能被進一步地關(guān)注。如果你有一個個人博客，大家更希望看到的是你真人頭像而不是一張繪畫像。人們想看到正在與他們交流的人的樣貌，因為這對信任的建立尤其重要。如果你擁有一家公司，使用圖片去描述公司員工是一個非常棒的想法。它給外界提供了一個很親切的途
4、徑去了解這家公司的員工及生活。如果你能支付得起，花點錢請一個好的攝影師，這會為你公司的網(wǎng)站增色不少。（切記不要走藝術(shù)照風(fēng)格，尤其是那種和你的想表達內(nèi)容無關(guān)的藝術(shù)照）此外，一些眼動研究還表明，如果產(chǎn)品圖片中含有更多的細節(jié)，它能帶來的效果就越好。是的，比如說平板電視的廣告圖，雖然它能起到一定作用，但是這真的夠好嗎？用戶希望看到更多的細節(jié)，所以，請展示給他們。質(zhì)量和相關(guān)性：下面我會給你展示幾個不同研究的結(jié)果。你會看到一些網(wǎng)站標(biāo)志了熱區(qū)，紅色的區(qū)域表示受到用戶關(guān)注的，而藍色的區(qū)域表示被用戶忽略的。在ADELPHIAS
5、網(wǎng)站做的眼動儀研究除了看到這是一個難以置信的過時設(shè)計以外，你可以清晰看到所有圖片都沒有熱區(qū)分布。這是因為這些圖片純粹是作為填充作用。假如這些圖片是和頁面信息相關(guān)的，那么熱區(qū)可能會有一定的變化。這個例子足以展示了他們是多么地浪費圖片空間。另外一個例子來自紐約雜志網(wǎng)站的餐廳頁面的眼動研究。我們可以看到，盡管圖片人物是世界出名的廚師，圖片的質(zhì)量也很重要。盡管圖片和網(wǎng)頁中的內(nèi)容是一定程度上的相關(guān)，但是低對比度和小尺寸的圖片卻容易被忽視。所以這里需要一個平衡，圖片質(zhì)量和相關(guān)性是兩個重要的指引原則。紐約雜志網(wǎng)站上做的眼動
6、研究嬰兒尿布零售商網(wǎng)站圖票效果研究然而，同樣的一則廣告，相同的文案，同一個嬰兒，但是在不同的方位，結(jié)果卻產(chǎn)生了明顯改善效果。大家不僅更關(guān)注文案，而且我們還能看到，品牌以及一些更小的字（一些退款的協(xié)議。退款協(xié)議在一項買賣中相當(dāng)重要，可能是其中一個賣點）都能被更多地關(guān)注。這張圖展示了圖片能造成多大的效果影響Sunsilk產(chǎn)品廣告眼動研究這個研究的結(jié)果非常清晰，最初的廣告（左邊），只有很少的焦點集中到產(chǎn)品的品牌和產(chǎn)品上，實際上少得只有6%。然后在廣告被修改和重新測試后（右圖），盡管商品LOGO放在底部，但是還有84
7、%以上的人更關(guān)注產(chǎn)品以及產(chǎn)品的品牌。這是一個14倍提升，在我看在，是非常大的區(qū)別。圖片需要帶有目的圖片不僅僅可以引導(dǎo)用戶的關(guān)注點，還能超越文字在僅僅幾秒內(nèi)描述產(chǎn)品的很多信息。一個極其著名的例子就是通過上圖，用戶能在幾秒內(nèi)了解到這款產(chǎn)品的許多特性。他們已經(jīng)知道設(shè)備之間的連接方法、產(chǎn)品的大小、產(chǎn)品和哪些設(shè)備兼容、刷卡后會有怎樣的交互界面等。原本長而無聊的產(chǎn)品介紹讓一張圖片解釋清楚了。這是一個經(jīng)典的，好極的例子。還有，蘋果公司關(guān)于MACBOOKAIR的廣告是另外一個很好的例子。眾所周知MACAIR很小，很輕而且做工
8、精美。但是假如你不知道這些特性，你也可以瞬間在下圖中獲悉這些信息。信任是關(guān)鍵如果你開了一家網(wǎng)上商城，時刻記住，信任是非常重要的。沒有人會在他們不信任的商家那里購物，因為他們是全球知名的品牌并且提供了不同的退款保證，此外，他們還擁有與眾不同的安全特性。買家信任他們，因為他們很清楚如果賣家不遵守規(guī)矩，就會受到懲罰。如果你有一家網(wǎng)上商城，確保能贏得買家的信任。這和圖片有什么關(guān)系？一個網(wǎng)上商城銷售巴西和加勒
