Jenny 黄静雯's profile

平安银行人物形象体系升级

平安银行人物形象体系升级始于保险业务,随后PBDC(平安银行设计中心)汇总各业务述求,以统一、高效、共情为目标进行全面升级。

本文从:项目应用、背景、设计提案、2D人物设计、3D人物设计、效率与应用、人物形象体系2.启动 七个方面逐一复盘本次设计升级。
下面就和静雯一起看看本次平安银行人物形象设计升级的内容吧。
项目应用
首先我们通过下面几个项目,检验平安银行人物形象体系升级后在项目中的应用情况,可以看到2D和3D人物广泛应用在了平安银行的金融+生活业务中之后,极大的统一了业务活动中的人物形象及设计产出水平。
为什么说极大的统一了平安银行业务活动中的人物形象及设计产出水平呢?就要看这个项目的背景了。
项目背景
​我们看到目前存在的主要问题是:风格水平不统一、产出效率低、缺乏与用户的共情设计。
1.风格水平不统一
由于平安银行的运营活动多、设计周期短。为了响应快节奏的业务活动,我们经常会看到设计风格、质量迥异的人物形象出现在各业务的运营活动里。
2. 设计产出效率低
平安银行是一款金融+生活类型的产品,目前重复地围绕不同的业务、用户、产品进行设计,消耗设计师较多的时间和精力。

3.缺乏与用户的共情
平安银行的用户群有着不同的年龄、职业、性格、业务目的。通过设计手段与用户建立情感连接,唤起用户的共情,拉近与用户的距离从而辅助业务目标达成,是我们需要解决的问题。

4.银行保险提出解决方案
平安银行保险业务线因为使用人物形象多,最先尝试了解决方案。以业务保障的对象:家庭六口人为设计对象。由于部分原因,此次没有设计配套的组件预设。
这个方案解决了保险业务线人物形象的部分问题,使人物形象有了相对统一。但不同设计师风格不一,部分设计师对人物形象的还原度低。所以除了设计人物形象,配套的组件预设也是必须。
同时,其他业务线的人物形象仍旧没有得到统一。
在银行保险业务线解决问题的可行性之后,PBDC(平安银行设计中心)汇总各个业务线,确定以统一、高效、共情作为设计目标,开始对平安银行人物形象体系进行升级。
设计提案
本次平安银行人物形象体系升级的目标是:统一、高效、共情。
我们知道,平安银行的业务线繁多,贯穿用户的一生,涵盖用户的衣食住行,包括出行、购物、理财、贷款、养老、保障等。
所以人物设定延续银行保险业务的一家六口设定:5-8岁的幼年儿女、35岁左右的中青年父母、65岁左右的老年爷爷奶奶,通过一家六口在不同场景的需求,来描述介绍平安银行的不同业务功能,以此引发用户共情。
在人物的设计表现上,我们选择了温馨、亲和的形象特征。以此出发,设计了三套不同的风格、难易程度、有一定代表性的方案进行抉择:方案一:简洁线与面的结合,画面构成丰富;方案二:精致偏写实的形象设计,真实感较强;方案三:简洁干练的块面造型,可拓展性较强。
我们把方案应用到模拟项目中对比,可以看到方案一造型简洁易复用,但五官较为抽象,情绪表现较弱;方案二较写实的设计风格,对设计师的设计能力有较高的要求;方案三造型更为简洁,形态简洁,同时更容易刻画表现。
最终从方案的独特性,可拓展的难易程度,设计投入成本考虑,选择了方案三。
2D人物设计
确定方案后,便是结合配色规范、基础人物比例、造型细节等对选中方案的中年父母形象进行优化。

1.配色规范
人物形象体系在界面中的色彩使用规则沿用UI界面中的品牌色彩定义,以便使人物设计与品牌色呼应。
2.基础人物比例
虽然现实生活中的人物比例是7头身左右。但在设计创意中,8头身比例更修长具有美感,故人物保持7-8头身的身高比例。女性与男性有一定的身高差,选择7.5头身。
我们根据中青年人的头身比例设计,拓展出全部的六个人物形象。老年人头更大,脸身体发福,生长环境差及年龄大,普遍比中青年低。5-8岁的幼年儿童,处于生长阶段,设计为4头身左右。
再延展出六个人物形象的主要视图,便于各位设计师能较准确的使用不同角度的人物形象。也便于后续3D化设计。
3.基础属性预设,实现统一和高效
人物形象体系的建设从根本上是为了满足业务的需求,在银行不同的场景里,有各式各样的角色为不同的用户服务,为此我们预设了可长期复用的人物动态、角色发型、角色服饰、道具元素、场景等,从而实现统一和高效。
动态预设
面对丰富的使用场景,我们绘制多视角人物动态,对常用人物动态进行预设,提高角色在业务场景的利用率,节省设计师更多绘制时间。
角色发型预设
银行的业务场景中不同的角色形象,则通过不同的发型和服饰来塑造不同的角色,提高角色在各业务场景的利用率。
角色服饰预设
道具元素预设
各业务场景有对应的道具元素作为辅助,通过收集和归纳,我们将其提前绘制完成,设计师使用时直接调用即可。
场景预设
场景预设的主要诉求是简洁,保证画面的统一与效率。这里设计了使用较多的场景,包括办公场所、家、医院、机场、商场等。
2D人物形象体系完成后,我们将整合后的设计产出共享给设计团队,方便设计师使用。
为了让视觉设计师在使用 2D 人物库时,画面更加和谐统一,给出示例,主要的纯扁平风格、带质感强运营氛围风格的使用。
3D人物设计
3D风格自从平安银行5.0设计开始,便一直在使用。也是近年的设计流行趋势。相比于 2D ,3D 设计的使用效率更高,也更符合年轻用户的喜爱。所以我们将所有2D人物形象3D化。
基础属性预设
与2D相同,3D同样预设了可长期复用的人物动态、角色发型、角色服饰、道具元素、场景等,从而实现统一和高效。


动作预设在3D里使用骨骼绑定
对人物进行骨骼绑定,使得人物可以遵循不同的故事及场景设定快速产出所需要的动作。不需要像2D时预先设计动作,这点比2D的使用更高效。
角色服饰预设
通过不同的发型和服饰来塑造银行的业务场景中的不同角色。
道具元素预设
场景预设
场景设计了使用较多的场景,包括办公场所、家、医院、机场、商场等。使用时直接调用即可。
3D人物形象体系完成后,我们将整合后的设计产出共享给设计团队,方便设计师使用。

为了让视觉设计师在使用 3D 插画库时,画面更加和谐统一,同样给出了渲染示例。
效率与应用
人物形象体系及预设最大的价值在于提升整体设计师效率,设计时长大大缩短。设计时直接调用人物形象,调整动作,添加调整素材,快速搭建出一个2D或3D场景。节省了设计人物形象及素材的时间。
对比原工作流程,使用人物形象体系工作流程保证设计效率的同时兼顾质量。
人物形象系统升级完成后,在业务中得到了广泛的使用。业务方从一开始的抵触,到后面的指定使用。
在产品侧“我的家庭账户”中的应用。
当然更多在运营侧的使用,比如银行保险“女神节”营销活动中的应用。
“商户解决方案”宣传页中的应用。
银行理财“限时福利-圣诞节”、开放银行小程序“火车票立减8元”、新客营销“领70元还款券”营销活动中的应用。
银行保险“家庭保单”宣传页中的应用。
此次平安银行人物形象体系的设计升级,始于银行保险业务线的发展诉求,推广到各个业务线,使人物形象体系在根源上具备了跨团队合作与延用的基础。
人物形象体系的建立,也为优图组件库的充实奠定基础,服务与规范集团层面的画面设计展现,往设计中台化的方向继续扩展。目前的人物形象体系,配合优图工具实现实时更新触达,为集团各业务赋能。
人物形象体系2.0启动
至此,本次平安银行人物形象体系1.0升级完成。但我们的设计到此就结束了吗?

并没有,在我们的设计使用过程中,也会不断发现已有体系需要优化调整的地方,比如:2D人物素材过于扁平,缺乏氛围感,设计时需要添加氛围;3D人物表情是贴图,情绪表现上较单一;设计使用规范的建立;素材内容还需要更加充实。
于是发起了2.0的升级优化,平安银行人物形象体系迭代还在继续,但会越来越好。
设计人员
项目负责人:谢彬
2D人物设计:黄静雯、王贺、胡玥、张祎、郑登辉
3D人物设计:周坤、杨堃
项目应用设计:黄静雯、胡玥、刘瑶、区韵盈、于真
平安银行人物形象体系升级
Published: