自2016年加入后,我一直在企业职能这个事业部,这是一个为整个阿里经济体生态提供中后台应用及办公套件的职能部门。除了主线上的一些产品体验设计需求,我也会不定期接收到企业文化相关的需求如“家书”“阿里日”“阿里橙文化”等。所以我们团队的人员是一种集中台能力+视觉创意的技能模型,我在中台领域深耕的同时,也会因为自己视觉出身的能力背景接受到一些图形化的创意需求,在2018年,我接到了一个为员工1、3、5、10年陈绘制纪念贺图的需求:

image.png

在这个项目之后,我关注到在内网文化中宣传的一个共性就是始终围绕着阿里员工的形象抑或我们所期待的那个阿里人形象,而我们日常协同隔着电脑屏幕,用着钉钉,内网论坛都是用头像在进行“面对面”的沟通。基于中台思维的惯性,我想把阿里人的形象给抽象一下子:

image.png
image.png
image.png
image.png
image.png
image.png

第一个“玩物”的诞生

于是我拉上一位有趣的前端同学,基于我们团队现有的可视化搭建的能力,做了一款阿里人头像生成器:

image.png

即使到今年(2022)我们也能从一个几十人的丁丁群中随处发现这个头像

2019年,从玩物到业务

以上,只是业务中偶然出现的副产品,即是一个玩物。在这个小确幸的产品获得认同后,我将视角重新回归业务,并审视这个思路能给业务去改变什么,这才有了接下来的故事:

企业级产品场景中任务流页面占了90%以上,老司机可以几分钟快速撸出一个表单流程,但剩下的10%辅助用户观感体验的视觉插图工作量却一笔一画用掉了50%的总工时。它的价值远远低于业务逻辑,属于事倍功半的产出物,食之无味,弃之却又不可。

在阿里集团正式员工中设计师占比为2%,比如我们企业智能有13+业务线,187+产品,但设计师仅38人,这38人里能画插图的视觉设计师不到1/5,平均每个人要支持27+产品的图。别说996了,007都是画不完的!而且在阿里人才能力模型中,不会让一个设计师天天在那生产插图。怎么办呢?同样的资源下,只有重要的项目会投入视觉设计,被迫弃掉一些“不重要”的产品,或者花钱由供应商来外包,每年集团在这块的开销也不是一个小数目。

再者,插图是一个非常具有主观意识的艺术形态,「造型方式」「用色习惯」「画风特征」是插图的3个主要表现力。但这3个好东西往往会在协同上出问题,人多了产出一致性反而变得不可控。而企业级产品的用户往往是同一类,品牌化的观感是不可或缺的。

image.png

让插图变成普惠的艺术

艺术是独特,商业设计是普惠,普惠的艺术具备相对的通用性,且能拉高基础品质的水位。在200+产品的历史沉淀中,我们发现企业级产品的插图具备较高的同质化内容,它不会像电商大促的品牌KV那样标新立异,也不会像漫画具备细腻的表现细节,更多地是将商业行为朴实地图像化来补充产品UI中对用户的情感化体验。而且我们的业务场景面对的都是阿里员工,插图恰巧描绘的就是员工的日常工作行为。有了这个确定性,我们将团队内的视觉设计师拉到了一个虚拟小组中,定义了一套阿里人形象。从职能的差异性上有“设计师”“程序员”“运营”“产品”…从人物关系的维度上有“员工”“管理者”“供应商”“客户”…

11.jpeg

“人物”是绘图中最复杂的变量,但人体结构具备标准的定量,我们将动画中的骨骼运用到静态的2D插图中(选择2D平面的风格是因其生产成本低,且其视觉表现足够朴实,不至于成为UI中的焦点)。设计一个人设即可快速拓展到多种姿态,将骨骼坐标结合技术,还可以在特定骨骼姿态中一键切换人设。

12.png

画面有了主角,在配合一些场景物品,就可以快速通过组合素材的方式“拼”出一张插图。在标准化插图素材生产中,我们依然是以中台的方式去解决问题,一来解放业务整体的绘图投入成本,一来让各个视觉设计师统一维护一套标准化物料能让图形资产不断的积累,提升新需求的支持效率,最重要的是让所有阿里员工在使用我们的产品时感知到一个贯穿始终的品牌形象。

次年我的老板授权我成立虚拟小组,由每一条业务中派出一位负责视觉品牌的同学共同组成BU级别的品牌视觉小组。视觉虚拟小组第一阶段中优先解决设计师层面的协同问题,形成一个企业插画物料的设计标准,并在真实的业务场景中进行落地,同时沉淀该场景特有的图形元素反哺物料库存,以及场景化的方案。

image.png

在每一条业务的特色属性种我们去拓展物料的多样性,并以一个统一的标准去良性生产和存储:

image.png

最终这些物料被组装为可用的成品插图,用于各个产品场景中,下图是“办公云”场景的落地示例:

image.png

2020,从人的协同到产品的生产力

image.png

image.png

改变世界

在完成设计师之间的协同和插画标准化之后,我们就可以将其产品化,让每个人都能突破职能的边界成为插画师。不需要PS,不需要Sketch和Mac,一个站点开箱即用。2018年末,我们在阿里内部提出了这套全新的插画生产方式,随之百花齐放有蚂蚁设计的Hitu,Icon font的插画库,集团客服CCO的虚拟服务形象,Alibaba Design正在以更简单的方式赋能行业,让商业美而简单!

image.png
image.png