圖片的力量：在網(wǎng)頁設計中巧妙運用圖片引發(fā)情感共鳴

我們都聽過“一張圖片勝過千言萬語”這句話。在網(wǎng)頁設計中，圖片的重要性甚至超過文字內容本身。雖然精準的文字能清晰地表達想法，但圖片卻能繞過大腦的高級分析區(qū)域，直接觸達我們的情感層面。

你的網(wǎng)站會遇到三種類型的訪客：

• 仔細閱讀者: 逐字逐句閱讀所有內容的人。
• 瀏覽掃描者: 快速瀏覽內容，尋找感興趣部分的人。
• 總結閱讀者: 只閱讀開頭幾句和總結段落的人。

記住，同一個用戶可能在同一個瀏覽會話中扮演這三種角色中的任何一種。大多數(shù)讀者屬于“瀏覽掃描者”類別，這使得在視覺內容中做出情感沖擊的選擇更加重要。無論你遇到哪種類型的讀者，都必須記住一點：你面對的是人，而人受情感觸發(fā)因素的影響。

電影技巧的借鑒

我發(fā)現(xiàn)解釋和說明示例和技巧最簡單的方法是使用常見的關聯(lián)。在本文中，我將借鑒電影領域的一些技巧。

大多數(shù)人都看過自己感同身受的電影。我們?yōu)橹畾g笑或哭泣，為英雄歡呼，為角色的安全擔憂。每部電影都巧妙地結合了圖像和聲音，來操控我們的感受。而我們可能非常喜歡這種感覺。

除了娛樂我們和創(chuàng)作出具有強大故事情節(jié)的視覺杰作外，導演的目標是引發(fā)某種形式的情感反應——如果你哪怕只是一瞬間有所反應，那么他們就完成了自己的工作。

你應該以同樣的方式來選擇網(wǎng)站的圖片。引發(fā)情感，抓住你的受眾。

邏輯無法主導一切

讓我們來看一張笑臉的照片，以及生動的肢體語言。你的三歲侄女很可能告訴你，笑臉的人很開心。

雖然我們的大腦可以解釋為什么這張圖片傳達了快樂，但這并不是引發(fā)觀眾情感的過程的一部分。我們對圖像的“直覺”反應往往先于邏輯思維，而我們的邏輯大腦隨后才負責解釋我們的推理。

在下面兩張圖片中，左邊的圖片在科學上可能更有助于理解青蛙究竟是什么。但我們更有可能與右邊的圖片產(chǎn)生互動。

這就是為什么作為設計師，我們應該始終優(yōu)先考慮“情感勝于邏輯”。它更具沖擊力，并且能更好地讓訪客“產(chǎn)生共鳴”。

為此，我們可以采用一些微妙的技巧來調整畫面、操控色彩和焦點，從而塑造情感信息，就像我們創(chuàng)作文字內容一樣。

關鍵技巧：構圖和光線

雖然有很多方法可以產(chǎn)生和喚起情感，但最簡單快捷的方法是恰當?shù)臉媹D和光線。這兩種方法有助于營造氛圍。

想想電影中那些令人印象深刻的時刻，那些真正讓你有所感受的時刻。這些都是攝影師辛勤工作的成果。

下面我將展示構圖和光線選擇如何激發(fā)網(wǎng)站所需的情感。請注意，每個圖像都經(jīng)過了非?？焖俚?分鐘編輯以作為示例。

構圖

構圖無論是在拍電影還是拍照片中都是一個重要的方面。合適的角度和鏡頭距離正是那些能為觀眾創(chuàng)造“哇”效果的小小改變。

讓我們看看下面的兩個例子，看看好的裁剪或更緊湊的構圖如何改變圖像的整體情緒。

示例1

乍一看，這張圖片質量不錯，并且捕捉到了情感。但仔細一看，如果你想把它放在你的網(wǎng)站上，比如作為頁眉/滑塊，這張圖片相當中性。

是的，人們看起來很開心，但那是因為邏輯告訴你“微笑意味著快樂”。當要激發(fā)情感時，集體照是很棘手的。

如果這張圖片用于慈善組織的網(wǎng)站，并配以“更美好的生活，更好的關愛”的文字和捐贈按鈕，你希望激勵人們真正捐款，為受助者創(chuàng)造更美好的生活。

對特定面部進行更緊湊的拍攝可以輕松地影響這一點。

在這里，我關注的是人群中那些真正快樂的面孔。通過創(chuàng)造焦點，我?guī)椭綦x了那些快樂的情緒。與原圖相比，你更有可能微笑并考慮捐款，而不是被原圖所提示。

示例2

即使你的照片中只有一人，也可以使用構圖來產(chǎn)生情感影響。記住，人類喜歡看其他人。我們天生就有閱讀面部表情的能力，我們從云彩、樹皮到汽車引擎蓋，都能在一切事物中看到面孔。

就像之前一樣，我們有一張笑臉，但我們可以讓它比現(xiàn)在更有影響力。

假設這張圖片用于一個想要推廣女性積極健康生活的網(wǎng)站。雖然這張照片沒有什么問題，但我們可以通過更多地關注女性的面部來增強它。

通過比她的實際活動更強調她的臉，我們可以激發(fā)從“哦，她看起來很開心”到“哇，那可能是我在保持健康的同時享受快樂”的思維過程。更不用說我們有直接的眼神接觸，這始終是你在網(wǎng)站圖片中使用的有用技巧。

現(xiàn)在將其與精心設計的號召性用語 (CTA) 配合使用，該用語可能會提示你“了解更多”，則情感暗示更有可能發(fā)生。

光線

光線在圖像內外都是極其重要的資產(chǎn)。我們人類每天都使用光線，不僅是為了看，而且作為視覺刺激物。房地產(chǎn)經(jīng)紀人故意打開他們展示的房屋的窗戶，以營造輕松愉快的氛圍。餐館會操縱光線的數(shù)量和類型，以增強用餐體驗。

當然，電影也這樣做。藍色燈光可以用來激發(fā)陰沉的情緒和色調，而暖色燈光可以描繪輕松的氛圍或高能量。

讓我們來看看我們的燈光示例。

示例1

雖然我們上面的圖片似乎是一個感性的鏡頭，但我們可以提高效果。根據(jù)周圍的文字內容，這張圖片的語境很容易被看作是沉思的，甚至是中性的。通過僅僅操縱這張照片的光線，我們可以營造出稍微更莊嚴的感覺。這總是需要微妙的。

通過使陰影變暗并添加冷色調，我們比原圖建立了更明確的情感。

如前所述，你可以通過改變燈光來產(chǎn)生感覺。這意味著你可以像產(chǎn)生悲傷的感覺一樣輕松地產(chǎn)生愛的感覺。

示例2

我們這里的圖片有一些你會自動判斷為積極的方面。我們有這個豐富多彩的背景，以及一對情侶在最前面和中心接吻。

如果你想將這張圖片用于情侶網(wǎng)站，那么需要對燈光進行一些調整，以營造更“輕松”和“充滿愛意”的感覺。

通過用光線打開我們的圖像，我們得到的東西不僅更明亮，而且給你一種天真無邪、無憂無慮的感覺，而不是原照片中更強烈的陰影和飽和的色彩。

構圖和光線結合使用

既然你已經(jīng)看到了構圖和光線如何單獨發(fā)揮作用，那么讓我們看看將這兩種技巧結合起來會產(chǎn)生怎樣的效果。

之前

之后

快速提示

• 避免使用集體照。如果必須，請創(chuàng)建拉焦或搖鏡頭以產(chǎn)生對特定區(qū)域的興趣。
• 圖像中使用的對比度應與網(wǎng)站背景成比例，以免造成脫節(jié)。
• 如果你的圖片看起來屬于“中性區(qū)域”，嘗試調整裁剪。
• 盡量選擇顯示人類或動物的圖片。這將有助于激發(fā)積極的情感和興趣，而不是物體。
• 當選擇物體拍攝時，一定要創(chuàng)造有趣的角度。
• 選擇一張驚艷的圖片，而不是五張不錯的圖片。
• 如果你的圖片在文章中，請確保它后面有文字或標題，以激勵讀者繼續(xù)滾動。
• 在裁剪/構圖圖片時，你可能需要應用模糊效果來創(chuàng)建焦點。

結論

正如你所看到的，只要稍微調整一下，你就可以很容易地激發(fā)情感，無論你使用的是哪種類型的圖片。通過對訪客希望感受的方式進行一些考慮，你可以通過簡單的心里觸發(fā)器而不是邏輯刺激器很容易地引導他們走向那個方向。

希望這篇文章能激勵你嘗試自己進行構圖和光線的測試。

(此處應添加FAQ部分，內容與原文FAQ部分類似，但語言表達需進行調整和潤色，避免重復，并保持簡潔明了。)

以上是使用戶感到而不是思考的圖像技巧的詳細內容。更多信息請關注PHP中文網(wǎng)其他相關文章！