基于移動終端的情感化插畫研究

摘? ? 要：本文指出了插畫設計在移動終端應用意義，旨在插畫如何表達情感化這一概念，論述了具有情感的插畫在用戶界面中的重要性，重點描述了插畫如何在用戶界面中使用且設計的時候需要注意的方面。針對單個頁面進行分析，為設計師明確了情感化插畫在移動終端中的地位。

關鍵詞：移動終端;情感化設計;用戶界面;插畫

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

1.情感化設計

盡管我們對情感化設計并不是很陌生，但我還要簡單提及，因為插畫在移動終端中的應用目的就是為了提升界面的情感化、引起用戶共鳴。早在2010年諾曼教授就在《情感化設計》就提到了三層次理論：本能層、行為層、反思層，這是一種直達用戶內心情感需求和精神需求的設計理念，它的目的是為了建立產品與人的聯系，使用戶在使用產品的過程中體驗友好并且激發用戶正面向上的情緒， 我個人的理解這三個層次就是好看，好用，想用。

2.情感化插畫在界面設計中的優勢

插畫的應用主要體現在情感化設計中本能層次來滿足用戶的情感需求，同時與用戶建立友好的聯系，在界面中合理使用插畫可以很好地幫助用戶理解產品功能，實現界面設計原則中的差異性。

2.1通過插畫調動用戶情緒

APP設計往往是商業盈利目的和用戶功能需求結合的產物，除了滿足用戶需求，讓用戶用的輕松愉悅之外，在使用過程中，開發商還會引導用戶去做一些他們期望做的操作， 在這樣的界面中如果用到合理又美觀的插畫，就會引導用戶做到這一點。

2.1.1帶動情緒：引導用戶完成操作

一般情況下一個APP在發布或更新的時候，大部分用戶都沒有很多時間和興趣去學習如何使用， 都是拿到手里就用，那么APP在引導頁中就可以利用插畫將產品的內容、功能、或者是升級的亮點簡單高效地表現出來，在第一時間將用戶的目光聚焦到你的產品上同事帶動其情緒，讓用戶更快捷的進入APP的使用。

在設計的過程中設計師要通過極簡的扁平化插畫在短時間內吸引用戶注意力，獲得用戶視覺好感。 這種頁面如果用插畫形象化、生動化、立體化的表現，可以通過一個個小場景、小故事等方向來繪制，既增加了其趣味性，同時給用戶帶來意外的驚喜。

2.1.2控制情緒：消滅使用時的負面情緒

這類情況多出現在一些出錯頁面或網絡延遲時，如 404 、403頁等，美觀有趣的插畫在這種時候可以就可以減少用戶的焦慮感和不安的心理，使這個頁面有了人情味，也可以提升品牌形象在用戶心中的地位。

當頁面正在加載時，頁面中如果出現一些能夠與用戶互動的交互動效，用生動形象的插畫設計能減少用戶煩躁的心理，分散其注意力，減少網絡延遲或正在加載的等待中用戶焦躁不安的心理。

2.2影響用戶感知

感知層面是用戶通過一些外在的事物來激發自己內心的情感。相比其他表現形式，插畫更加具有藝術感染力，更能達到觸及用戶內心的作用。

感知層面的影響因素有兩種，一種是認同感，比如用戶以前有相似的體驗，感同身受;還有一種是興趣使然，比如用戶喜歡攝影、喜歡設計，對喜歡的事物總能保持濃厚的興趣，從而時刻關注。

通過引入這種人類天性中關注的點，最容易贏得消費者的注意和喜歡，可以是狹義的產品App，也可以是廣義的產品宣傳中，最后運用插畫渲染描繪出趣味性的，能與用戶產生共鳴的場景。

2.3擬人化

擬人化的手法在插畫中是最為常見的，通過插畫將產品形象擬化成一個人，賦予它人的感情，當用戶對某一項操作有困難，或者開發商希望用戶去使用某些功能的時候，APP會像人一樣提示用戶，增進與用戶的關系。

3.插畫在APP界面中情感化的表達

3.3.1引導頁

如今應用商城中大多數APP的引導頁都是用了插畫的表現手法，將產品的特色、功能、最新活動情況、更新過后的亮點表現出來。根據心理學分析，人們在接觸新興事物的過程往往伴隨著緊張感，引導頁目的就是極短的時間里讓用戶大致了解這款APP，減輕用戶的緊張感，讓用戶更快的適應APP的使用。

3.3.2啟動頁

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

3.3.3空白頁面

空白頁在網絡問題造成的頁面或者是沒有內容的頁面，例如頁面中顯示“沒有信息”“列表為空”，但空白的頁面給用戶的體驗是不友好的，這個時候就需要給用戶說明情況。但僅僅是文字描述就會顯得枯燥乏味，如果用簡單的插畫來表示頁面就會顯得生動有趣，更加能夠讓用戶理解和操作。空白頁面的插畫在設計的時候要以簡約易懂為主，盡可能的保持APP整體風格。

3.3.4出錯頁面

用戶在使用APP的時候偶爾會遇到不可預見的狀況會影響用戶操作，例如斷網、404等。插畫的使用會減緩用戶的煩躁心理，一些簡單的擬人化的文案也會讓用戶感到輕松舒緩，好的空白頁面會花費不少設計時間，因為這種頁面不僅是用于提示，還會引導用戶進行實質性的操作，這里的插畫也要通俗易懂同時要提升頁面的審美性和趣味性。

結語

插畫通常以生動活潑有趣的形象來營造特定的氛圍，帶動著人們的情緒變化。而且插畫本身就帶有故事性，無論是在網頁端還是移動端都會呈現出各種鮮活的環境與角色。人都是感性動物，在美的追求上大家都是一致的，好的插畫從線條到色彩、從角色表情到四肢的活動都在竭盡全力營造氛圍，渲染情緒，激發了用戶情感共鳴，增強了用戶對產品的粘性。

作者簡介：焦潔（1996.7—），女，漢族，籍貫：甘肅酒泉人，江西師范大學美術學院，18級在讀研究生，碩士學位，專業：設計學，研究方向：視覺傳達設計。