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

文章插图
4. 元素部分元素主要是以LOGO和产品调性衍生出来的一系列品牌图形，像是画面的调味剂，主要起到辅助和修饰的作用。

文章插图
五、插画库的应用1. 产品内UI在插画系统绘制完成以后，对现有插画进行组件化和规范命名也非常重要。这样UI同学在处理APP或Web的需求时，就可以在Sketch里按照规定好的分类快速地找到插画内容。
例如做一个送礼的运营弹窗，想包装成魔法的概念来吸引点击，只需要选择需要的组件进行拼装，然后调整一下大小和位置就可以使用了。

文章插图
各种空状态的页面也是插画在产品UI内的重要应用，同时在插画的内容形式上也可以结合海外用户的习惯和实际场景，增强趣味性，减少用户遇到异常状态时内心的焦虑和失落。

文章插图

文章插图

文章插图
2. 宣传海报&邮件插画库整理好以后，遇到需要用到插画的宣传海报或邮件，就可以将上述几部分根据产品需求进行组合来进行快速创作。例如主体人物选择正在打游戏的Leon，搭配屏幕和游戏手柄等物件，还有表达心情的“Hype”文字，最后再加上合适的背景和装饰元素，就可以得到需要的插画了。

文章插图
在接下来的副标题等地方也可以灵活运用插画，使整体画面更加生动有趣。

文章插图
六、后续思考插画系统的建立是为了帮助设计师们更快更好的解决产品问题，同时搭建Trovo自己的插画库也更利于品牌形象的建立。
为了增加插画的识别性和独特性，避免同质化，我们不仅大量使用了Trovo的IP形象Leon作为人物主体，延展出多种动作和场景，加入了“T”和“+”等品牌图形元素；也从表现手法和风格上尝试更贴近游戏直播用户，使用了更丰富多彩的颜色和偏漫画的线面结合。
当然目前插画库还处于搭建的初期，在插画内容和规则制定上还有很多需要完善的地方，我们会定期收集设计师们在产品需求中遇到的问题和难点，对已有的组件进行调整和更新，对不合理的规则进行优化，使插画库能够更好地服务于团队。
作者：Leon，来自腾讯游戏直播设计
【插画|出海产品如何从零搭建IP插画库？】