如今，隨著情感化設(shè)計(jì)的興起，越來越多的用戶體驗(yàn)設(shè)計(jì)師意識(shí)到情感化設(shè)計(jì)的重要性，并開始為了達(dá)到更好的用戶體驗(yàn)來創(chuàng)造情感化設(shè)計(jì)方案。
 

　　著名的尼爾森諾曼集團(tuán)的聯(lián)合創(chuàng)始人唐納德·阿瑟諾曼在他的著名著作“情感化設(shè)計(jì)”（《Emotional Design》）中首次引入了“情感化設(shè)計(jì)”這個(gè)詞，并強(qiáng)調(diào)了情感化設(shè)計(jì)對獲得更好的Web/App用戶體驗(yàn)的巨大影響。
 

　　然而，你如何將情感融入到你的Web或者App界面設(shè)計(jì)中，并以此吸引能多的用戶呢？你是否在尋找一些實(shí)用的情感化設(shè)計(jì)原則及案例來幫助你創(chuàng)建一個(gè)吸引人的、令人愉快的Web/App界面呢？下文將列出6條有效的情感化設(shè)計(jì)原則及案例供你參考。
 

 

　　在Web/App界面設(shè)計(jì)中，什么是情感化設(shè)計(jì)？
 

　　在Web/App界面設(shè)計(jì)中，情感化設(shè)計(jì)通常指用戶體驗(yàn)設(shè)計(jì)師使用的一種設(shè)計(jì)方法，即通過創(chuàng)造性的界面元素，比如色彩、動(dòng)畫、版面布局等等來傳遞積極的情緒（比如快樂、舒適、愉悅等等）。
 

　　此外，有時(shí)為了喚起用戶的正確情緒反應(yīng)，一些設(shè)計(jì)師甚至創(chuàng)造性地將一些負(fù)面情緒（如悲傷、遺憾和痛苦等）放在用戶的Web/App界面設(shè)計(jì)中，以獲取用戶更好的用戶體驗(yàn)和產(chǎn)品銷售。
 

　　簡而言之，優(yōu)秀的情感化Web/App界面設(shè)計(jì)不僅能迅速吸引用戶的注意力，還能讓他們對你的產(chǎn)品產(chǎn)生好感。
 

　　下例中使用的所有的界面元素，特別是照片和文本，都在傳遞一種安全的感覺，并鼓勵(lì)用戶放心并毫不猶豫地購買這項(xiàng)安全軟件。
 

 

　　如何通過情感化的界面設(shè)計(jì)創(chuàng)造更好的用戶體驗(yàn)？
 

　　正如我們在上面介紹的，Web/App界面的每個(gè)元素或細(xì)節(jié)都可能是情感的潛在來源。那么，如何才能更有創(chuàng)意、更有效地使用這些常用的界面元素來創(chuàng)建一個(gè)引人注目的、情緒化的Web/App應(yīng)用呢？下文列出6條有效的情感化設(shè)計(jì)原則及案例供你參考：
 

　　1.使用視覺元素來喚起用戶的特定情緒
 

　　視覺元素可以通過設(shè)計(jì)來喚起情感。下面是一些你可以嘗試喚起用戶情緒的視覺元素：
 

　　（1）使用色彩來吸引用戶并喚起情感
 

　　色彩是界面設(shè)計(jì)中最重要的視覺元素之一，它在吸引和留存用戶方面扮演著至關(guān)重要的角色--即使是第一次預(yù)覽。它也是設(shè)計(jì)師表達(dá)情感的有效元素。例如，一般來說，紅色和黃色通常表示快樂、熱情、青春、輕松等等。在你的設(shè)計(jì)中使用這些顏色或配色方案時(shí)，你可以很容易地喚起相應(yīng)的情感，讓用戶感到快樂和輕松。
 

　　藍(lán)色、綠色和黑色常常帶來一種平和、舒適和自由的感覺。當(dāng)你在界面中使用這些顏色或配色方案時(shí)，你可以幫助用戶無意識(shí)地變得更有耐心和理性。簡而言之，在你的設(shè)計(jì)中使用顏色來喚起不同的用戶情緒，并提供不同的情感體驗(yàn)。
 

　　下例中，中國餐館網(wǎng)站選擇了紅色和黃色，這是東方最典型的顏色，所以作為網(wǎng)站的主題顏色。這種配色方案不僅使整個(gè)設(shè)計(jì)更加美觀、引人注目，而且讓顧客對東方文化有了更多的了解。而且，你也忍不住想去嘗試所有的菜式。
 

 

　　下例中，這個(gè)404錯(cuò)誤頁面使用了一個(gè)藍(lán)色和白色的配色方案來無形地傳達(dá)一種舒適和平靜的感覺。這樣的設(shè)計(jì)策略可以有效地減少用戶在突然收到煩人的404錯(cuò)誤消息時(shí)的挫敗感。
 

 

　　（2）用清晰、直觀和層級(jí)化的排版和字體使用戶感到舒適

　　一款有更直觀、更有層次、更清晰的排版和字體的Web/App應(yīng)用往往對用戶更具吸引力，并為用戶提供更多的愉悅體驗(yàn)。這樣的界面使得用戶可以更容易地、快速地找到所需的信息。
 

　　（3）用對比和分組來創(chuàng)造吸引人的界面
 

　　你也可以添加對比和分組的視覺元素，使界面更加舒適和愉悅。例如，您可以輕松地添加一些照片、動(dòng)畫和其他可視化元素，以及變化的顏色、位置、大小、任務(wù)、層級(jí)等，從而創(chuàng)造一個(gè)具有清晰層次結(jié)構(gòu)并引人注目的Web/App界面。這個(gè)方法對于改善用戶體驗(yàn)非常有效。
 

　　正如下圖網(wǎng)站案例所示，你可以通過以上方法，很容易地運(yùn)用圖像，標(biāo)簽，按鈕和更多的組件來創(chuàng)建一個(gè)簡潔并吸引人的界面。
 

　　簡而言之，巧妙地設(shè)計(jì)每一個(gè)視覺元素，從而有意識(shí)地與你的Web/App應(yīng)用用戶建立情感聯(lián)系。