基于移動(dòng)終端的情感化插畫(huà)研究

摘? ? 要：本文指出了插畫(huà)設(shè)計(jì)在移動(dòng)終端應(yīng)用意義，旨在插畫(huà)如何表達(dá)情感化這一概念，論述了具有情感的插畫(huà)在用戶(hù)界面中的重要性，重點(diǎn)描述了插畫(huà)如何在用戶(hù)界面中使用且設(shè)計(jì)的時(shí)候需要注意的方面。針對(duì)單個(gè)頁(yè)面進(jìn)行分析，為設(shè)計(jì)師明確了情感化插畫(huà)在移動(dòng)終端中的地位。

關(guān)鍵詞：移動(dòng)終端;情感化設(shè)計(jì);用戶(hù)界面;插畫(huà)

2010年智能手機(jī)在中國(guó)逐步普及，移動(dòng)端界面設(shè)計(jì)非常簡(jiǎn)陋甚至直接以網(wǎng)頁(yè)的形式呈現(xiàn)， 用戶(hù)對(duì)應(yīng)用程序（APP）的期望也不高，只需要易懂易操作即可。 但是隨著時(shí)代發(fā)展，手機(jī)與人們生活聯(lián)系日益緊密，人們開(kāi)始追求美的享受、情感的需求。 在用戶(hù)看來(lái)，APP不僅僅要滿(mǎn)足功能需求，他們還想要在使用APP過(guò)程中產(chǎn)生情感的共鳴。 在近幾年，插畫(huà)正在以一種堅(jiān)挺的姿勢(shì)屹立在設(shè)計(jì)趨勢(shì)最前沿。 當(dāng)然，插畫(huà)在UI設(shè)計(jì)中也逐步占領(lǐng)主導(dǎo)地位，并且越來(lái)越頻繁，形式越來(lái)越多樣尤其值得一提的就是移動(dòng)端界面中插畫(huà)的應(yīng)用。

1.情感化設(shè)計(jì)

盡管我們對(duì)情感化設(shè)計(jì)并不是很陌生，但我還要簡(jiǎn)單提及，因?yàn)椴瀹?huà)在移動(dòng)終端中的應(yīng)用目的就是為了提升界面的情感化、引起用戶(hù)共鳴。早在2010年諾曼教授就在《情感化設(shè)計(jì)》就提到了三層次理論：本能層、行為層、反思層，這是一種直達(dá)用戶(hù)內(nèi)心情感需求和精神需求的設(shè)計(jì)理念，它的目的是為了建立產(chǎn)品與人的聯(lián)系，使用戶(hù)在使用產(chǎn)品的過(guò)程中體驗(yàn)友好并且激發(fā)用戶(hù)正面向上的情緒， 我個(gè)人的理解這三個(gè)層次就是好看，好用，想用。

2.情感化插畫(huà)在界面設(shè)計(jì)中的優(yōu)勢(shì)

插畫(huà)的應(yīng)用主要體現(xiàn)在情感化設(shè)計(jì)中本能層次來(lái)滿(mǎn)足用戶(hù)的情感需求，同時(shí)與用戶(hù)建立友好的聯(lián)系，在界面中合理使用插畫(huà)可以很好地幫助用戶(hù)理解產(chǎn)品功能，實(shí)現(xiàn)界面設(shè)計(jì)原則中的差異性。

2.1通過(guò)插畫(huà)調(diào)動(dòng)用戶(hù)情緒

APP設(shè)計(jì)往往是商業(yè)盈利目的和用戶(hù)功能需求結(jié)合的產(chǎn)物，除了滿(mǎn)足用戶(hù)需求，讓用戶(hù)用的輕松愉悅之外，在使用過(guò)程中，開(kāi)發(fā)商還會(huì)引導(dǎo)用戶(hù)去做一些他們期望做的操作， 在這樣的界面中如果用到合理又美觀的插畫(huà)，就會(huì)引導(dǎo)用戶(hù)做到這一點(diǎn)。

2.1.1帶動(dòng)情緒：引導(dǎo)用戶(hù)完成操作

一般情況下一個(gè)APP在發(fā)布或更新的時(shí)候，大部分用戶(hù)都沒(méi)有很多時(shí)間和興趣去學(xué)習(xí)如何使用， 都是拿到手里就用，那么APP在引導(dǎo)頁(yè)中就可以利用插畫(huà)將產(chǎn)品的內(nèi)容、功能、或者是升級(jí)的亮點(diǎn)簡(jiǎn)單高效地表現(xiàn)出來(lái)，在第一時(shí)間將用戶(hù)的目光聚焦到你的產(chǎn)品上同事帶動(dòng)其情緒，讓用戶(hù)更快捷的進(jìn)入APP的使用。

在設(shè)計(jì)的過(guò)程中設(shè)計(jì)師要通過(guò)極簡(jiǎn)的扁平化插畫(huà)在短時(shí)間內(nèi)吸引用戶(hù)注意力，獲得用戶(hù)視覺(jué)好感。 這種頁(yè)面如果用插畫(huà)形象化、生動(dòng)化、立體化的表現(xiàn)，可以通過(guò)一個(gè)個(gè)小場(chǎng)景、小故事等方向來(lái)繪制，既增加了其趣味性，同時(shí)給用戶(hù)帶來(lái)意外的驚喜。

2.1.2控制情緒：消滅使用時(shí)的負(fù)面情緒

這類(lèi)情況多出現(xiàn)在一些出錯(cuò)頁(yè)面或網(wǎng)絡(luò)延遲時(shí)，如 404 、403頁(yè)等，美觀有趣的插畫(huà)在這種時(shí)候可以就可以減少用戶(hù)的焦慮感和不安的心理，使這個(gè)頁(yè)面有了人情味，也可以提升品牌形象在用戶(hù)心中的地位。

當(dāng)頁(yè)面正在加載時(shí)，頁(yè)面中如果出現(xiàn)一些能夠與用戶(hù)互動(dòng)的交互動(dòng)效，用生動(dòng)形象的插畫(huà)設(shè)計(jì)能減少用戶(hù)煩躁的心理，分散其注意力，減少網(wǎng)絡(luò)延遲或正在加載的等待中用戶(hù)焦躁不安的心理。

2.2影響用戶(hù)感知

感知層面是用戶(hù)通過(guò)一些外在的事物來(lái)激發(fā)自己內(nèi)心的情感。相比其他表現(xiàn)形式，插畫(huà)更加具有藝術(shù)感染力，更能達(dá)到觸及用戶(hù)內(nèi)心的作用。

感知層面的影響因素有兩種，一種是認(rèn)同感，比如用戶(hù)以前有相似的體驗(yàn)，感同身受;還有一種是興趣使然，比如用戶(hù)喜歡攝影、喜歡設(shè)計(jì)，對(duì)喜歡的事物總能保持濃厚的興趣，從而時(shí)刻關(guān)注。

通過(guò)引入這種人類(lèi)天性中關(guān)注的點(diǎn)，最容易贏得消費(fèi)者的注意和喜歡，可以是狹義的產(chǎn)品App，也可以是廣義的產(chǎn)品宣傳中，最后運(yùn)用插畫(huà)渲染描繪出趣味性的，能與用戶(hù)產(chǎn)生共鳴的場(chǎng)景。

2.3擬人化

擬人化的手法在插畫(huà)中是最為常見(jiàn)的，通過(guò)插畫(huà)將產(chǎn)品形象擬化成一個(gè)人，賦予它人的感情，當(dāng)用戶(hù)對(duì)某一項(xiàng)操作有困難，或者開(kāi)發(fā)商希望用戶(hù)去使用某些功能的時(shí)候，APP會(huì)像人一樣提示用戶(hù)，增進(jìn)與用戶(hù)的關(guān)系。

3.插畫(huà)在APP界面中情感化的表達(dá)

3.3.1引導(dǎo)頁(yè)

如今應(yīng)用商城中大多數(shù)APP的引導(dǎo)頁(yè)都是用了插畫(huà)的表現(xiàn)手法，將產(chǎn)品的特色、功能、最新活動(dòng)情況、更新過(guò)后的亮點(diǎn)表現(xiàn)出來(lái)。根據(jù)心理學(xué)分析，人們?cè)诮佑|新興事物的過(guò)程往往伴隨著緊張感，引導(dǎo)頁(yè)目的就是極短的時(shí)間里讓用戶(hù)大致了解這款A(yù)PP，減輕用戶(hù)的緊張感，讓用戶(hù)更快的適應(yīng)APP的使用。

3.3.2啟動(dòng)頁(yè)

啟動(dòng)頁(yè)在用戶(hù)每次打開(kāi)APP的時(shí)候出現(xiàn)，相當(dāng)于人的臉面，所以該頁(yè)面設(shè)計(jì)的好壞直接影響了用戶(hù)對(duì)APP的評(píng)價(jià)。在節(jié)日或生日、節(jié)氣還有運(yùn)營(yíng)活動(dòng)時(shí)，啟動(dòng)頁(yè)便成了各大平臺(tái)爭(zhēng)奇斗艷的場(chǎng)地。 一方面有助于宣傳，另一方面也建立了品牌在用戶(hù)心中的形象。用戶(hù)會(huì)從內(nèi)心感受到軟件帶來(lái)的祝福，從而擁有美好的心情。 啟動(dòng)頁(yè)只有短暫的一秒鐘，在短暫的時(shí)間里用戶(hù)如何獲得情感的共鳴，插畫(huà)無(wú)疑是最佳的選擇， 精致的插畫(huà)配著豐富多彩的顏色比真實(shí)場(chǎng)景更加能讓人接受，勾起用戶(hù)的某段回憶或者感受。 繪制插畫(huà)的時(shí)候需要考慮該APP所針對(duì)的人群、產(chǎn)品調(diào)性，才能更好地讓用戶(hù)記憶難忘。

3.3.3空白頁(yè)面

空白頁(yè)在網(wǎng)絡(luò)問(wèn)題造成的頁(yè)面或者是沒(méi)有內(nèi)容的頁(yè)面，例如頁(yè)面中顯示“沒(méi)有信息”“列表為空”，但空白的頁(yè)面給用戶(hù)的體驗(yàn)是不友好的，這個(gè)時(shí)候就需要給用戶(hù)說(shuō)明情況。但僅僅是文字描述就會(huì)顯得枯燥乏味，如果用簡(jiǎn)單的插畫(huà)來(lái)表示頁(yè)面就會(huì)顯得生動(dòng)有趣，更加能夠讓用戶(hù)理解和操作。空白頁(yè)面的插畫(huà)在設(shè)計(jì)的時(shí)候要以簡(jiǎn)約易懂為主，盡可能的保持APP整體風(fēng)格。

3.3.4出錯(cuò)頁(yè)面

用戶(hù)在使用APP的時(shí)候偶爾會(huì)遇到不可預(yù)見(jiàn)的狀況會(huì)影響用戶(hù)操作，例如斷網(wǎng)、404等。插畫(huà)的使用會(huì)減緩用戶(hù)的煩躁心理，一些簡(jiǎn)單的擬人化的文案也會(huì)讓用戶(hù)感到輕松舒緩，好的空白頁(yè)面會(huì)花費(fèi)不少設(shè)計(jì)時(shí)間，因?yàn)檫@種頁(yè)面不僅是用于提示，還會(huì)引導(dǎo)用戶(hù)進(jìn)行實(shí)質(zhì)性的操作，這里的插畫(huà)也要通俗易懂同時(shí)要提升頁(yè)面的審美性和趣味性。

結(jié)語(yǔ)

插畫(huà)通常以生動(dòng)活潑有趣的形象來(lái)營(yíng)造特定的氛圍，帶動(dòng)著人們的情緒變化。而且插畫(huà)本身就帶有故事性，無(wú)論是在網(wǎng)頁(yè)端還是移動(dòng)端都會(huì)呈現(xiàn)出各種鮮活的環(huán)境與角色。人都是感性動(dòng)物，在美的追求上大家都是一致的，好的插畫(huà)從線條到色彩、從角色表情到四肢的活動(dòng)都在竭盡全力營(yíng)造氛圍，渲染情緒，激發(fā)了用戶(hù)情感共鳴，增強(qiáng)了用戶(hù)對(duì)產(chǎn)品的粘性。

作者簡(jiǎn)介：焦?jié)崳?996.7—），女，漢族，籍貫：甘肅酒泉人，江西師范大學(xué)美術(shù)學(xué)院，18級(jí)在讀研究生，碩士學(xué)位，專(zhuān)業(yè)：設(shè)計(jì)學(xué)，研究方向：視覺(jué)傳達(dá)設(shè)計(jì)。