在互联网日常的项目需求中，插画经常会大量的运用在各类设计物料中。拥有自己的插画组件库可以提升在一些设计中的工作效率，可以使用即时设计软件中的变体和组件快速搭建插画库~

使用软件：即时设计

临摹用时：25min

学习目的：使用即时设计软件中的变体和组件快速搭建插画库 

设计知识点

意义

1.插画产出复用率低

如果在设计中高频使用插画，那么每一次的制作都需要 0 到 1 的过程，影响了我们的工作效率。而插画组件库具有快速搭建、快速迭代的特性，并且具备组件化的高效复用性，这样能使我们的输出效率成倍提升。

2.统一风格

插画组件库在构建的时候，对风格、色彩、人物、元素、背景都有着统一的规范，在面对不同设计能力设计师的时候，都能够较大程度上保证风格统一和插画的产出质量。

构成原则

一个完整的插画系统需要很多元素的构成，为了可以自由的去搭配使用，需要制作较多不同的元素，包括角度的变化。具体包含：人物、通用元素、背景。（本期教学的头像属于人物中的其中一个分支）

流行趋势

在制作组件库之前，我们需要查阅大量的参考，找出现阶段符合设计流行趋势的插画。如果是需要商业化用途，需要进行对比以及研究其他已上线的插画组件库，进行简单的总结，避免风格过于类似。

使用范围

插画组件库的使用范围比较广，不管是一些引导页、空状态、海报等等一系列需要人物插画的地方都是可以去使用的。

变体介绍

变体是整理和使用引用组件的一种全新方式，可以帮你按类型、尺寸、样式等对引用组件进行统一管理，使用时在右侧快速切换组件类型即可完成切换。详细内容介绍可跳转链接：https://js.design/tutorial/guide/variant/Variant

Powered by Froala Editor