概覽

01·?插畫的源起發(fā)展

02·?商業(yè)插畫被廣泛應(yīng)用的原因

03·?插畫在UI設(shè)計中的優(yōu)勢和應(yīng)用場景

1-01. 插畫的源起發(fā)展

將其劃分為五個時間節(jié)點，分別為源起，開端，探索，發(fā)展，變化。在漫長的時間線里插畫隨著時代、文明、科技的變化，以不同的創(chuàng)作形式傳遞創(chuàng)作者的思想。

?

插畫的源起，要從公元前15000年阿爾塔米拉洞穴彩色野牛頭繪畫說起，其次重要的是埃及的《死者之書》，這是公元前332年發(fā)現(xiàn)的紙鈔草繪畫作品，為什么說它很重要呢？因為它是最早以插畫形式完整展示的敘事性內(nèi)容。

死者之書也稱為“通往光明之書”。段落是依照死者生平而撰寫的，對其中畫面感興趣的也可以看看最近漫威新上映的英雄劇集《月光騎士》，里面后三集的一些情節(jié)和死亡之書有契合之處～，比如男主兩個人格（馬克和史蒂文）的心臟再和天平秤量的時候，因心臟都不完整無法在天平上保持平衡。這一設(shè)定死者之書中也有繪制，這源于古埃及神話：當(dāng)一個人去世后，為了證明自己無罪，用瑪特的羽毛和死者的心臟稱量，如果心臟比羽毛輕即為無罪。反之則有罪。（Ma’at瑪特）【古埃及真理和正義的女神，其象征物為鴕鳥羽毛。】

1-02. 插畫的開端

公元5-15世紀(jì)為插畫的開端，這里主要著眼于兩處，一是中國隋唐五代時期出現(xiàn)的為印制而雕刻成版的版畫，這也是世界上發(fā)現(xiàn)最早的版畫記錄，二是歐洲，此時歐洲插畫主要應(yīng)用于宗教領(lǐng)域。呈現(xiàn)形式為刺繡和手抄本?.

1-03. 插畫的探索

15-17世紀(jì)，插畫進入了探索階段，上圖第一幅作品—火之圣母是歐洲記載最早的版畫。1440年從歐洲的角度而言標(biāo)志著插畫藝術(shù)的真正開始，緣由為德國人古騰堡發(fā)明和建造第一臺活字印刷機由此插圖版畫在書籍中廣泛運用。

16世紀(jì)文藝復(fù)興時期，德國畫家丟勒，使得歐洲木刻達到了頂峰。

17世紀(jì)巴洛克時期的魯本斯對于木刻進行再次探索。?

1-04. 插畫的發(fā)展

18-19世紀(jì)屬于插畫的發(fā)展階段，這里首先提及英國18世紀(jì)的三位畫家，分別是：威廉·霍加斯、托馬斯·比維克、詹姆斯·吉爾雷。

第一幅《墮落過程》為霍加斯的系列作品，一共有8幅，記錄了倫敦社會中一位年輕紳士的腐敗以及最終毀滅，諷刺當(dāng)時英國貴族奢侈糜爛的生活。整個系列也被稱之為敘事插畫最偉大的成就之一。

第二幅為《四足動物史》，作者比維克一生都在為伊索寓言繪制插畫。

最后一幅作品描繪的是英國首相威廉皮特和拿破侖瓜分全球，作者吉爾雷，他的蝕刻版畫因其尖刻的政治諷刺而聞名。

比如說現(xiàn)在的微博大V烏合麒麟他的繪畫作品也多為社論和政治諷刺，最為大家所了解的是孟晚舟女士回國這張作品,在推特和ins上能看到很多相關(guān)社論插圖，以下幾張。?

發(fā)展階段，縱觀日本和中國仍然偏愛木版印刷，并且保持極簡主義。葛飾北齋，是這一時期中最有成就的。簡約清晰的線條以及全彩制圖使他打破了木版繪畫的局限性。代表作為《富岳三十六景》?。

此外在發(fā)展階段必須要提及三次技術(shù)革新。

1· 一次是18世紀(jì)平版印刷機的發(fā)明，在整個印刷過程中，可以在印刷運行中單獨添加色彩以獲得全彩效果。

2· 第二次技術(shù)革新是攝影技術(shù)的發(fā)明，1826年尼埃普斯拍攝了現(xiàn)存最早的照片但實際上1839年由其合伙人達蓋爾才真正發(fā)明了攝影技術(shù)（這對古典藝術(shù)，寫實類肖像畫產(chǎn)生了一定的沖擊但由于最初的攝影技術(shù)只能拍攝黑白照片，所以對于彩色插圖而言并沒有形成太多的沖擊?。

3·?第三次革新為19世紀(jì)中葉，報紙在整個歐洲興起。插畫的敘事性為新聞增加戲劇性。由此出第一個標(biāo)志性的漫畫人物 Aly Sloper 【盟友斯洛珀】誕生，圍繞盟友斯洛珀塑造了很多新聞事件插圖，比如上圖的《李鴻章參觀霍根巷?》

1-05. 插畫的變化

20世紀(jì)插畫到了不斷變化的階段。

從兩個角度去看，一是變化的主要原因，二是不同風(fēng)格的原因。

接下來重點看一下有哪些插畫風(fēng)格在變化階段應(yīng)運而生。?

·復(fù)古懷舊浪漫

主要代表人物有?拉克姆?和?杜拉克?以及浪漫的鄉(xiāng)村主義?波特（細(xì)致的水彩插圖）波特筆下的兔子后期改編為電影，就是大家所熟知的《彼得兔》?

·漫畫的革新

改變漫畫形式為【喬治·赫里曼】。在他的創(chuàng)作中，線條松散。構(gòu)圖上運用時間和空間的概念，表現(xiàn)出超現(xiàn)實的視覺幽默。上圖《瘋狂的凱特》通過洞的不同方向，以及夜晚白天來表達空間和時間的變化。

到了六七十年代，比利時插畫家?愛弗·米倫，他的風(fēng)格更為時髦犀利?。

·戰(zhàn)爭宣傳海報

一戰(zhàn)期間，插畫被應(yīng)用到戰(zhàn)爭中，比如招募男性士兵、保護婦女兒童。

二戰(zhàn)期間，插畫主題多為壓迫猶太人，以及美化德國的民族主義、慶祝反法西斯勝利?。

·裝飾現(xiàn)代主義

要提及四位著名的插畫師。

首先第一位新藝術(shù)運動的代表人物?穆夏，他拋棄傳統(tǒng)裝飾風(fēng)格，使用大量自然元素作為裝飾，優(yōu)美的曲線來描繪女性。

第二位?比亞茲萊?他的畫風(fēng)受日本浮世繪等風(fēng)格的影響，具有強烈的個人風(fēng)格，尤其是對線條的出色運用和黑白畫的創(chuàng)造性成就。?

第三位?卡桑德爾，第二次工業(yè)革命以后，人民對現(xiàn)代性發(fā)展有了廣泛的接受，卡桑德爾在他的作品中，打破了幾何邊界的界限，并且有較強的設(shè)計感。第四位是被譽為“發(fā)明了現(xiàn)代雜志設(shè)計的整個構(gòu)想”的?克里斯蒂安?，他為當(dāng)時的《星期六晚郵報》制作了三百多個封面。?

1967年嬉皮文化到來。由時代音樂及地下生活方式的影響而創(chuàng)作的色彩鮮艷的的迷幻圖像（看起來像是一場對裝飾藝術(shù)風(fēng)格的革命），但是并沒有轉(zhuǎn)化為主流，到七十年代初，就幾乎銷聲匿跡。

?

·極簡主義美學(xué)

代表風(fēng)格為薩普拉卡特風(fēng)格，這種風(fēng)格的先驅(qū)?霍爾溫，作品中較少的幾何形體、醒目的字母、形狀最大簡化。對極簡主義美學(xué)和海報化做到了很好的探索?。

·電影和動畫

真人電影和動畫電影誕生于維多利亞時代晚期。

到了20年代，它們已經(jīng)主宰了娛樂界，此時攝影技術(shù)還沒有很完善，所以制作海報的幾乎都是插畫。代表作品《大都會》《爵士歌手》。展示了插畫在電影海報中的妙用。

20年代，第一位動畫明星【貓菲利克斯】誕生，實際上后來很多的IP動畫形象都有參考其模版繪制，包括米老鼠、貓和老鼠。

1937年：迪士尼，發(fā)行了第一部彩色長篇動畫《白雪公主》此時除了動畫師，還有數(shù)百名的概念藝術(shù)家、角色設(shè)計師。

1938年最初創(chuàng)造的超人形象登場——動畫也向全新的流行藝術(shù)發(fā)展。?

·兒童繪本

1928年兒童插畫家?萬達·加格?出版的《數(shù)百萬只貓》被公認(rèn)為是第一本（繪本）。打破了原有圖書文字排版和插圖之間的關(guān)系，取而代之的是更多的有趣的插圖，文字只是為了支撐圖像。但此時兒童繪本并沒有被更多用戶接受和理解。

一直到1963年?森達克?創(chuàng)作的《野生動物在哪里》強化了兒童繪本在用戶心中的心智，這也是兒童繪本的里程碑。

·超現(xiàn)實主義幽默

第二次世界大戰(zhàn)以后，插畫師?阿茲巴舍夫，創(chuàng)作的圖形風(fēng)格驚人，擬人化、在機器上顯示出明顯的人為屬性，有超現(xiàn)實的黑色幽默?。

·奇幻畫派

六七十年代，攝影逐漸取代插畫成為媒體視覺表達的主要方式，比如雜志的封面多為攝影拍攝，但由于攝影不能拍攝不存在的東西，所以幻想藝術(shù)蓬勃發(fā)展（科幻小說、漫畫、兒童繪本）奇幻畫派的先驅(qū)?弗雷澤塔?創(chuàng)作了很多肌肉發(fā)達的英雄，以及奇幻元素。當(dāng)代游戲概念藝術(shù)都受到他的 影響。

·數(shù)字藝術(shù)

80年代個人電腦革命興起——數(shù)字技術(shù)發(fā)展迅速。設(shè)備也不斷更新比如：手繪版、iPad。

綜上所述可以發(fā)現(xiàn)，插畫風(fēng)格是多樣的，而背后的原因，除了插畫師本人的經(jīng)歷、喜好、價值觀等主觀原因，更多的是受時代背景、流行文化、社會環(huán)境、歷史事件、以及繪畫技法、等客觀因素的影響。才慢慢演化為當(dāng)下自由、多元、包容的插畫創(chuàng)作氛圍。?

2.?商業(yè)插畫被廣泛應(yīng)用的原因

從六個方面來看，分別是商業(yè)插畫的概念、應(yīng)用場景、應(yīng)用背景、插畫本身的優(yōu)勢、市場和用戶需求。

藝術(shù)創(chuàng)作沒有目的性，但是商業(yè)插畫的目的性非常強。商業(yè)業(yè)插畫一般承接了用戶和市場的需求，深受當(dāng)下的流行文化影響。?

插畫的應(yīng)用場景有很多，歸類來看分為以下六種：

從四個角度看插畫的應(yīng)用背景

1·商業(yè)化的發(fā)展及視覺文化傳播方式的廣泛應(yīng)用

2·人的思維模式從語言文字為主的理性主義形式轉(zhuǎn)變成以圖像為主的感性主義形式

3·文化形態(tài)的傳播方式從語言文字的生產(chǎn)、傳播、消費轉(zhuǎn)變成視覺圖像的創(chuàng)作、傳播和消費

4·信息時代的不斷發(fā)展，電腦等電子設(shè)備已經(jīng)成為時代發(fā)展的標(biāo)志?

插畫本身的優(yōu)勢有以下幾點

從市場需求的角度來看，市場需要通過插畫廣告刺激消費—提高經(jīng)濟效益，其次強化宣傳提升品牌傳達?

從用戶需求的角度來看，互聯(lián)網(wǎng)信息時代，用戶在接收復(fù)雜繁多的廣告信息的同時，需要更好的視覺體驗來提高審美，其次用戶也希望從中產(chǎn)生一定的情感共鳴，獲取到情緒價值。

3.?插畫在UI設(shè)計中的優(yōu)勢和應(yīng)用場景

優(yōu)勢有?以下幾點：

1·?信息可讀性與高記憶點

從用戶角度來當(dāng)前界面，可以簡潔直觀的通過插畫get到花不同的錢可以享受到的不同服務(wù)?。

2·?敘事性激發(fā)用戶交互

美國的Mailchimp，網(wǎng)頁端用插畫的方式引導(dǎo)用戶認(rèn)識產(chǎn)品并如何使用產(chǎn)品，更好地激發(fā)了用戶進行交互操作。

3·?強化品牌識別

通過IP的插畫設(shè)計，不斷夯實品牌的用戶心智?

4·強化界面的美型，提升用戶審美。

5·插畫的定制感與獨特感增強用戶的分享欲望?

6·建立信任

插畫的表達方式更能與用戶拉近距離建立信任。

插畫在UI設(shè)計中的應(yīng)用場景，分別有以下這些?：

1· 新手引導(dǎo)

比如轉(zhuǎn)轉(zhuǎn)知乎在新手引導(dǎo)時都選擇插畫的表現(xiàn)形式，提升用戶對產(chǎn)品的好感度，以及降低對產(chǎn)品的學(xué)習(xí)成本?。

2·新功能提示

降低用戶學(xué)習(xí)成本，拉近與用戶之間的距離～?

3·?品牌宣傳

Goole的web端每逢節(jié)日便會有圍繞goole logo來進行節(jié)日主題插畫的創(chuàng)作，很好的強化品牌的用戶心智?。

4·登錄頁

眾多產(chǎn)品都在登錄頁使用插畫的表達形式，更容易與用戶產(chǎn)生情感連接達到品牌觸達。?

5·插畫組件

Ant Design、自如都構(gòu)建了自己的插畫組件，有助于統(tǒng)一的視覺風(fēng)格傳遞，提高設(shè)計效率——搭建設(shè)計資產(chǎn)——最后保證情感化觸達?

6·IP設(shè)計

這可以很好的賦予品牌生命力提升品牌的溫度，更好的觸達用戶?

7·獎勵機制和榜單

在一些獎勵交互動作時通過插畫形式傳達正向反饋，提升用戶情緒價值?。

8·H5的主題分享

最近幾年產(chǎn)品都會有年度報告，有很多都以插畫的形式表現(xiàn)，插畫的定制感與獨特感增強用戶的分享欲望。用戶通過分享建立自己的社交貨幣，滿足用戶的社交需要。?

從插畫的發(fā)展、商業(yè)插畫、UI設(shè)計中插畫的應(yīng)用三條脈絡(luò)做了簡單梳理。希望對您了解插畫應(yīng)用插畫有一定的幫助。

本文內(nèi)容為轉(zhuǎn)載 僅供個人學(xué)習(xí)使用