數字插畫在APP 界面設計中的應用研究

◎邱羽亭

一、數字插畫

插畫歷史悠久，插畫一詞來源于拉丁文illustration，在中國俗稱插圖，最早應用于印刷物中，常與文字結合。現隨著時代的變遷，載體的變化，插畫創作將不再受到傳統媒介的限制，呈現多元化發展的趨勢，由此出現了一種新的藝術形式，即將數字技術與藝術進行結合，數字插畫應運而生，插畫也被廣泛應用于社會生活的各個領域。例如：產品包裝、廣告媒體、網頁界面、出版物、服飾配件等。數字化是這個時代的特征，是社會轉變的趨勢。

二、APP 界面與數字插畫

數字時代的到來，手機作為現代人重要的通訊工具之一，是我們進行信息輸入和輸出的重要媒介。自2008 年喬布斯開始在手機里加入APP STORE，大量的手機從業者開始開發APP，出現了UI 設計師的職業，同時也興起了移動互聯網的熱潮。APP 與我們生活密切相關，界面設計之所以越來越重要除了人們審美需求的不斷提升還得益于APP 市場的不斷競爭，例如：外賣、打車、短視頻等領域，在大互聯網環境下，一旦有一種互聯網產品發展得很好，很快就會相互借鑒從而出現大量類似的產品。此外，與傳統PC 界面的不同，手機界面尺寸更加小巧，設計發揮有限，導致中國的很多同類互聯網產品的頁面結構基本一致，例如：淘寶、天貓、京東等電商平臺APP 之間的互相借鑒，例如：優酷和Youtube，淘寶和ebay 等。

唐納德說：“產品不僅是所有功能的集合，他們真正的價值可以是滿足人們的情感需求。”縱觀現有的APP，大部分是功能復雜齊全，體驗全面平庸。APP 在保證用戶正常使用的同時還要考慮界面的合理、美觀性與實用性。在一款APP 中，如果圖標的寓意明確，圖形簡潔直觀易識別，往往能更有效地提升用戶操作的效率。數字插畫是一種新的流行文化，正是由于其圖形語言的精簡直白，才如此受到界面設計師的青睞，因此各大類APP 在視覺設計上也紛紛開始融入插畫的形式。將插畫與品牌進行深度融合，可使APP 兼具美觀與個性，在同類中脫穎而出，例如一些購物類APP，通過插畫的形式營造一種熱烈的氛圍，不僅給用戶帶來良好的視覺體驗，還能刺激消費者購買的欲望。除此之外，隨著人們生活水平不斷提升，加上人們審美方式和閱讀方式的轉變，人們對產品的體驗需求越來越趨向情感化與個性化，插畫便是利用圖形圖案的方式來表達想要營造的畫面，由于它造型色彩突出，引人注目，往往能很好地傳遞視覺信息，是一種帶有強烈情感的藝術表達形式。一個好看的界面能更好更快速地獲得用戶的好感，引起用戶情感上的共鳴，因此無論是加載狀態、空態頁面、出錯頁面還是彈窗頁面，如果在APP 中融入部分小插圖無疑能讓頁面給用戶有更多的耐心等待或查看。

三、數字插畫在APP 界面中的應用場景

插畫在APP 中的應用方式多種多樣，目前常見的幾種類型有：啟動頁、引導頁、刷新圖標、icon、banner、專題頁、彈窗、背景圖等。

啟動頁與引導頁通常在打開APP 時出現的畫面，在APP 發展的初期，這個界面只要求能使用即可，并不被人們所重視，但實際上它往往會影響到軟件帶給用戶的第一印象，因此要重視啟動頁或引導頁的視覺設計。現在很多APP 為了追求精美與獨特，也逐漸選擇插畫作為設計的一部分，插畫的風格種類繁多，不僅能起到補充文字說明的作用，還能發揮著視覺中心的信息傳遞作用。

插畫在APP 界面中的運用，不得不提到icon 圖標。現在越來越多的界面采用插畫風格的icon，插畫圖形的形式多樣，具有很強的色彩表現力，給人年輕、活力的感覺。例如MBE 風格的icon，從線框型Q 版卡通畫中演變出來，斷線的運用與色塊的溢出讓icon 獨具風格，能在界面豐富多彩的基礎上帶來更多的層次感。如今信息碎片化的時代，用戶注意力的持續時間越來越短，插畫圖標讓原本理性嚴謹的手機界面增添了一絲趣味性，用戶在接收信息的過程中也能獲得情感上的享受，手機界面配有插畫圖標，用戶便無需通過文本標簽來了解功能，可以更快更直觀地了解到界面所要傳達的信息，并且做下一步決策。

Banner 是網絡中最常見且有效的一種推廣方式，尤其在手機小尺寸的界面下，想要第一眼吸引用戶，傳遞重要信息，數字插畫的形式無疑成了一個很好的宣傳方式，豐富畫面內容的同時還能提高用戶點擊率，強化用戶與界面之間的互動，為手機界面的設計增添一抹色彩。

縱觀一線互聯網公司出品的APP，大部分產品將細節做到了細小的刷新圖標和加載圖標上。由于在APP 運行過程中的速度限制，有時會出現需要用戶等待的時間，若此時界面沒有任何反饋，用戶在等待過程中就會流失，如何讓等待的時間不那么枯燥，數字插畫的作用至關重要，在短暫停留的幾秒鐘內，它迅速能拉近用戶與產品之間的距離，有趣的小插圖附帶輕量動效也緩解等待帶來的枯燥感。

另外還有彈窗、專題頁、背景圖等，在界面中采用數字插畫的形式，設計師無需擔心版權的問題還能讓界面更具有可識別性。

四、數字插畫在APP 中的多元化應用

新媒體時代為數字插畫帶來了新的發展機遇，插畫領域也呈現多元化的發展趨勢。視覺上，插畫的形態已逐漸從靜態轉變為動態。動態插畫是一種介于插畫與動畫之間的表現形式，動態敘事的方式給用戶帶來全新的審美體驗，最常見的一種形式即為表情類插畫，擁有動態效果的GIF圖豐富了人類的視覺語言，例如表情包的運用，在社交類APP 中，人們往往看不到說話者的情緒，這經常會影響到人們對于說話內容的判斷，動態的表情插畫則更好地幫助說話者傳遞情緒，用戶可以在聊天的同時準確匹配當前的聊天環境，符合現代人們視覺體驗的同時還能夠豐富當前的說話場景，讓聊天氛圍更加輕松愉快。

在部分APP 產品中，插畫界面也加入了聲音的元素，例如一款名為《walkup》的記步數APP，幾乎所有的界面都是由精美的插畫構成，在場景中配有優美的音樂，讓用戶在飽覽地圖的同時有一種身臨其境的感覺。還有故宮博物院發布的APP 類產品——《胤禎美人圖》，畫面精致優美，充滿古韻，插畫與聲樂的配合達到了一定高度。《韓熙載夜宴圖》同樣將細節做到了極致，應用中的文字、語音、視頻都在為用戶講述其背后的故事，只需輕輕滑動指尖就能全景觸摸互動，實屬APP 中的精品。

攝影攝像類的軟件例如：Faceu 激萌、B612 咔嘰等，則是將插畫與AR 技術相結合，可以實時地在人臉上誕生一些虛擬的、具有動態效果的小貼圖插畫或道具，用戶可自由進行疊加或切換。另外，還可以配上音效，對拍攝的視頻或照片進行后期處理，令APP 的功能更具豐富多樣性。

五、結語

插畫由傳統走向數字化是時代發展的必然趨勢，APP 界面為數字插畫提供了全新的展示平臺，數字插畫也發揮自身優勢為APP 界面設計帶來了更豐富、更具情感化的場景，數字插畫打破了人機界面的冰冷，拉近了人機交互的距離，給用戶帶來了溫度。各類技術的興起也為數字插畫的表達提供了有利的條件，人們開始追求APP 界面的品質與設計感，因此插畫在APP 界面中的應用方式也呈現多樣化。在APP 未來的發展中，數字插畫將會融入更多的創意形式，發揮其更大的作用與價值給人們帶來全新的體驗。