UI設(shè)計(jì)師告訴你系列插圖的設(shè)計(jì)方法

一. 系列插圖概述?

系列插圖由幾幅以上在內(nèi)容形式上有關(guān)聯(lián)性的插圖組成，它們有共同的主題，關(guān)聯(lián)性的故事情節(jié)，較統(tǒng)一的人物形象，接近的畫風(fēng)。系列插圖因?yàn)閿?shù)量場景故事化具有一定規(guī)模，其傳遞的情感含義比單幅插圖更強(qiáng)烈。因而很多插畫師都使用了系列插圖的表現(xiàn)形式。下面以知名插畫師lost7的《Good Night》、littlehmxx的《小確喪》為例作簡要分析。

△ lost7的Good Night系列插圖

?在lost7的《Good Night》系列插圖里，其主題是Good Night，因此以身邊夜晚發(fā)生的小故事為主。在上面的畫面里，人物形象是一名頭戴白色飛行帽身穿白色上衣和背帶褲的小男孩。畫面多使用低飽和度的藍(lán)紫色系，營造溫馨安靜，略帶一點(diǎn)點(diǎn)孤單的氛圍。《Good Night》以系列插圖的形式更強(qiáng)化了這種情感氛圍。

△ littlehmxx的小確喪系列插圖

?在littlehmxx的《小確喪》系列插圖里，其主題是小確喪，從名字我們可以聯(lián)想到是對小確幸的調(diào)侃，因此以身邊發(fā)生的小故事輔以一句毒雞湯制造出有點(diǎn)不一樣的視角。《小確喪》系列插圖的主人物形象是一名露出漫不經(jīng)心表情的長卷發(fā)女性，多數(shù)畫面色彩飽和度較高，畫面表現(xiàn)活潑，但毒雞湯的點(diǎn)睛，營造一種疲憊中露出微笑，努力中帶著無奈的氛圍。

從上述2位插畫師的系列插圖分析可以反向驗(yàn)證系列插圖的特征：

• 共同的主題，關(guān)聯(lián)性的故事情節(jié)。
• 較統(tǒng)一的人物形象。
• 相似的風(fēng)格。

△ 系列插圖特征

?在了解系列插圖的特征以及對優(yōu)秀作品的分析后，繪制系列插圖的思路方法便總結(jié)出來了，下面靜雯以近期繪制的《等我有…》系列插圖為例分享自己的一些繪制思路及方法，拋磚引玉大神輕拍。

△ 《等我有…》系列插圖

 

二. 《等我有…》系列插圖繪制思路

在了解系列插圖的特征后，總結(jié)了自己的繪制思路：

• 構(gòu)思主題，設(shè)計(jì)具有關(guān)聯(lián)性的故事情節(jié)。
• 人物設(shè)定。
• 使用接近的視覺表現(xiàn)手法。

1. 構(gòu)思主題

共同的主題，可以像線串起珍珠一樣，把單獨(dú)的畫串成一個(gè)系列，擁有更強(qiáng)的表現(xiàn)力。

每一個(gè)妹紙生活中都有一些小小白日夢，一些暫時(shí)無法實(shí)現(xiàn)的小夢想。如擁有自己的生活空間、干凈的廚房、軟軟的沙發(fā)、精巧的化妝鏡、大大的落地窗、舒適的地毯。擁有數(shù)不盡的時(shí)尚單品，一衣櫥新裙子，滿鞋柜的新鞋，最新的限量妝品等等。

總想著等我有XXX，就XXX。于是主題定為：《等我有…》，描繪每一個(gè)普通妹紙這些生活中的小小白日夢。而人物形象便是生活中的每一個(gè)普通妹紙。

2. 人物設(shè)定

主題決定了人物形象特征，尋找跟設(shè)定相近的真實(shí)人物，提取真實(shí)人物特征，用這些特征完成人物設(shè)定，可以降低人物設(shè)定的難度。

在《等我有…》系列插圖里，我為妹紙?jiān)O(shè)定了這樣的性格：古靈精怪、可愛，愛做夢，養(yǎng)植物，喜歡甜食，怕長胖等。對應(yīng)的形象特征是：短發(fā)、圓臉，圓眼，彎眉毛，平肩，不胖不瘦，小個(gè)子。在刷某寶的時(shí)候收獲了一個(gè)非常符合我的人物設(shè)定的妹紙。（該系列插圖原型為作者本人，為了向童鞋們展示正常流程下設(shè)計(jì)的步驟，選用了這個(gè)人物形象）

△ 《等我有…》系列插圖人物原型

?結(jié)合人物原型，把設(shè)定的特征應(yīng)用到人物形象里，完成人物設(shè)定（此處僅展示頭部設(shè)定，覺得閉上眼很可愛，就只畫了閉眼。大家不要學(xué)我，要畫全身畫睜眼），以確保人物在不同畫面中仍保持一致。

△ 《等我有…》系列插圖人物頭部設(shè)定

3. 逐一繪制畫面

人物設(shè)定完成后，將人物放置于最初設(shè)計(jì)的故事場景中。在《等我有…》系列插圖里，我把場景設(shè)計(jì)為室內(nèi)，畫面統(tǒng)一由人物和一件主要的家私組成，通過手繪筆刷，營造出略帶溫馨的手繪質(zhì)感。下面以《等我有了落地窗，一定要在窗邊坐看雨聲》為例，簡要介紹單幅插圖的繪制步驟：

• 根據(jù)文案構(gòu)思場景，草圖繪制出畫面。
• 電腦繪制，添加黑白明暗、標(biāo)識出畫面準(zhǔn)次。
• 添加色彩，添加文案，完成畫面。

△ 《等我有了落地窗，一定要在窗邊坐看雨聲》單幅插圖繪制步驟

?其他畫面如法炮制，最后將《等我有…》系列插圖調(diào)整統(tǒng)一。

△ 《等我有…》系列插圖完成稿

?最后統(tǒng)一添加一點(diǎn) gif 動效，給畫面添加一點(diǎn)趣味。

△ 等我有了落地窗，一定要在窗邊坐看雨聲！

?

△ 等我有了沙發(fā)，我一定要躺著玩手機(jī)！

?

△ 等我有了尤克里里，說不定能技驚四座！

?

△ 等我有了一衣櫥新裙子，每天想穿就穿！

?

△ 等我有了化妝鏡，一定就能化妝美美！

?

△ 等我有了很多網(wǎng)紅鞋，說不定會美成仙女？

 

三. 《等我有…》系列插圖總結(jié)

在《等我有…》系列插圖的繪制過程中，總結(jié)了自己的繪制思路：

• 構(gòu)思主題，設(shè)計(jì)關(guān)聯(lián)性的故事情節(jié)，巧妙使用文案可以把關(guān)聯(lián)性不那么強(qiáng)的畫面串聯(lián)起來。
• 人物設(shè)定時(shí)，特征越簡潔越容易應(yīng)用到畫面中，也可以讓人物一直使用相同的道具，如：帽子、眼鏡、衣服、背包等，增加識別性。
• 使用接近的視覺表現(xiàn)手法可以使其更有系列感。