現(xiàn)如今很多UI設(shè)計(jì)培訓(xùn)班都開設(shè)了商業(yè)插畫的課程，有不少同學(xué)表示真的要學(xué)嗎？商業(yè)插畫都有什么用處呢？今天小千就來給大家介紹一下商業(yè)插畫在UI設(shè)計(jì)中的運(yùn)用。

      商業(yè)插畫屬于實(shí)用型插畫，是一種具有明確商業(yè)意圖的插畫。與純藝術(shù)類插畫相比，商業(yè)插畫從單純的個(gè)人審美轉(zhuǎn)化為服務(wù)商家和大眾，承載著某種商業(yè)行為，以達(dá)到吸引用戶、引導(dǎo)轉(zhuǎn)化和促進(jìn)消費(fèi)的目的。商業(yè)插畫的風(fēng)格眾多，大致可分為卡通風(fēng)格、扁平風(fēng)格、手繪風(fēng)格和寫實(shí)風(fēng)格等。

      商業(yè)插畫是插圖的組成部分之一。插圖，英文中用單詞“Illustration”來表示，它的解釋是“具有例證、圖解、舉例說明以及注釋等涵義”。隨著商品經(jīng)濟(jì)的繁榮，大眾傳媒的發(fā)展，插畫不再單純是一種藝術(shù)形式，而是成為現(xiàn)代設(shè)計(jì)中重要視覺傳達(dá)形式，具有傳播信息和服務(wù)社會(huì)的功能。商業(yè)插畫是商業(yè)活動(dòng)不斷發(fā)展的產(chǎn)物，設(shè)計(jì)性和藝術(shù)性都比較強(qiáng)。隨著人們對物質(zhì)和精神生活的追求日益提高，商業(yè)插畫的意義也在隨之改變。商業(yè)插畫在功能上不再單一地為文字服務(wù)，由于它的表現(xiàn)形式生動(dòng)活潑、視覺語言富有創(chuàng)意，很容易吸引消費(fèi)者注意力，因而在現(xiàn)代設(shè)計(jì)中引起很多人的關(guān)注，并成為一種重要傳遞方式。當(dāng)前的時(shí)代是一個(gè)變幻莫測的時(shí)代，商業(yè)插畫能在這一時(shí)代中實(shí)現(xiàn)持續(xù)性發(fā)展是一件非常艱難的事情，因此我們有必要了解商業(yè)插畫的概念、變化與發(fā)展。

      商業(yè)插畫產(chǎn)生的社會(huì)需求

      1.大眾視覺審美的轉(zhuǎn)變

      社會(huì)在不斷進(jìn)步，時(shí)代也在不斷向前發(fā)展，人們的審美需求以及審美觀念也出現(xiàn)了很大的轉(zhuǎn)變。不同的審美個(gè)體面對同一藝術(shù)作品時(shí)，各自的審美動(dòng)機(jī)動(dòng)機(jī)不同，所產(chǎn)生的審美感受也存在很大差別。由此可見，創(chuàng)作者與受眾之間必須展開對話交流，這樣才能使受眾更好地理解作品的內(nèi)涵，與作品產(chǎn)生情感共鳴。在這一過程中，作品如同連接創(chuàng)作者與受眾的橋梁。根據(jù)德國實(shí)驗(yàn)心理學(xué)家羅伯特·費(fèi)舍爾提出的“移情”概念，如果作品吸引了受眾的注意力，那么受眾會(huì)在不知不覺中將自己的情感與作品融為一體。所以受眾審美會(huì)對插畫創(chuàng)作者的創(chuàng)作手法以及審美追求產(chǎn)生一定的影響。插畫創(chuàng)作者在創(chuàng)作插畫作品時(shí)非常關(guān)注受眾的審美需求，力求為受眾帶來愉悅的視覺感受，使受眾與作品產(chǎn)生情感共鳴，更重要的是，創(chuàng)作者已經(jīng)將受眾的審美追求作為評價(jià)插畫內(nèi)涵以及審美印象的標(biāo)準(zhǔn)。受眾如果被作品吸引了注意力，并且與作品產(chǎn)生情感共鳴，創(chuàng)作者必須采用能夠?qū)κ鼙妼徝婪较虍a(chǎn)生引導(dǎo)的作品形式，這樣才能對受眾的感受產(chǎn)生影響。顯然，商業(yè)插畫的發(fā)展順應(yīng)了受眾審美和時(shí)代文化的需求。

      2.大眾閱讀方式的轉(zhuǎn)變

      德國哲學(xué)家海德格爾在 20 世紀(jì) 30 年代曾經(jīng)預(yù)言“世界圖像時(shí)代”已經(jīng)來臨，他認(rèn)為從本質(zhì)上來看，世界圖像并非指一幅關(guān)于世界的圖像，而是指世界被把握成了圖像。在互聯(lián)網(wǎng)技術(shù)和智能手機(jī)技術(shù)的迅猛發(fā)展時(shí)代中，人們對世界理解和解釋的方式在這種難以抗拒的視覺化趨勢中越來越呈現(xiàn)出感性化和圖像化的特征。

      “讀圖時(shí)代”在普及化網(wǎng)絡(luò)技術(shù)和快節(jié)奏生活的帶動(dòng)下悄然而至。正如英國藝術(shù)批評家伯格所言：“在歷史的任何社會(huì)形態(tài)中，都不曾有過如此集中的形象，如此強(qiáng)烈的視覺信息。”當(dāng)下的閱讀不再僅僅局限于文字，圖像成了我們“閱讀”的重要領(lǐng)域。而視覺感受能力是讓人類與生俱來的一種認(rèn)知能力，它和語言程度的高低、文化積累的多少?zèng)]有太大的關(guān)系。圖像的淺顯易懂使人們在閱讀過程中倍感輕松，這在很大程度上增強(qiáng)了受眾的廣泛性。因而插畫憑借著其直觀性、易懂性的視覺特點(diǎn)，在 APP 用戶界面的設(shè)計(jì)中發(fā)揮了不可估量的作用。

      3.信息傳播方式的轉(zhuǎn)變

      人類信息傳播能力的發(fā)展過程與傳播媒介之間存在密切聯(lián)系，而且這一過程循序漸進(jìn)。傳播媒介的變革總是能帶動(dòng)人類信息傳播能力的跨越式發(fā)展，人類自身發(fā)展也因此獲得巨大動(dòng)力。信息時(shí)代的到來，使得信息的傳播告別了簡單模式，不再是紙上固定的油墨，而是看可以變化成各種形態(tài)在不同的界面上呈現(xiàn)。商業(yè)信息傳播要求選擇能促進(jìn)信息傳播的技術(shù)，采用容易被受眾所接受的傳播形式，同時(shí)還要與現(xiàn)代信息環(huán)境相適應(yīng)，通過多元化信息傳播形式來滿足商業(yè)信息傳播的需求。隨著現(xiàn)代插畫的傳播媒體語言極大程度上的豐富與更新，因此視覺圖像的擴(kuò)展和應(yīng)用方面為受眾帶來了無限的可能，它們可以通過任何一種新興媒體來傳達(dá)信息，傳播概念。

      4.用戶的交互心理需求

      用戶操作 APP 時(shí)，會(huì)隨著對 APP 的使用產(chǎn)生心理體驗(yàn)和感受，而且會(huì)將感受反饋到這種產(chǎn)品上。任何一個(gè)出色的 APP 不僅要滿足用戶的使用需求，而且還要對用戶產(chǎn)生情感關(guān)懷，簡單來講，就是利用豐富、多樣、生動(dòng)的圖像語言，通過帶給用戶情感體驗(yàn)，創(chuàng)設(shè)虛擬意境，使受眾產(chǎn)生記憶，使用戶在使用 APP 時(shí)由“需 要”轉(zhuǎn)變?yōu)?ldquo;想要”。在這一過程中，用戶心靈既可以得到撫慰，心理需求得到極大的滿足，又可以提升產(chǎn)品對用戶的黏著力。列夫·托爾斯泰于 19 世紀(jì)便提出了“用語言傳遞思想，用藝術(shù)傳遞情感”的觀點(diǎn)，插畫風(fēng)格設(shè)計(jì)與符號化界面設(shè)計(jì)相比，表現(xiàn)力更突出，感染力更強(qiáng)，可以完美地表現(xiàn)出人們的心理訴求以及心理體驗(yàn)，在不知不覺中完成情感的表達(dá)。

      商業(yè)插畫在 APP 用戶界面設(shè)計(jì)的風(fēng)格體現(xiàn)

      新時(shí)期的插畫呈多元化的表現(xiàn)風(fēng)格，在卡通風(fēng)格、扁平風(fēng)格、手繪風(fēng)格和寫實(shí)風(fēng)格，各類風(fēng)格充斥的時(shí)代，這些表現(xiàn)風(fēng)格之間的界限有事會(huì)又模糊性，一幅插畫可能同時(shí)包含了多種元素。

      1.扁平化插畫

      扁平化設(shè)計(jì)（Flat Design）產(chǎn)生于技術(shù)與交互設(shè)計(jì)結(jié)合的大數(shù)據(jù)時(shí)代，它的出現(xiàn)讓 APP 界面設(shè)計(jì)有了可用性更強(qiáng)的設(shè)計(jì)解決方案。隨著社會(huì)的發(fā)展，用戶的認(rèn)知水平也隨之不斷提高，自身的知識(shí)架構(gòu)不斷完善，對事物的概括能力并不斷增強(qiáng)，扁平化插畫設(shè)計(jì)與之前所流行的擬物化設(shè)計(jì)不同，它最核心的概念就是去掉復(fù)雜的裝飾效果，例如陰影、漸變、肌理等。它具有明顯的可定制性和針對性，將功能優(yōu)于形式的設(shè)計(jì)準(zhǔn)則作為主導(dǎo)，使用戶可以最大限度的接觸到應(yīng)用的本質(zhì)，是界面設(shè)計(jì)發(fā)展以來的一個(gè)歷史性創(chuàng)新點(diǎn)，是一種性格鮮明且獨(dú)立的 APP 界面風(fēng)格。

      2.卡通風(fēng)格插畫

      3.手繪插畫風(fēng)格

      4.寫實(shí)插畫

      商業(yè)插畫在各個(gè)領(lǐng)域的應(yīng)用都十分廣泛。相比文字來說，插畫可以表述更多明確的觀點(diǎn)、看法和情感。隨著多媒體技術(shù)的發(fā)展，網(wǎng)絡(luò)信息傳播對插畫設(shè)計(jì)的需求也有所增加。下面將商業(yè)插畫的應(yīng)用按照投放媒介和時(shí)間進(jìn)行分類。

      線上/線下的應(yīng)用

      將商業(yè)插畫的應(yīng)用領(lǐng)域按使用的投放媒介進(jìn)行分類，可分為線上的應(yīng)用和線下的應(yīng)用。線上的應(yīng)用是指應(yīng)用于手機(jī)、電腦和電視等媒介，線下的應(yīng)用是指應(yīng)用于書籍、文具、生活用品、快速消費(fèi)品和服飾等媒介。

      線上的應(yīng)用

      線上的應(yīng)用主要是H5頁面、橫幅廣告（Banner）、閃屏頁、海報(bào)、壁紙、皮膚和功能入口圖標(biāo)等。

      H5頁面是常見的活動(dòng)宣傳頁面，常用于App的活動(dòng)宣傳介紹。恰到好處的插畫設(shè)計(jì)可以吸引更多的用戶進(jìn)行點(diǎn)擊，進(jìn)而能增加產(chǎn)品的購買率和轉(zhuǎn)化率。下圖是一個(gè)旅游、理財(cái)、教育類產(chǎn)品的宣傳活動(dòng)頁面，主要是向用戶介紹保險(xiǎn)產(chǎn)品，用戶購買產(chǎn)品后還可以得到贈(zèng)品。

      H5頁面

      Banner用于介紹活動(dòng)和推廣產(chǎn)品，是線上應(yīng)用的一種常見的形式，主要是通過插畫與文案的結(jié)合來介紹活動(dòng)。

      閃屏頁出現(xiàn)在App啟動(dòng)頁之后，通常會(huì)顯示兩秒左右。

      功能入口圖標(biāo)

      功能入口圖標(biāo)一般出現(xiàn)在軟件界面中。下圖中的圖標(biāo)結(jié)合了傳統(tǒng)節(jié)日的常見元素，如風(fēng)箏、龍舟、粽子、雄黃酒和竹子等，將這些元素應(yīng)用到功能圖標(biāo)上，可營造出節(jié)日的氛圍。

      線下的應(yīng)用主要有如兒童繪本書籍、文具、生活用品、快速消費(fèi)品和服飾等類別。常見的有圖書封面/內(nèi)頁插畫、膠帶插畫、食品包裝插畫和服飾插畫等。

      所以隨著插畫在商業(yè)設(shè)計(jì)中的應(yīng)用越來越廣泛，掌握一定的繪畫技術(shù)有助于增加設(shè)計(jì)作品的表現(xiàn)力。

      最后想學(xué)習(xí)UI設(shè)計(jì)的同學(xué)，可以參考千鋒UI設(shè)計(jì)培訓(xùn)班提供的全棧UI設(shè)計(jì)學(xué)習(xí)路線，結(jié)合千鋒名師精心錄制的全套UI設(shè)計(jì)視頻教程，可以讓你對學(xué)習(xí)UI設(shè)計(jì)需要掌握的知識(shí)有個(gè)清晰的了解，并快速入門UI設(shè)計(jì)的行業(yè)中。視頻講解通俗易懂，入門UI設(shè)計(jì)僅用此套視頻足矣。想要獲取免費(fèi)UI設(shè)計(jì)學(xué)習(xí)路線和學(xué)習(xí)資料可以添加我們的UI技術(shù)交流qq群：809348958  加群找群管理領(lǐng)取即可，UI設(shè)計(jì)相關(guān)技術(shù)問題也可以加群解決，等你來哦~~~~