圖片不僅僅在于裝飾產(chǎn)品，提升視覺效果，也能夠很好的提升產(chǎn)品的視覺體驗(yàn)，構(gòu)造良好的用戶體驗(yàn)。

常言道:“一圖勝千言”“人類是高度視覺的生物，他們幾乎可以瞬間處理視覺信息；我們感知到的所有信息中，90%都是視覺上的?！眻D像可以成為吸引用戶注意力和區(qū)分產(chǎn)品的有力手段。

一個單一的圖像相比一個復(fù)雜的文本，可以向觀察者傳遞更多的信息。此外，圖像可以以一種簡單的方式跨越語言障礙。

圖像不僅僅是裝飾，它們有能力創(chuàng)造或破壞用戶體驗(yàn)。在本文中，我們將介紹一些有用的原則和最佳實(shí)踐，它們將幫助您成功地將圖像集成到您的設(shè)計中。

一、只使用相關(guān)的圖片

每一張圖片都有一個故事要講。就像寫作一樣，如果你在開始之前知道你已經(jīng)想好說什么，那就更好了。

引人注目的圖像有獨(dú)特的能力來吸引你的訪問者，但不是所有的圖像都能提高你的用戶體驗(yàn)。有些只是占用空間，或者，可能會混淆用戶。任何設(shè)計中最危險的元素之一就是傳達(dá)錯誤信息的圖像。

用戶對視覺效果的反應(yīng)比文本快，所以要確保你的內(nèi)容與支持的視覺效果相匹配。你應(yīng)該選擇與你的產(chǎn)品目標(biāo)有牢固關(guān)系的圖像，并確保它們與上下文相關(guān)。

二、圖像不應(yīng)該制造視覺疲勞

“多多益善”的原則并不適用于圖像。不要花太多精力創(chuàng)作純粹的裝飾性圖像，因?yàn)槿藗兺ǔ雎赃@些圖像。相反，選擇展示你產(chǎn)品用途的圖片。在你的設(shè)計中使用有限數(shù)量的引人注目的視覺效果——真正吸引用戶注意力的東西。

三、不失真地使用高質(zhì)量的圖像

確保您的圖像適合在所有平臺上顯示。圖像不應(yīng)該出現(xiàn)像素化，所以一定要測試特定比率和設(shè)備的適當(dāng)分辨率。顯示照片和圖形在其原始的方面比，并且不要縮放它們大于100%。因?yàn)槟阋膊幌Ｍ愕膱D像中的產(chǎn)品或圖形看起來歪歪斜斜，太小或太大。

四、以圖像為中心的設(shè)計并不適合每一個網(wǎng)站

用賞心悅目的圖像吸引人們的注意力當(dāng)然是有價值的，但它的代價是讓其他元素更難看到和使用。

在你的設(shè)計中過多地關(guān)注圖像可能會造成視覺上的重點(diǎn)偏移，這會嚴(yán)重干擾用戶與你的內(nèi)容產(chǎn)生有意義的接觸。

盡管在某些情況下，以圖像為中心的設(shè)計是合適的（例如，蘋果的主頁），絕大多數(shù)應(yīng)用程序和網(wǎng)站應(yīng)該遵循一個平衡的方法——用戶界面中使用的圖像應(yīng)該支持產(chǎn)品，但不會掩蓋其他重要內(nèi)容或按鈕功能。

五、使用多個媒介

插圖和攝影都可以在同一產(chǎn)品中使用。攝影是展示特定的實(shí)體和故事的理想媒介。舉個例子，如果我們需要展示的不僅僅是一朵花，而是一朵玫瑰。插圖對于表示概念和隱喻是有效的，在這種情況下攝影可能不太合乎情境。

意象是傳達(dá)信息的視覺傳達(dá)工具。清晰的焦點(diǎn)可以一眼就能傳達(dá)出概念，而缺乏焦點(diǎn)則會使圖像失去意義。當(dāng)焦點(diǎn)被模糊時，圖像的標(biāo)志性質(zhì)量就消失了。

因此，應(yīng)該極力避免讓用戶在圖像中尋找意義，并確保清晰的概念以一種令人難忘的方式傳達(dá)給用戶。盡量減少用戶注意力分散，將他們的視線吸引到你網(wǎng)站有意義的元素上。

六、顯示真實(shí)的人像圖片

真實(shí)的人像圖片是讓用戶參與進(jìn)來的一種非常有效的方式。當(dāng)我們看到其他人的面孔時，我們會覺得我們實(shí)際上是在和他們聯(lián)系，而不僅僅是在使用產(chǎn)品之后。然而，許多公司網(wǎng)站因過度使用虛假的照片而臭名昭著，你使用的圖像應(yīng)該是你的產(chǎn)品、公司或文化的真實(shí)表現(xiàn)。

可用性測試表明，純粹裝飾性的照片很少會給設(shè)計帶來價值，而且通常會損害用戶體驗(yàn)。用戶通常會忽略這些圖像，甚至可能會對它們感到沮喪。

一個非常簡單的經(jīng)驗(yàn)法則是使用與你的應(yīng)用程序或網(wǎng)站角色匹配的高質(zhì)量人像照片。小貼士：

• 盡量避免擁擠的鏡頭；
• 使用有一個主要主題的照片；
• 努力尋找代表真實(shí)故事的圖片；
• 拍下你公司的人做有趣的事情的照片。
• 如果你有一個產(chǎn)品，考慮他們可以與那個產(chǎn)品互動的方式。

七、混合圖像設(shè)計

當(dāng)你在你的設(shè)計中使用圖像時，問問你自己，你所拍攝的圖片是否符合你的應(yīng)用程序或網(wǎng)站的美感。當(dāng)你專注于將圖像應(yīng)用于網(wǎng)站或應(yīng)用程序時，確保它是優(yōu)雅的，干凈的，使用了大量的留白和大的全屏圖像來創(chuàng)建一個大膽的設(shè)計，吸引你的注意。

八、改進(jìn)您的電子商務(wù)設(shè)計

1）產(chǎn)品圖片銷售產(chǎn)品

用戶通常依賴產(chǎn)品形象來評估產(chǎn)品和它的特性。不管你的產(chǎn)品是什么，無論是耳機(jī)還是玩具，產(chǎn)品攝影是任何電子商務(wù)網(wǎng)站最重要的元素。最終，你的產(chǎn)品越吸引訪問者，他們就越有信心購買你的產(chǎn)品，你的轉(zhuǎn)化率也會越高。

2）產(chǎn)品圖片漂亮

一個好的形象為你做了所有的努力：它抓住了用戶的注意力，并將你的產(chǎn)品與其他產(chǎn)品進(jìn)行了有效的區(qū)分。然而，好的產(chǎn)品攝影需要你耐心進(jìn)行設(shè)計。

3）讓產(chǎn)品推銷自己

不要讓用戶滾動來查看產(chǎn)品的主要圖像，主要的產(chǎn)品形象應(yīng)該放在突出的位置，以推銷你的優(yōu)先產(chǎn)品。

為了讓圖像更有效，它需要很大——盡可能大。并且，當(dāng)你把你的圖像的尺寸縮小了，你就需要把放大的能力整合到產(chǎn)品的具體細(xì)節(jié)上。這對于像服裝這樣的產(chǎn)品尤其重要，因?yàn)橛脩舾P(guān)心細(xì)節(jié)。放大的圖像也需要保持高質(zhì)量。

九、表達(dá)個性，觸發(fā)用戶情感

圖像可以傳達(dá)產(chǎn)品或服務(wù)的本質(zhì)，它也能帶來驚喜和愉悅。圖片有娛樂的能力，也有提供信息的能力。如果你已經(jīng)有了滿意的用戶體驗(yàn)，那么在你的產(chǎn)品中添加樂趣有助于與你的用戶建立情感聯(lián)系。情感強(qiáng)大的圖像是確保用戶持續(xù)關(guān)注你的網(wǎng)站的一個因素。

情感的大腦受到照片和插圖的影響，尤其是人物和故事。說到插畫，即使網(wǎng)站或應(yīng)用不包含繪畫風(fēng)格，也可以在其他用途上大放異彩。例如，插圖可以用于指令、教程和空狀態(tài)。

十、最佳實(shí)踐：如何為你的登陸頁面創(chuàng)建堅(jiān)實(shí)的用戶體驗(yàn)

登陸頁面本質(zhì)上是你的商店窗口，在大多數(shù)情況下，你只有一次機(jī)會來打動用戶。當(dāng)涉及到登陸頁面時，您希望訪問者只在頁面上有一個任務(wù)：轉(zhuǎn)換。

巨大的登陸頁面圍繞著堅(jiān)實(shí)的用戶體驗(yàn)，而圖像在構(gòu)建這一體驗(yàn)中扮演著重要的角色。當(dāng)用戶來到你的頁面時，他們會有某種反應(yīng)。在很大程度上，它是積極的還是消極的，是由他們所看到的決定的。

遵循以下這些建議：

1）選擇適合你的信息的圖像

選擇能簡單解釋產(chǎn)品或服務(wù)概念的圖片很重要。這并不意味著圖像需要傳達(dá)所有的東西——僅僅看到圖像可能并不清楚它傳達(dá)的是什么，但當(dāng)它與頁面上的其他內(nèi)容相連接時，它應(yīng)該符合邏輯。它應(yīng)該在視覺上強(qiáng)化你試圖傳遞給訪客的信息。

2）在正確的地方展示圖片

如果圖像支持高優(yōu)先級目標(biāo)，它應(yīng)該具有更多的視覺重點(diǎn)；相反，與次要目標(biāo)相關(guān)的圖像應(yīng)該沒有那么重。最重要的圖像應(yīng)該固定在一個突出的位置，并且應(yīng)該是焦點(diǎn)的一個主要點(diǎn)。

3）選擇引人注目的視覺效果

專注于選擇你能找到的最引人注目的圖片。文本可能被閱讀和遺忘，但強(qiáng)烈的圖像將被記住。一個生動的、引人注目的形象將會留在訪客的腦海里。

4）使用情感上強(qiáng)大的圖像

你的圖像應(yīng)該具有情感上的說服力——情感上的影響，并強(qiáng)化你想要創(chuàng)造的感覺。畢竟，當(dāng)涉及到?jīng)Q策時，情緒往往會壓倒邏輯。

結(jié)語

考慮圖像的可用性很重要。在你的設(shè)計中所有的視覺傳達(dá)都會給用戶留下了一個累積的印象。令人信服的圖片有獨(dú)特的能力來激勵和吸引你的訪客閱讀有用的信息?；c(diǎn)時間在你的應(yīng)用程序或網(wǎng)站上使用圖像增加你的用戶體驗(yàn)。

本文由 青檸君 原創(chuàng)授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者授權(quán)，轉(zhuǎn)載必究。

題圖來自PEXXELS，基于CC0協(xié)議