我們談論網站設計時，更關注的是一些能夠連接到用戶情感方面的元素。這種聯系是建立信任和相對性的關鍵的組成部分。比起說起來，在實際的應用和設計過程中，他都更難。有很多事情需要考慮，因為情緒是廣泛的，復雜的，往往很難受到單方面的影響或改變。這就是我們今天要考慮和討論的——什么是情緒（或情感）UI呢？如何創建一個在實際的網站建設工作中能夠有效引起情感聯系的用戶界面呢？我想，在下一個網站設計項目中，你應該更仔細地考慮一下這個問題？

1.什么是情感（情緒）UI？  

從我們的電子郵件，文本和社交媒體配置文件中，我們能初步窺探帶情感UI的世界。在我們的日常交流中，充滿了微小的面孔，以幫助告訴別人我們的感覺。感性的UI是網站設計的新圣杯。無論是喜悅還是快樂，恐懼或憤怒或悲傷，當與一個好的設計互動時，人們會感覺到類似這一系列的情感。沒有什么比設計讓用戶感覺什么都沒有更糟了（因為他們不在乎）。用戶在網站建設互動過程中可能經過的幾個階段，有一系列的情感因素要考慮。不過，你要記住的重要一點是，互聯網代碼上的情感部分是通過設計以及內容來表達的，它是你講的故事的一部分。用戶情感不應該來源于直接使用網站或應用程序本身（如某些東西不能正常工作的沮喪）。如你所知，我們的情感世界都是錯綜復雜的。用戶可能很難告訴你他們具體是什么感覺。但有一些理論可以幫助你。

2.“正確”的情感 

 Huge的經驗設計總經理Sherine Kazim開發了一個基于表情符號的情緒輪，輪子是標準色輪的組合，并且向每種顏色添加情感值和關聯。這是理解顏色如何影響網頁設計的良好起點。但是，如今快速的動態變化，Kazim的表情符號疊加可能能夠更現實的解釋我們今天所處的情感世界。她的原話是：“你可以在圖表中看到，當你在情緒輪上進一步移動時會發生某些強度的消散和變化，在網站設計中，沒有人在說話。我們目前設計的東西只是使人們感覺到基本的情緒——可能是快樂或悲傷，但我們不談論如何根據用戶的情緒的加劇或消散，來調整我們在網頁設計中使用的情感UI。這些代表了什么意思呢？基本上，情緒是復雜的，而且比我們在設計中表現的的更缺少直接性。大多數設計師將“憤怒”歸入到紅色情感表達的一部分。但它在實際的設計工作中并不完全是這樣的。真正進入這種情感聯系的很多東西也與設計的其余部分有關，一些甚至是顏色本身不能做到。

3.設計“情感”所以，讓我們先停下來思考一下emojis的這個情緒輪一分鐘。這里包含了設計師的用心，而不僅僅只是一個很酷的信息圖表。概念幾乎定義了三個部分的過程，在實際的設計工作中便于你思考如何分配給你想要的用戶以某種感覺或情感。能引人注目的設計莫過于使用對應的情感色來表現，圖像可以包是面孔或正確的話作為輔助的情感工具。

· 顏色  

從你已經知道的顏色概念開始，但回想一下Kazim的建議，并考慮與用戶的情感聯系。顏色可能不足以建立一個情感聯系。顏色是一個很好的框架，可幫助您思考和建立基線連接。不過，你的顏色關聯可能與用戶的不同。當你看到上面的圖像時，你感覺怎么樣？明亮的顏色選擇足以喚起你的某種情緒嗎？或者你有更多不一樣的感覺，直到你瀏覽網頁設計的其他部分？

· 面孔  

視覺上，你較好創造所需的情感方式是通過使用面孔來展示你想傳達的情感，在這種情況下，人的臉部圖片是向用戶展示他們感覺的有效的方式。看看上面the Elegant Seagulls的網站案例。照片顯示一個人的面部表現出一定程度的驚喜。你感覺到同樣的感情了嗎？當你看著圖像時，你會感覺到你臉上咧嘴一笑嗎？這是一個有效的情感UI。特別是當你考慮到你即將采取的下一步行動的時候。你會選擇移動到“下一個嫌疑人”的切換按鈕上，只是為了看看會發生什么。

· 語句  

之后，詞語和語言是將它們拉在一起的設計技巧。（你通常認為單詞是一個設計元素嗎？你應該考慮到這些單詞與字體一樣的重要。）這些詞是提示，幫助用戶確定網頁設計上的顏色和圖像真正意味著什么。（是的，你真的必須為大多數用戶考慮到這個。）詞語的語調可以使用戶理解界面的內容是柔軟或輕的或加強焦慮和恐懼的感覺。你與用戶交談的方式、號召行動按鈕中的命令和敘事都對這種情感有影響。它會創建你想要的場景嗎？以Draper James服裝網站為例。banner圖包括一個快樂的笑臉，賣一條“南方服裝”的線。顏色是明亮的以及充滿吸引力。現在看看文本：“快樂秋天，Y’all！”它繪制了一個直接的情感口號，用戶在與這個設計交互時應該感覺到什么。（這里更大的問題是觀眾，這種情感實際上會讓一些用戶離開，但是這是不是你能完全控制的。）

總結

雖然談論在情感層面的設計不是一個新的話題，但由于技術的變化，對話的方式正在日益變化。虛擬現實和人工智能使我們對接口設計的未來有很多疑問。他們必須更加人性化工作嗎？有了這些概念，用戶可能需要一個“真實”的體驗，情緒是其中的重要組成部分。這是將人們帶回到這些新興設備和想法的必要路程。