基于情感需求的UI界面中圖標設計研究

趙陽

摘要：隨著科技的進步，智能化移動設備也跟著快速發展，UI界面與人們的生活息息相關，同時其作為智能移動設備的可視化元素越來越受到設計師和用戶的重視。為了更好地滿足用戶對于UI界面中圖標設計的情感化、個性化需求，本文以情感需求為理論基礎，研究分析UI界面中圖標設計與用戶的關系，提出了基于情感需求的UI界面中圖標設計原則，并完成了基于情感需求的UI界面

中圖標設計實踐，對UI界面中圖標設計提出了創新性的思路和方法。

關鍵詞：情感需求;UI界面;圖標設計

中圖分類號：J524 文獻標識碼：A

文章編碼：1672-7053（2020）07-0077-02

當今社會，數字化信息化發展迅速，智能化的數字化軟件產品逐漸成為人們在工作中、生活中、學習上的智能助手，許多人每天都要與之交流交互。不同風格的UI界面帶給用戶不同的交互體驗和視覺感受，圖標設計的色彩、樣式、形式都直接地影響著用戶的使用效率以及使用時的心情。UI界面設計是一個繁雜的工作，包含了如科學技術、認知心理學、美學等多學科的知識，在設計過程中主要研究三個對象：界面對象;用戶的情感化、個性化需求;數字化環境。第一類：功能性界面，針對研究對象，進行符號設計，有強烈的目的性，對設計的高效有很高的需求;第二類：用戶的個性化、情感化需求，主要的目的是傳遞給不同用戶不一樣的使用感受;第三類：環境模式下的界面，營造真實的使用環境，分析使用者的真實的反應。這三類并不是獨立存在的，是相輔相成的，任何的設計都不能丟掉功能性。

因此，當下的UI設計師在進行設計的過程中也應更加注重用戶體驗，注重用戶的使用感受以及是否能夠滿足用戶的情感需求。本文從用戶體驗的情感化、個性化需求出發，分析不同風格的圖標設計與用戶的關系，以及如何在設計中滿足用戶的情感化需求。

1情感需求概述

情感需求是一種感情上的滿足，心理上的認同，在生活中人們購買或使用產品時，不僅僅要滿足生活的基本需求，還需要有情感上的享受，因此產生情感需求。

滿足用戶的情感需求是情感化設計的目的，唐納德·諾曼在《情感化設計》中，將情感化設計分為三個層次，分別是本能層設計、行為層設計、反思層設計，強調從這三個層次出發進行產品創新設計，引發用戶聯想，提升用戶購買欲。其中，本能層指產品對用戶的感官刺激，關注用戶對于產品的物質要素感受;行為層指產品使用中觸發情感，關注用戶與產品間的物理接觸與感覺，即行為水平設計，包括功能、易懂性、可用性和物理感覺;反思層是最高層次，關注用戶的文化背景、價值取向、審美情趣和產品的象征意義與社會價值，要定位到具體的用戶群體在產品與用戶之間建立情感紐帶，尋求產品與用戶的統一價值。在設計中它們是共同存在，且在不同類別的設計中重點關注的層面不同。

2 UI界面中圖標設計的概述

UI界面的圖標設計，廣義上的含義是指一切帶有指示性的或命令的標志和符號;狹義上的含義是數字化顯示屏上顯示出來的圖形，也可以簡單地理解為用來指引用戶進行操作的圖形符號。在智能化設備中，圖標設計是非常有代表性的，是用戶對于界面的一個最初印象以及使用過程中給予用戶一定的操作指引。圖標設計是界面設計的核心，也是呈現給用戶很直觀的視覺感受和認知的媒介，如果把智能化設備界面比作一個人，那么界面就是這個人的衣服，一件衣服的設計、色彩、樣式都會影響用戶的選擇和使用。

3基于情感需求的UI界面中圖標設計的原則

因UI界面中的圖標設計是在一定的規范和原則指導下開展的，為此需要圖標設計中涉及到色彩搭配、布局、樣式、風格都需要遵守一定的原則。圖標設計的基本原則通過對用戶需求的分析，將其轉化為圖標設計的指導性方法。

3.1一致性原則

在圖標設計中，圖標的樣式、風格等要保持一致。例如圖標的底板樣式有隱形底板、圓角矩形、不規則形、圓形、多邊形等，在同個主題風格中，我們一般要保持底板統一;圖標的形式主要有線性圖標、扁平化圖標、擬物化圖標，設計師在設計過程中要堅持其統一。

色彩的搭配也要有一定的統一性，要給用戶留下一個色彩記憶的點，要能夠在用戶短暫使用以后留下深刻的印象。

3.2創新性原則

圖標是用戶對界面認知的開始，一款好的圖標是要能夠吸引用戶并留住用戶的，因此，在造型和創意上都要獨具匠心，新穎別致，引起用戶的注意和留住用戶，從視覺上抓住用戶，從心理上抓住用戶的使用習慣、認知習慣。

行為層設計主要從圖標的含義、比喻體的易用性出發，考慮用戶能不能夠很好地認知圖標，明確圖標比喻體代表的意思，理解圖標的作用。

3.3易用性原則

易于識別，是圖標設計的重要部分。不管是在圖標的具象元素還是抽象的圖形表達，都要讓用戶很容易地理解和記憶，在用戶使用過程中不要增加用戶的負擔。在圖標出現之初，圖標的風格是擬物化的，用現實生活中的物品來表達圖標，例如，計算器對應生活中使用的計算器，幾乎以一樣的形式出現在圖標上，通話圖標元素對應生活中的座機電話等，這樣用戶在使用的過程中很少會發生認知障礙;如今有些設計師在做主題時，完全放棄了圖標的認知性，只注重圖標的視覺感受，例如有些圖標使用卡通元素的各種表情來表達各種圖標，但是在識別上會有障礙，使用過程中基本靠習慣來確定每個位置的圖標是什么，對于用戶來說增加了學習和認知的時間長度。因此，在設計圖標時，易用性原則是很重要的，也是情感化設計中行為層的重點。

3.4準確性原則

圖標設計過程中，比喻體的選擇和確定是需要謹慎處理的。用戶的使用習慣是經年累月積累下來的，對于新鮮事物雖然不可或缺其創新性，但是在形式創新的同時，便于用戶準確認知才是關鍵。

4基于情感需求的UI界面中圖標設計實踐

本文以電影作品為主題從情感需求的三個層次進行具體的分析和設計實踐。

本能層設計：產品所產生的感官刺激，具體實踐中主要體現在主題、色彩及樣式。主題：選定一部影視作品，本文選擇了古風電影《繡春刀》;色彩：從電影中選取代表性的場景，如從平淡的場景中提取風格主色，從戲劇沖突明顯的場景中提取點綴色，從明亮的場景中提取點睛色;圖標樣式風格：根據提取的電影主題，可以明確這是一部古風電影，圖標繪制確定為擬物復古的風格進行設計。

行為層設計：在具體使用產品中能夠觸發情感，其使用性是否明確易懂。提取比喻體：從電影中分析和尋找符合的比喻體來表達圖標的含義，如系統圖標中“設置”圖標可以用電影中的馬車車輪表示;“手電筒”圖標可以選擇燈籠;“主題商店”圖標可以選擇古裝表示等，在用戶使用過程中能夠代入相應的主題。

反思層設計：不同的受眾對于產品的審美、價值、象征含義都是不同，因此在設計中要充分考慮用戶群體。

基于情感需求的UI界面圖標設計實踐從這三個層次分析，以具體的電影作品為例給出設計方案，完成圖標設計（如圖1）。

5結語

本文是基于情感需求的UI界面中圖標設計研究，運用情感化設計中本能層、行為層、反思層的理論，在圖標設計原則的基礎上，分析當下圖標設計與用戶之間的關系，并提出了基于情感需求的UI界面中圖標設計原則，完成了一套基于情感需求的UI界面圖標設計實踐。本文是對圖標設計的一些探索研究，過程和結果還有許多不足，希望通過本文可以推動更多的學者研究如何更好地進行UI界面圖標設計，也希望能夠為以后的UI界面圖標設計提供一些參考。