數(shù)字插畫在APP 界面設(shè)計(jì)中的應(yīng)用研究

◎邱羽亭

一、數(shù)字插畫

插畫歷史悠久，插畫一詞來源于拉丁文illustration，在中國俗稱插圖，最早應(yīng)用于印刷物中，常與文字結(jié)合?，F(xiàn)隨著時(shí)代的變遷，載體的變化，插畫創(chuàng)作將不再受到傳統(tǒng)媒介的限制，呈現(xiàn)多元化發(fā)展的趨勢，由此出現(xiàn)了一種新的藝術(shù)形式，即將數(shù)字技術(shù)與藝術(shù)進(jìn)行結(jié)合，數(shù)字插畫應(yīng)運(yùn)而生，插畫也被廣泛應(yīng)用于社會生活的各個(gè)領(lǐng)域。例如：產(chǎn)品包裝、廣告媒體、網(wǎng)頁界面、出版物、服飾配件等。數(shù)字化是這個(gè)時(shí)代的特征，是社會轉(zhuǎn)變的趨勢。

二、APP 界面與數(shù)字插畫

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

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

三、數(shù)字插畫在APP 界面中的應(yīng)用場景

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

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

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

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

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

另外還有彈窗、專題頁、背景圖等，在界面中采用數(shù)字插畫的形式，設(shè)計(jì)師無需擔(dān)心版權(quán)的問題還能讓界面更具有可識別性。

四、數(shù)字插畫在APP 中的多元化應(yīng)用

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

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

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

五、結(jié)語

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