商業(yè)插畫在移動界面設(shè)計中的應(yīng)用

倪鵬飛 邱銘岳 金殷梓楠

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

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

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

0 前言

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

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

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

1.1 色彩

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

1.2 文字

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

1.3 圖案

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

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

2.1 扁平化風(fēng)格

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

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

2.2 擬物化風(fēng)格

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

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

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

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

3.1 技術(shù)性

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

3.2 識別性

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

3.3 實效性

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

3.4 藝術(shù)性

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

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

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

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

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

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

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

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

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

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

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

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

5 結(jié)語

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

參考文獻：

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

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

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

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

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