实战技巧 | 京东插画设计师如何通过数据营销产品
▲点击"三分设"关注，回复"社群"加入我们
欢迎来到专业设计师学习交流社区
三分设｜连接知识，帮助全球 1 亿设计师成长
转自：京东设计中心 JDC
编辑：章成愉
共 2394 字，预计阅读 6 分钟
一、背景描述
数据营销产品是基于多平台数据，依托数据分析及预测能力，应用于企业营销的产品。在数据营销类产品中，部分专有名词苦涩难懂，不利于用户理解。针对这以一情况，我希望通过插画的形式来协助用户理解。插画通过创建图像来传达信息或想法，插画艺术作为现代设计中的一种重要的视觉传达形式，具有直观性、形象性的特点。在信息爆炸的今天，用户很难静下心阅读一段完整的文字，一个好的插画能方便用户理解，达到事半功倍的效果。我希望以插画的形式为用户构建场景，帮助用户理解产品。
二、设计思路
在确定设计目标之后，我调研市面上各种插画，总结 扁平、2.5D、3D 插画 的优劣势：
1.扁平化插画耗时较短，发挥空间较大，可以有很多个性化的表达，适合突出人物；
2.2.5D 插画耗时较短，适合构建场景，营造整体空间；
3.3D 插画耗时较长，可以体现材质，适合构建场景，营造整体氛围。
由于设计周期较短，整体插画以搭建场景为主，所以 最后决定采用 2.5D 的风格 进行呈现。插画作为文字内容视觉化的造型表现，我希望它在数据营销产品的呈现上更简洁明了，不需要花哨酷炫，主要是贴近文字，搭建场景方便用户理解。视觉上我选用较为抽象的图形和单一的颜色，让用户关注点不在于每个元素，而在于整体场景。
具体实现方式：
方法一：联想法
1.提取每个名词对应的关键字
以“购买偏好分析”插画为例，“购买偏好分析”是挖掘购买用户的高关联类目及品牌，为跨类目拉新及联合营销提供洞察及建议，拓展营销机会。我提取关键词：“购买”、“分析”进行设计。
2.根据关键词联想出对应的图形
“购买”可以联想到购物袋和商品，而“分析”在数据营销类产品中主要就是表格、柱状图、饼状图。
3.调整细化
确定元素后进行抽象艺术化的表达，并用产品的品牌色红色作为插画的颜色，加上一些渐变的效果为插画增添细节。
方法二：直观表达法
1.以最核心的信息为基础图形设计插画
以“RFM 购买分析”插画为例，“RFM”属于专有名词，为强化用户记忆，我直接以“RFM”为插画框架进行设计。
2.提取其他关键词丰富场景
“RFM 购买分析功能”运用 RFM 模型将用户划分为高价值客户、潜在流失客户、潜力客户等 8 个层級，帮助品牌对不同层级客户釆取针对性营销策略，从而逐步提高存量客户质量。在这里我提取关键词：“客户”、“购买”、“提高”。
3.调整细化
同样把元素进行抽象化艺术化加工，加入渐变效果，调整大小比例等细节，完成“RFM购买分析”插画设计。
根据功能定义，可以很快获取一些关键词，同时与产品同学沟通交流，他们是最接近业务方和客户的群体，通过他们我们可以了解用户的盲点，挖掘定义背后的关键点，从而得到完整的关键词。
根据关键词绘出图形，调整细节，并且把这些图形分类。
1.首先是基础图形，基础部分需要一些抽象、通用的图形，可以作为插画的整体大框架或者小元素；
2.根据上图的关键词提取，我们可以发现“分析”、“客户”一类的关键词出现频率最高，因此我把这些元素单独提取岀来；
3.作为数据营销类产品，数字也经常会作为一些辅助元素出现；
4.另外为了丰富画面，我也设计了一些抽象的小元素。
同一图形，在调整比例大小位置后，加入其他元素，可以运用在不同的插画中且不会看起来重复。
三、插画展示
通过这些方法，我高效完成了所有插画的设计，每个插画都有各自的特点，整体保持风格统一。
四、页面展示
从页面效果上看，与产品整体风格一致，插画不会太突出，对文字起到辅助理解的作用。
五、设计赋能
通过元素总结，我们能积累大量素材，再运用方法二的设计思路，从而能高效快捷地完成以下这些设计：
1.在商业提升事业部文化衫设计中，我提取部门缩写 BGBU 进行设计，加入数据营销产品的元素，搭配活泼的颜色，体现部门年轻化的特点，在短时间内完成设计；
2.在黄金眼 LOGO 提案的配图设计中，提取英文缩写进行设计，添加数据元素。
结合方法一与方法二，有些重要元素在不需要过分突出的情况下也可以作为单个元素放入插画：
1.JSP 生态页面设计中，JSP 几个字母作为小元素出现，起到点题的作用；
2.在 erp 首页推广黄金眼的banner设计中，黄金眼 LOGO 作为小元素在插画中间出现。
希望我的分享能对大家有所帮助，也欢迎大家和我讨论交流，非常感谢～
