出海产品如何从零搭建IP插画库？让大厂高手教你！

插画作为一种高效的视觉表现手法，在现在的互联网规划中已被广泛运用。它能够有效地协助产品快速触达并感染用户，提升活泼度和活动转化率，刻画品牌形象等。关于 Trovo 这样一个快速发展中的出海渠道，树立起一套产品自己插画库的重要性自然就显而易见了。

插画库规划的布景

1. 插画在职业中的广泛运用

在许多海外闻名互联网公司中，插画都被许多运用，而且十分具有品牌识别性。这里咱们拿 Airbnb、Google 和 Discord 做一个简略的参阅。三个团队都挑选把自己的品牌色作为主色调，尽管走的路线不同，但是都经过符合各自用户习气的视觉言语，很好地传递了品牌精神，提升了产品效率。

2. 清晰本身产品定位

要树立适合本身的插画库，首先要清晰自己的定位，咱们是谁？咱们要做什么？Trovo 作为一个面向全球的泛游戏化内容和互动社区，方针是为全球年轻一代玩家提供海量优质的游戏直播内容。

一起因为首要的用户都来自海外，言语、宗教、文明和审美上都有着许多差异，因而不可避免地给规划也带来了巨大应战。国内干流规划多是推崇精美、漂亮或可爱的风格，然而在海外最活泼的游戏直播渠道上，画风却是这样的：

用户最喜爱运用的表情是这样的：

这时咱们要去思考，用户期望从产品的插画中得到的更多是好玩的内容，而非富丽却无趣的东西，这也是他们来到游戏直播渠道最根本的意图。这种线面结合的偏漫画式手法，加上夸大的情绪和一些脑洞大开的视觉表达，恰好能够满意用户渴望文娱的心理。

插画库规划的方向

1. 了解方针用户

经过对干流游戏渠道用户行为的调查剖析，以及产品前期进行的问卷调研，能够归纳一下方针群体的一些特征：首要集中在北美和欧洲地区，喜爱游戏和直播，一起十分推崇年轻、搞怪、显示特性的事情。因而咱们不期望 Trovo 的插画像某些工具类或普适性的产品，过于投合群众的品味，导致视觉表达上中规中矩，特色不明显，让用户觉得无趣。

2. 提取要害词

经过对方针用户的了解，产品本身的特性，以及期望插画所传递的信息，能够提取出几个要害词作为后边创造的理念和风格导向。其间夸大、搞怪和游戏化是与 Trovo 插画风格最符合的三个词。

插画库的创造执行

1. 树立根底形象

Trovo 的已有 IP 形象是一只名叫 Leon 的酷酷的变色龙。因为咱们信任，每一个 Trovo 的用户都有生而不同的创造力，就像一只魔力变色龙一样，坚持做自己的一起，也以其异乎寻常的方法影响着 Trovo，并创造出 Trovo 社区更多快乐和精彩。咱们更信任：“Why fit in when you were born to STAND OUT!”

咱们现在已经有一套基于 Leon 创造的表情体系，视觉表达和形象气质上与用户的喜爱高度吻合，在渠道的各个直播间也十分受欢迎。能够沿用这套表情线面结合的插画方法和搞怪有趣的气质特色，在用户认可的根底上进行插画库的晋级创造，风格愈加统一，用户也更简单接受。

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

经过进一步树立身体结构和要害特征的抓取，就得到了一个酷酷的又有点搞怪的根底 Leon 形象。

最终制作出三视图从多个视点丰满人物形象，作为人物比例和后续延展动作的参阅。

2. 清晰规划规矩和留意点

一起也需求列出一些简单疏忽的规划点，以保证后续的规划过程中不会出现相关错误。例如五根手指会显得十分臃肿，影响漂亮；四根手指更简洁、提升效率，一起也更符合欧美卡通人物习气。

不运用线条，只靠形状和纯色来体现形体概括的画法过于平稳和群众化，适合扁平快的互联网，却难以满意游戏用户这一特定群体关于特性和文娱化的寻求。因而在根底的表现手法上最终选用了更接近偏向漫画形式的线面结合。

最终，再经过添加一点高光和阴影使物体愈加的丰满和耐看。阴影能够运用带透明度的黑色或低明度的同色系，使画面不会太脏；高光应该尽量挑选相对亮堂一点的色彩，添加物体的视觉冲击力。

插画库的整合

1. 插画体系归类

经过对业务的剖析，首先把插画体系的内容进行了归纳，并分为了主体、布景和元素三大类。在后续的业务需求中，规划师能够依据详细情境把它们组装和结合，达到高效输出和重复利用的意图。

2. 主体部分

主体指的是在插画中占据视觉主导地位的内容，一般是详细的人物或物品等。这部分运用频次最高，内容最丰厚，为了便利整理和运用，又能够进一步细分出“人物”、“物件”、“文字”和“状况”四部分。

其间人物部分是依据咱们渠道的 IP：变色龙 Leon 在游戏、运动、作业等不同情境中展现出的动作形象：

物件的存在是为了能够更好的协助营造该情境，使得画面愈加的丰厚和丰满：

别的欧美游戏用户在观看直播时，有许多自己喜爱运用的言语来表达心里的情绪，而文字部分便是为了让情境更具有情绪和感染力，能够更精确快速地直击用户心里：

最终一类主体内容便是在产品中经常出现的各种空状况，有趣的插画能够很好的缓解用户在遇到异常状况时丢失和焦躁的情绪：

3. 布景部分

布景部分则是一组网格状的图形，一般尺度较大，透明度较低，用在画面底部作为底纹运用。

4. 元素部分

元素首要是以 LOGO 和产品调性衍生出来的一系列品牌图形，像是画面的调味剂，首要起到辅佐和润饰的效果。

插画库的运用

1. 产品内 UI

在插画体系制作完成今后，对现有插画进行组件化和标准命名也十分重要。这样 UI 同学在处理 APP 或 Web 的需求时，就能够在 Sketch 里依照规定好的分类快速地找到插画内容。例如做一个送礼的运营弹窗，想包装成魔法的概念来招引点击，只需求挑选需求的组件进行组装，然后调整一下巨细和位置就能够运用了。

各种空状况的页面也是插画在产品 UI 内的重要运用，一起在插画的内容形式上也能够结合海外用户的习气和实际场景，增强趣味性，减少用户遇到异常状况时心里的焦虑和丢失。

2. 宣扬海报&邮件

插画库整理好今后，遇到需求用到插画的宣扬海报或邮件，就能够将上述几部分依据产品需求进行组合来进行快速创造。例如主体人物挑选正在打游戏的 Leon，搭配屏幕和游戏手柄等物件，还有表达心境的“Hype”文字，最终再加上合适的布景和装饰元素，就能够得到需求的插画了。

在接下来的副标题等地方也能够灵活运用插画，使全体画面愈加生动有趣。

后续思考

插画体系的树立是为了协助规划师们更快更好的处理产品问题，一起树立 Trovo 自己的插画库也更利于品牌形象的树立。为了添加插画的识别性和独特性，避免同质化，咱们不仅许多运用了 Trovo 的 IP 形象 Leon 作为人物主体，延展出多种动作和场景，加入了“T”和“+”等品牌图形元素；也从表现手法和风格上尝试更贴近游戏直播用户，运用了更丰厚多彩的色彩和偏漫画的线面结合。

当然现在插画库还处于树立的初期，在插画内容和规矩制定上还有许多需求完善的地方，咱们会定期搜集规划师们在产品需求中遇到的问题和难点，对已有的组件进行调整和更新，对不合理的规矩进行优化，使插画库能够更好地服务于团队。

优设引荐关注“腾讯规划”官方公众号，第一时间获取腾讯的规划方法论