插画|出海产品如何从零搭建IP插画库？( 二 ) ui

文章插图
插画库将继续沿用变色龙Leon作为基础IP形象，在对多个欧美经典搞怪形象的研究后，决定采用二头身的身体结构和大眼睛的特点来突出诙谐的气质。

文章插图
通过进一步确立身体结构和关键特征的抓取，就得到了一个酷酷的又有点搞怪的基础Leon形象。

文章插图
最后绘制出三视图从多个角度丰满人物形象，作为人物比例和后续延展动作的参考。

文章插图
2. 明确设计规则和注意点同时也需要列出一些容易忽略的设计点，以保证后续的设计过程中不会出现相关错误。例如五根手指会显得非常臃肿，影响美观；四根手指更简洁、提升效率，同时也更符合欧美卡通人物习惯。

文章插图
不使用线条，只靠形状和纯色来体现形体轮廓的画法过于平稳和大众化，适合扁平快的互联网，却难以满足游戏用户这一特定群体对于个性和娱乐化的追求。因此在基础的表现手法上最终选用了更接近偏向漫画形式的线面结合。

文章插图
最后，再通过添加一点高光和阴影使物体更加的饱满和耐看。阴影可以使用带透明度的黑色或低明度的同色系，使画面不会太脏；高光应该尽量选择相对明亮一点的颜色，增加物体的视觉冲击力。

文章插图
四、插画库的整合1. 插画体系归类通过对业务的分析，首先把插画系统的内容进行了归纳，并分为了主体、背景和元素三大类。在后续的业务需求中，设计师可以根据具体情境把它们组装和结合，达到高效输出和重复利用的目的。

文章插图
2. 主体部分主体指的是在插画中占据视觉主导地位的内容，通常是具体的人物或物品等。这部分使用频次最高，内容最丰富，为了方便整理和使用，又可以进一步细分出“人物”、“物件”、文字”和“状态”四部分。

文章插图
其中人物部分是根据我们平台的IP：变色龙Leon在游戏、运动、工作等不同情境中展现出的动作形象：

文章插图

文章插图
物件的存在是为了可以更好的帮助营造该情境，使得画面更加的丰富和饱满：

文章插图

文章插图

文章插图
另外欧美游戏用户在观看直播时，有很多自己喜欢使用的语言来表达内心的情绪，而文字部分就是为了让情境更具有情绪和感染力，可以更准确快速地直击用户内心：

文章插图
最后一类主体内容就是在产品中经常出现的各种空状态，有趣的插画可以很好地缓解用户在遇到异常状态时失落和焦躁的情绪：

文章插图
3. 背景部分背景部分则是一组网格状的图形，通常尺寸较大，透明度较低，用在画面底部作为底纹使用。