作為人類，我們喜歡認為自己是理性的生物。

我們告訴自己，我們的決定是基于事實和邏輯的。然而，這并不是全部的事實。盡管我們試圖在理性的指引下做出選擇，但事實是，我們通常是高度情緒化的人，被事物帶給我們的感覺所驅(qū)動。

那么，這對一個網(wǎng)站設(shè)計師意味著什么呢?

雖然設(shè)計一個功能性和邏輯性的網(wǎng)站很重要，但重要的是不要忘記每一次用戶與你創(chuàng)建的網(wǎng)站的互動所帶來的情感影響。

不引起任何情感反應(yīng)的網(wǎng)站不只是無聊;他們被遺忘。

一個容易被遺忘的網(wǎng)站是任何網(wǎng)站設(shè)計者的毒藥。

這就是為什么今年我們要向你介紹一些在你的設(shè)計中使用情感的簡單方法。

在網(wǎng)頁設(shè)計中觸及情感的底線

首先，您需要理解情感在用戶決策中所扮演的角色。

Don Norman的《情感設(shè)計》一書中說，設(shè)計師可以做很多事情來讓他們的設(shè)計更加情感化。即使是一些簡單的事情，比如關(guān)注網(wǎng)站的美感影響，也能讓你更有可能在情感層面上接觸到你的受眾。

關(guān)于情感設(shè)計，要記住的一件重要的事情是，它不僅僅是讓你的客戶感覺良好。情緒可以是積極的，也可以是消極的。有時消極情緒比積極情緒更有影響力——這完全取決于你試圖創(chuàng)建的網(wǎng)站類型。

一個向客戶銷售健康產(chǎn)品的網(wǎng)站需要讓受眾感到舒適和自信，認為他們購買的是值得信賴的產(chǎn)品。然而，它也可能需要在觀眾中引發(fā)一種小小的擔(dān)憂或擔(dān)憂，擔(dān)心如果他們不買會發(fā)生什么。

知道如何在積極和消極的感覺之間取得平衡，就是設(shè)計師如何將一個簡單的網(wǎng)站設(shè)計變成不可思議的東西。

那么，你從哪里開始呢?

第一步:使用視覺元素來觸發(fā)情緒

當(dāng)你為情感設(shè)計時，視覺元素是最容易開始的一點。這是因為視覺效果在表達情感方面非常出色。

動畫可以通過幫助你的觀眾理解你的產(chǎn)品是如何工作的，或者在他們登陸你的頁面時讓他們發(fā)笑，從而與他們建立一種情感聯(lián)系。一張團隊合作的真實照片可以激發(fā)信任和親近感。

色彩是最常見的觸發(fā)情感的視覺元素之一。

在數(shù)字設(shè)計世界中，藍色和綠色這樣的色調(diào)更有可能帶來平靜和舒適的感覺。另一方面，紅色和黃色通常會激發(fā)熱情和快樂的感覺。

你使用顏色的方式可以極大地改變用戶登錄網(wǎng)站時的感受。例如，巴克萊銀行的網(wǎng)站如果只是一個基本的黑白屏幕，那將是相當(dāng)無聊的。然而，一個銀行網(wǎng)站不能在大多數(shù)情況下使用動畫或插圖，因為這可能減損它的專業(yè)形象。

通過添加小塊的藍色來補充品牌的調(diào)色板是產(chǎn)生信任感的好方法。結(jié)合真實生活的人的形象和平靜的語調(diào)，銀行立即呈現(xiàn)自己的一些平易近人和誠實。

與此同時，銀行網(wǎng)站清晰的層次布局，易于跟隨的導(dǎo)航欄，易于閱讀的字體，清晰的標題和按鈕，使客戶感到舒適。當(dāng)用戶訪問一個金融網(wǎng)站時，他們會得到他們所期望的東西，這讓用戶覺得他們在正確的地方。

第二步:創(chuàng)造吸引人的情感互動

視覺元素是將情感嵌入數(shù)字設(shè)計的好方法。然而，這只是第一步。你的網(wǎng)站設(shè)計選擇的情感方面也應(yīng)該出現(xiàn)在客戶與網(wǎng)站的互動中。

一個好的網(wǎng)站或應(yīng)用程序的互動需要足夠簡單和直接，讓用戶感到舒適，在他們的旅程的下一步。然而，它也需要從用戶那里獲得正確的情感反應(yīng)。

例如，當(dāng)你在Box.com注冊一個免費試用賬戶時，你得到的不僅僅是一張你需要填寫的表格。

在表單的旁邊，你還可以看到你注冊的內(nèi)容，在你獲得的每個免費功能旁邊都有一個小的檢查。這有助于讓客戶放心，并提醒他們，他們在正確的地方。

在注冊表單旁邊放上折扣信息的方框，提醒顧客他們得到了免費的東西，這也有助于使互動更加情緒化。

每次客戶與網(wǎng)站互動時，都有另一個機會讓他們在情感層面上參與進來。在Firebox網(wǎng)站上，當(dāng)客戶向購物車添加?xùn)|西時，購物車圖標上會有一個小動畫，告訴他們有東西在等著他們。

當(dāng)他們點擊結(jié)賬時，他們會得到即時信息，包括他們可以如何“包裝”他們的商品，以及顯示各種支付選項的按鈕。

當(dāng)你在為一個網(wǎng)站設(shè)計一個頁面時，無論是結(jié)帳頁面，產(chǎn)品頁面，還是其他完全不同的頁面，都要考慮到訪問者在那一刻所擁有的互動。如何確保每位顧客感到更舒適、更高興、更知情或更投入?

第三步:利用縮微和細節(jié)來表達情感

視覺是表達情感的絕佳方式。

然而，它們并不是唯一的選擇。

作為一名設(shè)計師，你需要考慮如何將網(wǎng)頁設(shè)計與微縮版的使用結(jié)合起來，從而在更深層次上與客戶建立聯(lián)系。

如何才能確保網(wǎng)站上的所有東西都能傳遞同樣的情感影響，而不是讓人注意到網(wǎng)站上那些單調(diào)、乏味或非個人的指示、通知和錯誤消息?

簡單的添加一個小插圖就足以為顧客提供更多的情感體驗。404頁面上引人注目的微型副本和插圖也可以加強客戶與他們訪問的網(wǎng)站的聯(lián)系。

看看谷歌是如何在客戶沒有互聯(lián)網(wǎng)連接時將恐龍游戲添加到頁面的。

適當(dāng)?shù)奈?fù)制和互動可以立即將負面的體驗，比如不能上網(wǎng)，轉(zhuǎn)變?yōu)榉e極的情感投入。

當(dāng)涉及到在你的客戶和他們的最終用戶之間建立情感聯(lián)系時，網(wǎng)頁設(shè)計師需要記住，通常最小的細節(jié)可以產(chǎn)生最大的差異。一些小的額外功能，比如在用戶無法上網(wǎng)時為他們提供一種享受樂趣的方式，從情感的角度來看，這些都能讓網(wǎng)站更令人難忘。

不要把情感凌駕于功能之上

雖然情感上的影響可能是一個出色的網(wǎng)站設(shè)計的一個重要方面，但重要的是不要失去理智。在一個網(wǎng)站上添加過多的額外圖片和獨特的交互最終會給網(wǎng)站帶來負擔(dān)，使其加載速度變慢。

盡管考慮終端用戶與網(wǎng)站的每次互動會給他們帶來怎樣的感覺是很有價值的，但重要的是，當(dāng)你在做網(wǎng)站設(shè)計時，不要忽視網(wǎng)站設(shè)計的基礎(chǔ)。你仍然需要確保最后的設(shè)計是容易使用的，迷人的，有吸引力的。

注意用戶體驗設(shè)計的基本要素，并確保你在網(wǎng)站中注入的額外情感元素不會破壞最終用戶獲得的體驗。

如果你能在情感影響和功能之間找到正確的結(jié)合，那么你就能創(chuàng)造出讓觀眾永遠不會忘記的網(wǎng)站。

在你的設(shè)計作品集中融入情感是值得的。