基于情感需求的UI界面中圖標(biāo)設(shè)計(jì)研究

趙陽(yáng)

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

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

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

中圖分類(lèi)號(hào)：J524 文獻(xiàn)標(biāo)識(shí)碼：A

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

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

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

1情感需求概述

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

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

2 UI界面中圖標(biāo)設(shè)計(jì)的概述

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

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

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

3.1一致性原則

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

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

3.2創(chuàng)新性原則

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

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

3.3易用性原則

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

3.4準(zhǔn)確性原則

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

4基于情感需求的UI界面中圖標(biāo)設(shè)計(jì)實(shí)踐

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

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

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

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

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

5結(jié)語(yǔ)

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