如何創建一個吸引人的、令人愉快的Web/App界面?（一）
2018-10-23 09:27:24
聚景科技
本文將通過6條有效的情感化設計原則及案例來講解如何創建有吸引力、令人愉快的Web/App界面，以獲得更好的用戶體驗。
如今，隨著情感化設計的興起，越來越多的用戶體驗設計師意識到情感化設計的重要性，并開始為了達到更好的用戶體驗來創造情感化設計方案。
著名的尼爾森諾曼集團的聯合創始人唐納德·阿瑟諾曼在他的著名著作“情感化設計”（《Emotional Design》）中首次引入了“情感化設計”這個詞，并強調了情感化設計對獲得更好的Web/App用戶體驗的巨大影響。
然而，你如何將情感融入到你的Web或者App界面設計中，并以此吸引能多的用戶呢？你是否在尋找一些實用的情感化設計原則及案例來幫助你創建一個吸引人的、令人愉快的Web/App界面呢？下文將列出6條有效的情感化設計原則及案例供你參考。
在Web/App界面設計中，什么是情感化設計？
在Web/App界面設計中，情感化設計通常指用戶體驗設計師使用的一種設計方法，即通過創造性的界面元素，比如色彩、動畫、版面布局等等來傳遞積極的情緒（比如快樂、舒適、愉悅等等）。
此外，有時為了喚起用戶的正確情緒反應，一些設計師甚至創造性地將一些負面情緒（如悲傷、遺憾和痛苦等）放在用戶的Web/App界面設計中，以獲取用戶更好的用戶體驗和產品銷售。
簡而言之，優秀的情感化Web/App界面設計不僅能迅速吸引用戶的注意力，還能讓他們對你的產品產生好感。
下例中使用的所有的界面元素，特別是照片和文本，都在傳遞一種安全的感覺，并鼓勵用戶放心并毫不猶豫地購買這項安全軟件。
如何通過情感化的界面設計創造更好的用戶體驗？
正如我們在上面介紹的，Web/App界面的每個元素或細節都可能是情感的潛在來源。那么，如何才能更有創意、更有效地使用這些常用的界面元素來創建一個引人注目的、情緒化的Web/App應用呢？下文列出6條有效的情感化設計原則及案例供你參考：
1.使用視覺元素來喚起用戶的特定情緒
視覺元素可以通過設計來喚起情感。下面是一些你可以嘗試喚起用戶情緒的視覺元素：
（1）使用色彩來吸引用戶并喚起情感
色彩是界面設計中最重要的視覺元素之一，它在吸引和留存用戶方面扮演著至關重要的角色--即使是第一次預覽。它也是設計師表達情感的有效元素。例如，一般來說，紅色和黃色通常表示快樂、熱情、青春、輕松等等。在你的設計中使用這些顏色或配色方案時，你可以很容易地喚起相應的情感，讓用戶感到快樂和輕松。
藍色、綠色和黑色常常帶來一種平和、舒適和自由的感覺。當你在界面中使用這些顏色或配色方案時，你可以幫助用戶無意識地變得更有耐心和理性。簡而言之，在你的設計中使用顏色來喚起不同的用戶情緒，并提供不同的情感體驗。
下例中，中國餐館網站選擇了紅色和黃色，這是東方最典型的顏色，所以作為網站的主題顏色。這種配色方案不僅使整個設計更加美觀、引人注目，而且讓顧客對東方文化有了更多的了解。而且，你也忍不住想去嘗試所有的菜式。
下例中，這個404錯誤頁面使用了一個藍色和白色的配色方案來無形地傳達一種舒適和平靜的感覺。這樣的設計策略可以有效地減少用戶在突然收到煩人的404錯誤消息時的挫敗感。
（2）用清晰、直觀和層級化的排版和字體使用戶感到舒適
一款有更直觀、更有層次、更清晰的排版和字體的Web/App應用往往對用戶更具吸引力，并為用戶提供更多的愉悅體驗。這樣的界面使得用戶可以更容易地、快速地找到所需的信息。
（3）用對比和分組來創造吸引人的界面
你也可以添加對比和分組的視覺元素，使界面更加舒適和愉悅。例如，您可以輕松地添加一些照片、動畫和其他可視化元素，以及變化的顏色、位置、大小、任務、層級等，從而創造一個具有清晰層次結構并引人注目的Web/App界面。這個方法對于改善用戶體驗非常有效。
正如下圖網站案例所示，你可以通過以上方法，很容易地運用圖像，標簽，按鈕和更多的組件來創建一個簡潔并吸引人的界面。
簡而言之，巧妙地設計每一個視覺元素，從而有意識地與你的Web/App應用用戶建立情感聯系。
