在前一篇文章里，我们讨论了插图的原理、风格和特征以及插图组件化和用法的简短介绍。

一旦我们决定做这件事，那就要开始深入研究概念和设计过程。

插图的概念

在我们决定要做什么样的插图之前，我们先要做的一些准备。

第一步：主题

创建一些主题列表，这一步决定我们将要创建出一个什么样的插图，并帮助我们确定主题的故事。（例如出错）

第二步：故事

根据主题创造出一个故事场景。与团队一起头脑风暴，寻找出最具创新性的想法。尽我们的所能去想象一些独特的想法，并将这个想法转化为故事。（例如网络专家正在修复服务器）

第三步：组件

根据插图故事列出所需要的组件（例如作为背景的专家1，专家2，服务器，服务器机房）这一步使我们设计时思路更清晰，并提醒我们，我们的插图是基于组件的。

设计过程

到了这一步，我们已经获得了1个主题和1一个故事。

主题：

出错了

故事：

1.网络专家正在修复服务器。

2.一名男子和他的女朋友正在收听修理他的车

组件：

1.专家1（男），专家2（男），服务器，服务器机房作为背景。

2.男人，女人，汽车，城市作为背景。

接下来让我们来绘制吧

第1步：草绘

在纸上画出故事和想法。

草绘过程： 左（故事1 - 网络专家正在修复服务器），右（故事2 - 男人和他的女朋友正在修理他的车）。

第2步：设计组件

使用sketch逐个设计各个组件（插图），并将他们放入到组件库当中。

1.故事的组成部分1

故事：网络专家正在修复服务器。

组件：专家1（男士），专家2（男士），服务器，服务器机房作为背景。

组件的故事1

2.故事的组成部分2

故事：一个男人和他的女朋友正在修理他的车。

组件：男人，女人，汽车，城市作为背景。

组件的故事2

第三步：结束

根据每个主题的故事，使用sketch将每个组件组合成令人惊喜的艺术作品。

故事1的最终插图 故事2的最终插图

然后我们需要定期更新和维护所有组件。保持组件库易于管理，让您的生活更加美好。