倪鵬飛 邱銘岳 金殷梓楠

摘要：當(dāng)今社會(huì)，手機(jī)等移動(dòng)媒介的不斷發(fā)展極大地豐富了人們的生活，移動(dòng)界面設(shè)計(jì)以傳播信息為目的，簡(jiǎn)潔生動(dòng)的視覺藝術(shù)更能從視覺層面吸引人們的注意，便于信息的傳播。其中商業(yè)插畫以其獨(dú)特的表現(xiàn)形式和富有感染力的視覺呈現(xiàn)被廣泛應(yīng)用于移動(dòng)界面設(shè)計(jì)，受到人們的歡迎。研究商業(yè)插畫的設(shè)計(jì)原則能進(jìn)一步優(yōu)化與更新界面設(shè)計(jì)，增加良好的交互體驗(yàn)。本文從商業(yè)插畫的設(shè)計(jì)要素和設(shè)計(jì)風(fēng)格入手，分析其在移動(dòng)界面設(shè)計(jì)中的應(yīng)用規(guī)律和方法。

關(guān)鍵詞：商業(yè)插畫;界面設(shè)計(jì);應(yīng)用

中圖分類號(hào)：J239 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1004-9436（2021）11-0-02

0 前言

插畫是一種視覺藝術(shù)表現(xiàn)形式，運(yùn)用領(lǐng)域廣泛。插畫創(chuàng)作要求畫面新穎、寓意獨(dú)特、題材創(chuàng)新，在視覺呈現(xiàn)上具有一定審美價(jià)值。隨著現(xiàn)代社會(huì)的發(fā)展與進(jìn)步，手機(jī)等移動(dòng)媒介在人們的生活中占據(jù)越來越大的比重，移動(dòng)界面設(shè)計(jì)是應(yīng)用于移動(dòng)媒介的視覺化設(shè)計(jì)，插畫的種類與傳播方式在新媒體的不斷發(fā)展下越發(fā)多樣化，在不改變其特有的藝術(shù)表現(xiàn)手法的前提下，融入了視覺界面設(shè)計(jì)靈活的表現(xiàn)形式與多元的設(shè)計(jì)風(fēng)格。新的發(fā)展方向使插畫的藝術(shù)表現(xiàn)力更具特色。

商業(yè)插畫不僅是重要的藝術(shù)表現(xiàn)形式，更是人們獲取信息的一種有效視覺途徑[1]。其不僅帶有藝術(shù)性的特點(diǎn)，還具備滿足商業(yè)需求的條件，能夠最大限度地傳遞商品信息，展現(xiàn)商品的藝術(shù)性和品質(zhì)，增強(qiáng)用戶的體驗(yàn)感。同時(shí)商業(yè)插畫也具備一定的美學(xué)內(nèi)涵，在藝術(shù)表現(xiàn)與主題呈現(xiàn)上具有獨(dú)特性，在一定程度上能夠促進(jìn)商業(yè)傳播，并在視覺感官上影響受眾的視覺審美習(xí)慣。

1 商業(yè)插畫在移動(dòng)界面中的設(shè)計(jì)要素

1.1 色彩

在插畫創(chuàng)作中，色彩能夠直接刺激感官，是非常重要的設(shè)計(jì)元素，也是人們判斷事物狀態(tài)和感覺的重要依據(jù)。人們視覺感知到色彩的瞬間，就能在大腦中形成一種直觀印象，這種印象在為受眾帶來不同心理感受的同時(shí)，展現(xiàn)了產(chǎn)品的定位與特征，通過色彩使用戶產(chǎn)生心理共鳴，引起用戶的關(guān)注與興趣[2]。如淘寶界面的宣傳圖以紅色和橙色為主，紅色有著熱情、奔放、力量的寓意，橙色有著溫暖、幸福、愉快的寓意，兩種暖色都能給讓人產(chǎn)生快樂愉悅的感受，用戶在這種明快的情緒下進(jìn)行購物，消費(fèi)欲望更加強(qiáng)烈。合理的色彩搭配也能夠加快圖像的傳播，因此，在頁面設(shè)計(jì)中如何設(shè)計(jì)出符合產(chǎn)品理念且能準(zhǔn)確抓住產(chǎn)品設(shè)計(jì)主題的色彩搭配是商業(yè)插畫創(chuàng)作者必須要考慮的。

1.2 文字

文字是信息傳播的重要設(shè)計(jì)元素，是界面設(shè)計(jì)中必不可少的視覺符號(hào)，在界面設(shè)計(jì)中占了很大比重，在插畫創(chuàng)作中加入文字的設(shè)計(jì)會(huì)增強(qiáng)畫面的層次感。根據(jù)產(chǎn)品屬性，不同文字的設(shè)計(jì)風(fēng)格帶來的情感體驗(yàn)不同，如母親節(jié)宣傳插圖選取的文字是莊重的，勞動(dòng)節(jié)宣傳插圖選取的文字是歡快的，清明節(jié)宣傳插圖選取的文字是嚴(yán)肅的，購物節(jié)宣傳插圖選取的文字是可愛的，這些插圖的創(chuàng)作素材多來自生活。設(shè)計(jì)師在繪制時(shí)融入自己的情感，在插畫中根據(jù)整體效果合理插入文字可使畫面的視覺語言更具感染力，便于用戶理解，引導(dǎo)用戶思考。同時(shí)文字的排版與顏色選取也要與畫面內(nèi)容相配，選擇與插畫主題相符的色調(diào)，增添插畫的氛圍感，讓畫面富有情感。

1.3 圖案

插畫圖案被廣泛應(yīng)用于界面設(shè)計(jì)中，其中圖形語言作為基礎(chǔ)的視覺符號(hào)，在界面設(shè)計(jì)中所占的比重較大。圖形語言視覺元素相比其他設(shè)計(jì)元素更具傳播性，直觀易懂。設(shè)計(jì)師通過藝術(shù)設(shè)計(jì)手法在實(shí)物參考形象的基礎(chǔ)上，對(duì)圖案進(jìn)行視覺化處理，用戶觀賞后展開聯(lián)想，從而產(chǎn)生情感共鳴。這些心理情感主要來自用戶感知經(jīng)驗(yàn)的積累。比如，過年時(shí)家家戶戶都會(huì)把鯉魚躍龍門的畫報(bào)貼到門上，有著安定、吉祥、年年有余的寓意。在商業(yè)插畫的設(shè)計(jì)過程中需找到能引發(fā)用戶共鳴點(diǎn)的設(shè)計(jì)元素，創(chuàng)造圖形，表達(dá)意愿;借助移動(dòng)媒體平臺(tái)，實(shí)現(xiàn)圖案的動(dòng)態(tài)化，使畫面效果更加飽滿，充分調(diào)動(dòng)用戶的情緒。

2 商業(yè)插畫在移動(dòng)界面中的表現(xiàn)風(fēng)格

2.1 扁平化風(fēng)格

扁平化風(fēng)格屬于一種極簡(jiǎn)風(fēng)格，其設(shè)計(jì)方法為將簡(jiǎn)潔的色彩、文字、圖形等設(shè)計(jì)元素進(jìn)行組合，在理解設(shè)計(jì)信息的基礎(chǔ)上使受眾體會(huì)到藝術(shù)形式的美感，具有很強(qiáng)的概括性。

扁平化風(fēng)格的插圖整體視覺效果簡(jiǎn)潔，塊面感和線條感增強(qiáng)了畫面趣味性。與擬物化風(fēng)格復(fù)雜的配色以及追求極致的表現(xiàn)手法不同，扁平化風(fēng)格在刻畫內(nèi)容時(shí)會(huì)削減物體本身明暗關(guān)系，在色彩選取上大膽運(yùn)用飽和度較高的配色，把握不同色彩之間的適配度，強(qiáng)調(diào)顏色之間的對(duì)比度，色彩語言體系既簡(jiǎn)單又準(zhǔn)確;表現(xiàn)色彩本身的情感訴求，在符合商業(yè)需求和品牌定位的前提下對(duì)色彩體系進(jìn)行提煉和創(chuàng)作，使畫面充滿想象;在簡(jiǎn)化圖形的構(gòu)成和色彩搭配的同時(shí)，精準(zhǔn)把握畫面的內(nèi)容表達(dá)，從而準(zhǔn)確傳播，節(jié)約設(shè)計(jì)成本。

2.2 擬物化風(fēng)格

擬物化風(fēng)格在商業(yè)插畫中運(yùn)用時(shí)，通常使用專業(yè)繪圖軟件，以現(xiàn)實(shí)生活中的素材為樣本，創(chuàng)作出可體現(xiàn)其實(shí)物質(zhì)感的紋理，通過色彩明暗對(duì)比和對(duì)肌理的刻畫，在界面上創(chuàng)作出立體的視覺效果，使畫面生動(dòng)和諧，讓受眾有更加真實(shí)的感知體驗(yàn)。擬物化風(fēng)格的優(yōu)點(diǎn)是直觀性更強(qiáng)，更有代入感，具備一定的藝術(shù)審美性，受眾可根據(jù)直觀感受去判斷以及識(shí)別傳遞的信息。

在信息時(shí)代，年輕人成為網(wǎng)絡(luò)消費(fèi)的最大群體，商業(yè)插畫的發(fā)展在形式與風(fēng)格上逐漸以年輕人的審美為主導(dǎo)，插畫創(chuàng)作也逐漸變得個(gè)性化和簡(jiǎn)單化。扁平化風(fēng)格色彩語言鮮明，深受用戶喜愛。而在實(shí)際商業(yè)宣傳時(shí)，設(shè)計(jì)師會(huì)根據(jù)商業(yè)需求與插畫主題選擇適合的設(shè)計(jì)風(fēng)格進(jìn)行創(chuàng)作，運(yùn)用簡(jiǎn)約或?qū)憣?shí)手法準(zhǔn)確把握商品信息，使設(shè)計(jì)效果達(dá)到最佳。

3 商業(yè)插畫的特征

商業(yè)插畫的創(chuàng)作者通過直觀的視覺符號(hào)使受眾的感知體驗(yàn)更加強(qiáng)烈，商業(yè)產(chǎn)品信息更容易被傳達(dá)，在營(yíng)造良好的視覺感受時(shí)，滿足了用戶對(duì)藝術(shù)審美的要求和對(duì)商業(yè)信息的需求。插畫設(shè)計(jì)元素在移動(dòng)界面中展現(xiàn)出的視覺效果，使界面既獨(dú)特又美觀，為人們帶來強(qiáng)烈的視覺體驗(yàn)。由此，所宣傳的商業(yè)產(chǎn)品也會(huì)在受眾心里留下深刻的印象，最終產(chǎn)生商業(yè)價(jià)值。商業(yè)插畫借助移動(dòng)媒體的呈現(xiàn)與傳播，明確受眾群體。在對(duì)有商業(yè)需求的產(chǎn)品進(jìn)行信息傳遞時(shí)，插畫所要體現(xiàn)的內(nèi)容須和產(chǎn)品本身統(tǒng)一，向大眾準(zhǔn)確傳遞信息，具備實(shí)用性和廣泛性，保證表現(xiàn)效果生動(dòng)，在界面設(shè)計(jì)中的可識(shí)別性強(qiáng)。商業(yè)插畫具有技術(shù)性、識(shí)別性、實(shí)效性和藝術(shù)性的特征，最終呈現(xiàn)的效果可以吸引受眾的注意力，增加受眾與產(chǎn)品的情感互動(dòng)。

3.1 技術(shù)性

商業(yè)插畫富有感染力，在繪畫的基礎(chǔ)上，對(duì)主題內(nèi)容圖案進(jìn)行繪制，不僅考驗(yàn)插畫師的想象力與創(chuàng)造力，同時(shí)也要求插畫師精準(zhǔn)把握產(chǎn)品形象和內(nèi)涵，通過對(duì)設(shè)計(jì)元素的有效利用，創(chuàng)作出符合產(chǎn)品的插畫作品。保證插畫作品在投入市場(chǎng)時(shí)，能夠在較短的時(shí)間內(nèi)向受眾傳遞準(zhǔn)確的信息，用戶可以接收到產(chǎn)品本身要表達(dá)的含義。

3.2 識(shí)別性

商業(yè)插畫通過色彩選擇、元素設(shè)計(jì)、圖形線條形成視覺上的美感，能夠生動(dòng)形象地表達(dá)情感、主題和故事內(nèi)涵，可以打破地域文化、語言性別等方面的限制，便于被大眾理解、接受。尤其是在當(dāng)今社會(huì)，商業(yè)插畫采用生動(dòng)形象的表現(xiàn)手法，運(yùn)用視覺語言帶給受眾深刻印象，具有鮮明的直觀性。簡(jiǎn)單明了、生動(dòng)形象的視覺藝術(shù)更容易吸引人們的注意，便于信息的表達(dá)和傳播[3]。同時(shí)插畫涉及領(lǐng)域廣泛，選材日常，識(shí)別性高，因此，很容易被人們理解和接受。當(dāng)前，商業(yè)插畫已經(jīng)逐漸成為界面設(shè)計(jì)的不可缺少的一部分。

3.3 實(shí)效性

隨著時(shí)代的進(jìn)步與發(fā)展，在技術(shù)改變?nèi)藗兩畹耐瑫r(shí)，插畫創(chuàng)作者在藝術(shù)表現(xiàn)中不斷融合新技術(shù)，應(yīng)對(duì)時(shí)代的挑戰(zhàn)，豐富了插畫藝術(shù)的表現(xiàn)形式。商業(yè)性促使商業(yè)插畫在創(chuàng)造藝術(shù)價(jià)值的同時(shí)又增加了經(jīng)濟(jì)價(jià)值[3]。商業(yè)插畫利用其特性通過藝術(shù)語言生動(dòng)直觀地傳達(dá)信息，利用用戶視覺感知，進(jìn)而刺激消費(fèi)。

3.4 藝術(shù)性

藝術(shù)源于生活，插畫在創(chuàng)作時(shí)需要在現(xiàn)實(shí)生活的基礎(chǔ)上進(jìn)行設(shè)計(jì)與修改，使人們可以在自身已有的社會(huì)經(jīng)驗(yàn)基礎(chǔ)上迅速判斷插畫傳遞的信息。進(jìn)入讀圖時(shí)代，社會(huì)迅速發(fā)展，人們接收信息的渠道變得更加廣泛與便利，每天接收大量信息，理解信息，使設(shè)計(jì)師在對(duì)商業(yè)產(chǎn)品進(jìn)行宣傳時(shí)不得不考慮設(shè)計(jì)的直觀性與趣味性。設(shè)計(jì)師為適應(yīng)技術(shù)的發(fā)展需要不斷改變插畫的表現(xiàn)形式。在市場(chǎng)需求不斷增加、移動(dòng)媒體快速發(fā)展的社會(huì)中，商業(yè)插畫獨(dú)特、夸張的藝術(shù)表達(dá)和個(gè)性、多元的藝術(shù)風(fēng)格吸引了更多用戶，界面設(shè)計(jì)中的商業(yè)插畫借助軟件設(shè)計(jì)能夠滿足商業(yè)需求，增加商業(yè)價(jià)值與內(nèi)涵，同時(shí)也提高了人們對(duì)藝術(shù)的理解和對(duì)設(shè)計(jì)的審美水平。

4 商業(yè)插畫在界面設(shè)計(jì)中的表現(xiàn)與應(yīng)用

在新媒體時(shí)代，商業(yè)插畫的可實(shí)現(xiàn)途徑和創(chuàng)作方式變得更加方便，大大提高了插畫的創(chuàng)作效率。受工作場(chǎng)地的限制和工作時(shí)間的影響，插畫設(shè)計(jì)師大多選擇數(shù)位板進(jìn)行創(chuàng)作，這大大縮減了創(chuàng)作成本[4]。而只要畫面效果能夠滿足商業(yè)需求，設(shè)計(jì)師也可以使用pad（平板電腦）自帶的繪圖軟件進(jìn)行創(chuàng)作。

4.1 靜態(tài)插畫表現(xiàn)形式

靜態(tài)插畫在移動(dòng)界面中是一種普遍的表現(xiàn)形式，其中主要有手繪插畫和數(shù)字插畫。

手繪插畫表現(xiàn)形式是商業(yè)插畫的表現(xiàn)形式之一，在移動(dòng)界面設(shè)計(jì)中被普遍運(yùn)用。手繪插畫對(duì)創(chuàng)作者的能力要求更高，在傳統(tǒng)媒介中，為體現(xiàn)真實(shí)感與藝術(shù)性，創(chuàng)作者往往需要投入更多的時(shí)間與精力去繪制插圖。受時(shí)間與地點(diǎn)限制，設(shè)計(jì)成本高，傳播方式局限，隨著信息技術(shù)高速發(fā)展，以紙媒為基礎(chǔ)的手繪插畫成為一種新的表現(xiàn)形式。手繪插畫獨(dú)有的筆觸肌理被制作成專屬筆刷，上傳至各大軟件，設(shè)計(jì)師可以將這些筆刷運(yùn)用到界面設(shè)計(jì)中，如以毛筆的筆觸紋理、水彩的暈染效果等不同的藝術(shù)表現(xiàn)形式配合各種畫面效果，在一定程度上滿足了需要手繪效果的商業(yè)需求。掃描手繪原件并將其上傳至網(wǎng)絡(luò)作為素材進(jìn)行二次創(chuàng)作，也可以收獲意想不到的設(shè)計(jì)效果。

數(shù)字插畫表現(xiàn)形式在界面設(shè)計(jì)中極為普遍，插畫在創(chuàng)作過程中以主題和內(nèi)容為主。在設(shè)置好的范圍內(nèi)對(duì)元素進(jìn)行設(shè)計(jì)和排版，呈現(xiàn)具有故事性和內(nèi)涵性的畫面，根據(jù)設(shè)計(jì)需求和畫面完整性搭配文字進(jìn)行內(nèi)容傳播，一般用于游戲介紹以及購物活動(dòng)宣傳。

4.2 動(dòng)態(tài)插畫表現(xiàn)形式

移動(dòng)界面插畫在運(yùn)用時(shí)不會(huì)被局限于靜態(tài)的表現(xiàn)形式，并且可以通過動(dòng)態(tài)、聲效等設(shè)計(jì)實(shí)現(xiàn)多維化的效果，如游戲的開屏插畫在圖畫的基礎(chǔ)上加入聲音、動(dòng)畫等動(dòng)效設(shè)計(jì)，在帶來強(qiáng)烈視覺效果的同時(shí)，引導(dǎo)人們?nèi)セ?dòng)點(diǎn)擊?？鋸埖谋憩F(xiàn)、豐富的色彩、多樣的動(dòng)效在帶來良好交互體驗(yàn)的同時(shí)，吸引人們?nèi)c(diǎn)擊以及下載付費(fèi)，為產(chǎn)品帶來收益。動(dòng)態(tài)的插畫表現(xiàn)比靜態(tài)插畫更加吸引眼球，在移動(dòng)界面中主要表現(xiàn)為表情包設(shè)計(jì)與視頻插畫。

表情包是人們?nèi)粘Ｉ缃簧钪斜夭豢缮俚囊徊糠郑砬榘鍒D在界面設(shè)計(jì)中充滿趣味性和互動(dòng)性，十分受用戶喜愛。表情包插畫受眾年齡范圍廣、使用頻率高，和其他插畫形式相比表達(dá)性更強(qiáng)，人們通過發(fā)送表情包表達(dá)情感，在情緒得到滿足的同時(shí)能夠加強(qiáng)交流、提高交流效率，是傳遞情感的最好表現(xiàn)形式，極大地豐富了人們的社交活動(dòng)。依托于此，設(shè)計(jì)師更有動(dòng)力激發(fā)自己的想象并帶來創(chuàng)新性的作品。

視頻插畫多用于游戲、電影以及動(dòng)畫等領(lǐng)域，可替代一些實(shí)物無法表現(xiàn)的畫面。隨著時(shí)代的不斷發(fā)展，為增加交互體驗(yàn)，商業(yè)插畫在視頻中的應(yīng)用也越來越廣泛。

軟件技術(shù)的更新和網(wǎng)絡(luò)技術(shù)的發(fā)展使得市場(chǎng)對(duì)商業(yè)插畫有了新的要求，由單純的靜態(tài)表達(dá)方式逐漸轉(zhuǎn)變成動(dòng)態(tài)的表達(dá)方式，在增加趣味性的同時(shí)更利于信息的傳播[4]。因此商業(yè)插畫在表現(xiàn)形式上更加多元化，同時(shí)增強(qiáng)了受眾的交互體驗(yàn)，擴(kuò)展了插畫的應(yīng)用領(lǐng)域，為商業(yè)插畫的發(fā)展帶來了機(jī)遇。然而迎來機(jī)遇的同時(shí)也要提高警惕，商業(yè)插畫的本質(zhì)是通過圖像傳達(dá)信息，為產(chǎn)品帶來經(jīng)濟(jì)價(jià)值，在創(chuàng)作時(shí)須體現(xiàn)產(chǎn)品本身所要傳達(dá)的精神內(nèi)涵。

5 結(jié)語

信息時(shí)代的商業(yè)插畫在藝術(shù)表現(xiàn)和傳播方式等方面變得更加完整與多樣。在移動(dòng)界面設(shè)計(jì)中，商業(yè)插畫基于視覺層面的色彩、文字、圖案等設(shè)計(jì)要素，在增強(qiáng)界面設(shè)計(jì)美感與整體性的同時(shí)，其視覺呈現(xiàn)性和藝術(shù)趣味性不僅能夠提升人們的欣賞水平和審美能力，也為移動(dòng)界面設(shè)計(jì)的創(chuàng)新發(fā)展提供了多樣性和可行性。商業(yè)插畫在滿足人們精神與審美需求的同時(shí)也豐富了界面的展示效果，為界面設(shè)計(jì)以及平臺(tái)創(chuàng)造價(jià)值，并且在新媒體時(shí)代煥發(fā)活力、展現(xiàn)魅力。

參考文獻(xiàn)：

[1] 劉筱馨.新媒體時(shí)代下商業(yè)插畫表現(xiàn)藝術(shù)研究[D].沈陽：沈陽師范大學(xué)，2017.

[2] 周吉.商業(yè)插畫在APP用戶界面設(shè)計(jì)中的應(yīng)用研究[D].杭州：浙江農(nóng)林大學(xué)，2018.

[3] 程誠.探索中國(guó)商業(yè)插畫發(fā)展之路[J].教育觀察（下），2017，6（10）：139-141.

[4] 王月穎.商業(yè)插畫在新媒體中的表現(xiàn)[J].戲劇之家，2019（07）：162.

作者簡(jiǎn)介：倪鵬飛（1979—），男，山東滕州人，碩士，研究方向：視覺傳達(dá)與媒體設(shè)計(jì)。