JTD插画系统如何组件化落地（上篇）

在视觉设计中，插画是一种有效传达信息与情感的表现形式。插画系统则是一个传播品牌形象最有效的手段，完整的插画系统能够覆盖产品业务的全场景。从0到1的把一个插画系统落地，需要设计师不断地探索和持续地积累。另外，插画系统的价值，一定是能够帮助产品以及业务更好地连接并触达用户，提升用户对品牌的认知和感受。

效率：

插画体系之所以要形成系统的关键，通过组件化构建的插画系统，保证规则一致的基础上减低投入成本，提升设计效率。

延展：

规则与标准的统一并不代表限制，除了人物、物件、场景的丰富演变，JTD插画系统将用户偏好的插画风格也作为可配置项，让设计的延展性达到极致。

普适：

JTD插画系统的普适性是核心，不仅为产品线的用户提供插画服务，我们拓宽了目标用户群体与应用场景的边界，对于感兴趣的普通用户也可以应用JTD插画系统实现自定义插画创作。

情感：

情感化是所有插画系统的基础，我们围绕「人物+场景」为中心，构建高品质的插画标准，打造有温度的情感体验。

肩胯特征：

为了能明显区分男女形象，符合人物生理形态。我们将女生的躯干绘制为正三角：肩窄胯宽，更灵动优雅；男生则为倒三角：肩宽胯窄，更具责任感和信任感。

脚：

目前大多数采用以下两种表达方式：

第一种：

可以区分脚的各个面，有助于在画鞋的过程中找到转折点，但是太过简单，在绘制鞋的时候由于每个人理解的差异性，容易出现偏差；

第二种：

简单地表达脚的外轮廓，能在搭建人物框架时起到快速示意的作用，但是缺少正面、侧面的引导，也容易导致后期的偏差问题。

结合以上两种表达方法，我们研究出适合我们的脚：

1）遵循插画写实原则，脚具有更多转折的细节，同时也做了圆滑处理；

2）添加辅助线，体现脚的各个面，方便后期画鞋；

3）增加脚踝关节，方便连接腿部。

我们梳理了一些常见的姿势进行统一绘制，可以快速搭建人物，提高组内绘制效率。

在设计动态时，我们首先考虑的是人物动态的易用性和可复用性。因此，我们在以上 3 种视图的基础之上，围绕日常工作场景绘制多种人物动态，涵盖了正、侧、背三种视角，以及站、坐、跑、跳等多种动作，后续既可单人使用，亦可搭配使用，以提高设计效率。