之前发的插画组件库的文章很多人私信问我各种组件库构成的问题，其实个人插画组件库的层级构成可以根据自己的实际情况来定，并不一定要一模一样照搬我的层级。我区分的层级对于刚介入组件库的设计师来说的确有点太过于丰富了。

如果想要做一些层级适中的插画组件库，我这里推荐大家去操作一个网站，它里面牵涉的层级划分就相对简单，非常适合刚介入的设计师，下面我们来看看它是怎么划分的吧！

首先我们从网站的基本布局里就可以发现它能切换的一些基础组件：男女性别切换、姿势切换、画风切换。

接下来我们看看这三块切换后的变化：

其实除了这三个地方可以切换外，身体内部也是打了组件的，里面一共分为了3个组件，分别为：头部、上身、**，我们来看一下效果：‍‍‍‍

除了身体结构可以替换以外，背景也是可以替换的，不过都是组合背景，不能单独替换，只能整个替换，如下：

总体而言，这套插画组件库虽然在扩展上没有太多的变化，但是它的层级划分方式非常值得借鉴，它为了更好的适应不同风格，甚至还进行了风格上的区分，如果想要做个人插画组件库的设计师，这是一个很好的参考哦。

好了，今天就闲聊到这里，下面是该网站的地址：

https://sapiens.ui8.net/6m4c1c5