UI设计师告诉你系列插图的设计方法

一. 系列插图概述​

系列插图由几幅以上在内容形式上有关联性的插图组成，它们有共同的主题，关联性的故事情节，较统一的人物形象，接近的画风。系列插图因为数量场景故事化具有一定规模，其传递的情感含义比单幅插图更强烈。因而很多插画师都使用了系列插图的表现形式。下面以知名插画师lost7的《Good Night》、littlehmxx的《小确丧》为例作简要分析。

△ lost7的Good Night系列插图

​在lost7的《Good Night》系列插图里，其主题是Good Night，因此以身边夜晚发生的小故事为主。在上面的画面里，人物形象是一名头戴白色飞行帽身穿白色上衣和背带裤的小男孩。画面多使用低饱和度的蓝紫色系，营造温馨安静，略带一点点孤单的氛围。《Good Night》以系列插图的形式更强化了这种情感氛围。

△ littlehmxx的小确丧系列插图

​在littlehmxx的《小确丧》系列插图里，其主题是小确丧，从名字我们可以联想到是对小确幸的调侃，因此以身边发生的小故事辅以一句毒鸡汤制造出有点不一样的视角。《小确丧》系列插图的主人物形象是一名露出漫不经心表情的长卷发女性，多数画面色彩饱和度较高，画面表现活泼，但毒鸡汤的点睛，营造一种疲惫中露出微笑，努力中带着无奈的氛围。

从上述2位插画师的系列插图分析可以反向验证系列插图的特征：

• 共同的主题，关联性的故事情节。
• 较统一的人物形象。
• 相似的风格。

△ 系列插图特征

​在了解系列插图的特征以及对优秀作品的分析后，绘制系列插图的思路方法便总结出来了，下面静雯以近期绘制的《等我有…》系列插图为例分享自己的一些绘制思路及方法，抛砖引玉大神轻拍。

△ 《等我有…》系列插图

 

二. 《等我有…》系列插图绘制思路

在了解系列插图的特征后，总结了自己的绘制思路：

• 构思主题，设计具有关联性的故事情节。
• 人物设定。
• 使用接近的视觉表现手法。

1. 构思主题

共同的主题，可以像线串起珍珠一样，把单独的画串成一个系列，拥有更强的表现力。

每一个妹纸生活中都有一些小小白日梦，一些暂时无法实现的小梦想。如拥有自己的生活空间、干净的厨房、软软的沙发、精巧的化妆镜、大大的落地窗、舒适的地毯。拥有数不尽的时尚单品，一衣橱新裙子，满鞋柜的新鞋，最新的限量妆品等等。

总想着等我有XXX，就XXX。于是主题定为：《等我有…》，描绘每一个普通妹纸这些生活中的小小白日梦。而人物形象便是生活中的每一个普通妹纸。

2. 人物设定

主题决定了人物形象特征，寻找跟设定相近的真实人物，提取真实人物特征，用这些特征完成人物设定，可以降低人物设定的难度。

在《等我有…》系列插图里，我为妹纸设定了这样的性格：古灵精怪、可爱，爱做梦，养植物，喜欢甜食，怕长胖等。对应的形象特征是：短发、圆脸，圆眼，弯眉毛，平肩，不胖不瘦，小个子。在刷某宝的时候收获了一个非常符合我的人物设定的妹纸。（该系列插图原型为作者本人，为了向童鞋们展示正常流程下设计的步骤，选用了这个人物形象）

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

​结合人物原型，把设定的特征应用到人物形象里，完成人物设定（此处仅展示头部设定，觉得闭上眼很可爱，就只画了闭眼。大家不要学我，要画全身画睁眼），以确保人物在不同画面中仍保持一致。

△ 《等我有…》系列插图人物头部设定

3. 逐一绘制画面

人物设定完成后，将人物放置于最初设计的故事场景中。在《等我有…》系列插图里，我把场景设计为室内，画面统一由人物和一件主要的家私组成，通过手绘笔刷，营造出略带温馨的手绘质感。下面以《等我有了落地窗，一定要在窗边坐看雨声》为例，简要介绍单幅插图的绘制步骤：

• 根据文案构思场景，草图绘制出画面。
• 电脑绘制，添加黑白明暗、标识出画面准次。
• 添加色彩，添加文案，完成画面。

△ 《等我有了落地窗，一定要在窗边坐看雨声》单幅插图绘制步骤

​其他画面如法炮制，最后将《等我有…》系列插图调整统一。

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

​最后统一添加一点 gif 动效，给画面添加一点趣味。

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

​

△ 等我有了沙发，我一定要躺着玩手机！

​

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

​

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

​

△ 等我有了化妆镜，一定就能化妆美美！

​

△ 等我有了很多网红鞋，说不定会美成仙女？

 

三. 《等我有…》系列插图总结

在《等我有…》系列插图的绘制过程中，总结了自己的绘制思路：

• 构思主题，设计关联性的故事情节，巧妙使用文案可以把关联性不那么强的画面串联起来。
• 人物设定时，特征越简洁越容易应用到画面中，也可以让人物一直使用相同的道具，如：帽子、眼镜、衣服、背包等，增加识别性。
• 使用接近的视觉表现手法可以使其更有系列感。