趙陽

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

中圖標設(shè)計實踐，對UI界面中圖標設(shè)計提出了創(chuàng)新性的思路和方法。

關(guān)鍵詞：情感需求;UI界面;圖標設(shè)計

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

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

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

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

1情感需求概述

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

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

2 UI界面中圖標設(shè)計的概述

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

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

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

3.1一致性原則

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

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

3.2創(chuàng)新性原則

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

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

3.3易用性原則

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

3.4準確性原則

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

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

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

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

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

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

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

5結(jié)語

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