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

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

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

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

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

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

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

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

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

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

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

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

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

那么，你從哪里開始呢?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

適當?shù)奈椭坪突涌梢粤⒓磳⒇撁娴捏w驗，比如不能上網(wǎng)，轉(zhuǎn)變?yōu)榉e極的情感投入。

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

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

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

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

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

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

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