漫長(zhǎng)的時(shí)間線里插畫(huà)隨著時(shí)代、文明、科技的變化，以不同的創(chuàng)作形式傳遞創(chuàng)作者的思想。如今插畫(huà)獨(dú)特的屬性魅力，造就了其在設(shè)計(jì)中的新趨勢(shì)。 魯迅先生曾經(jīng)說(shuō)過(guò)：“在書(shū)本里邊的插圖，裝飾了書(shū)籍，增加了讀者興趣，而這種無(wú)形的力量是文字所不及的?！?/p>

更多設(shè)計(jì)史科普：

[link http://76r.com.cn/american-graphic-design]

一、插畫(huà)的源起發(fā)展

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

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

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

1. 插畫(huà)的開(kāi)端

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

2. 插畫(huà)的探索

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

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

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

3. 插畫(huà)的發(fā)展

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

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

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

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

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

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

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

1. 第一次是 18 世紀(jì)平版印刷機(jī)的發(fā)明，在整個(gè)印刷過(guò)程中，可以在印刷運(yùn)行中單獨(dú)添加色彩以獲得全彩效果。
2. 第二次技術(shù)革新是攝影技術(shù)的發(fā)明，1826 年尼埃普斯拍攝了現(xiàn)存最早的照片，但實(shí)際上 1839 年由其合伙人達(dá)蓋爾才真正發(fā)明了攝影技術(shù)，這對(duì)古典藝術(shù)，寫(xiě)實(shí)類肖像畫(huà)產(chǎn)生了一定的沖擊，但由于最初的攝影技術(shù)只能拍攝黑白照片，所以對(duì)于彩色插圖而言并有有形成太多的沖擊。
3. 第三次革新為 19 世紀(jì)中葉，報(bào)紙?jiān)谡麄€(gè)歐洲興起。插畫(huà)的敘事性為新聞增加戲劇性。由此出第一個(gè)標(biāo)志性的漫畫(huà)人物 Aly Sloper「盟友斯洛珀」誕生，圍繞盟友斯洛珀塑造了很多新聞事件插圖。

4. 插畫(huà)的變化

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

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

接下來(lái)重點(diǎn)看一下有哪些插畫(huà)風(fēng)格在變化階段應(yīng)運(yùn)而生。

① 復(fù)古懷舊浪漫

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

② 漫畫(huà)的革新

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

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

③ 戰(zhàn)爭(zhēng)宣傳海報(bào)

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

二戰(zhàn)期間，插畫(huà)主題多為壓迫猶太人，以及美化德國(guó)的民族主義。

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

要提及四位著名的插畫(huà)師。

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

[link http://76r.com.cn/mucha]

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

第三位 卡桑德?tīng)?，第二次工業(yè)革命以后，人民對(duì)現(xiàn)代性發(fā)展有了廣泛的接受，卡桑德?tīng)栐谒淖髌分?，打破了幾何邊界的界限，并且有較強(qiáng)的設(shè)計(jì)感。

第四位是被譽(yù)為“發(fā)明了現(xiàn)代雜志設(shè)計(jì)的整個(gè)構(gòu)想”的 克里斯蒂安 ，他為當(dāng)時(shí)的《星期六晚郵報(bào)》制作了三百多個(gè)封面。

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

⑤ 極簡(jiǎn)主義美學(xué)

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

⑥ 電影和動(dòng)畫(huà)

真人電影和動(dòng)畫(huà)電影誕生于維多利亞時(shí)代晚期。

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

20 年代，第一位動(dòng)畫(huà)明星「貓菲利克斯」誕生，實(shí)際上后來(lái)很多的 IP 動(dòng)畫(huà)形象都有參考其模版繪制，包括米老鼠、貓和老鼠。

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

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

⑦ 兒童繪本

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

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

⑧ 超現(xiàn)實(shí)主義幽默

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

⑨ 奇幻畫(huà)派

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

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

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

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

二、商業(yè)插畫(huà)被廣泛應(yīng)用的原因

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

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

插畫(huà)的應(yīng)用場(chǎng)景有很多，歸類來(lái)看分為以下六種：

從四個(gè)角度看插畫(huà)的應(yīng)用背景：

1. 商業(yè)化的發(fā)展及視覺(jué)文化傳播方式的廣泛應(yīng)用
2. 人的思維模式從語(yǔ)言文字為主的理性主義形式轉(zhuǎn)變成以圖像為主的感性主義形式
3. 文化形態(tài)的傳播方式從語(yǔ)言文字的生產(chǎn)、傳播、消費(fèi)轉(zhuǎn)變成視覺(jué)圖像的創(chuàng)作、傳播和消費(fèi)
4. 信息時(shí)代的不斷發(fā)展，電腦等電子設(shè)備已經(jīng)成為時(shí)代發(fā)展的標(biāo)志

插畫(huà)本身的優(yōu)勢(shì)有幾點(diǎn)：

從市場(chǎng)需求的角度來(lái)看，市場(chǎng)需要通過(guò)插畫(huà)廣告刺激消費(fèi)，提高經(jīng)濟(jì)效益，其次強(qiáng)化宣傳提升品牌傳達(dá)：

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

三、插畫(huà)在 UI 設(shè)計(jì)中的優(yōu)勢(shì)和應(yīng)用場(chǎng)景

優(yōu)勢(shì)有以下6點(diǎn)：

1. 信息可讀性與高記憶點(diǎn)

從用戶角度來(lái)當(dāng)前界面，可以簡(jiǎn)潔直觀的通過(guò)插畫(huà) get 到花不同的錢可以享受到的不同服務(wù)。

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

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

3. 強(qiáng)化品牌識(shí)別

通過(guò) IP 的插畫(huà)設(shè)計(jì)，不斷夯實(shí)品牌的用戶心智。

4. 強(qiáng)化界面的美型提，升用戶審美

5. 插畫(huà)的定制感與獨(dú)特感增強(qiáng)用戶的分享欲望

6. 建立信任

插畫(huà)的表達(dá)方式更能與用戶拉近距離建立信任。

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

1. 新手引導(dǎo)

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

2. 新功能提示

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

3. 品牌宣傳

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

4. 登錄頁(yè)

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

5. 插畫(huà)組件

Ant Design、自如都構(gòu)建了自己的插畫(huà)組件，有助于統(tǒng)一的視覺(jué)風(fēng)格傳遞。

6. IP 設(shè)計(jì)

這可以很好的賦予品牌生命力，提升品牌的溫度，更好的觸達(dá)用戶。

7. 獎(jiǎng)勵(lì)機(jī)制和榜單

在一些獎(jiǎng)勵(lì)交互動(dòng)作時(shí)，通過(guò)插畫(huà)形式傳達(dá)正向反饋，提升用戶情緒價(jià)值。

8. H5 的主題分享

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

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

感謝瀏覽～Thanks

[link http://76r.com.cn/aubrey-beardsley]