

IP 形象在我们线上运营视觉设计中起着关键作用,接下来和大家详细介绍一下我们的创作思路。
01
设计背景
视觉层面:
之前顺丰速运线上运营场景没有统一的 IP 形象,会造成消费者视觉印象混乱感知,不能沉淀出一个具有顺丰独特性的 IP 视觉符号。
业务层面:
线上运营端可用资产有限,玩法单一,快递箱、券、红包作为静物,缺少趣味性和丰富延展性,情感共鸣不足。
效率层面:
设计师按自己的风格设计形象比较费时且形象不统一,这就形成了恶性循环。

02
方圆共济
顺丰图形标是一个具有品牌独特性的笑脸标志。外轮廓造型方圆共济:
圆代表务实性、和谐性;方代表很强的原则性。

延续品牌基因,打造靠谱视觉感官
IP 形象的造型需要具有强烈的品牌独特性,才能在众多吉祥物中脱颖而出。
顺丰速运快递员有自己的专属服装作为独特性元素,但考虑到运营层面后续延展问题,在保留速运快递员服装的同时,我们把顺丰 LOGO 里的红点和笑脸元素也传承下来。在发型设计上,虽然通常都是戴着帽子,但为了形象完整性,也做了一定的考量:顺丰快递员比较常见的发型基本为短寸,显得干净利落,相较于长头发,短发在设计师后续延展中也更方便绘制。
为了设计出更符合线上运营侧的 IP 形象,我们做了 3个头身比例的对比:
● 2 头身较为矮小、低幼,不符合顺丰定位,且动作可延展性有限,识别性较低;
● 3.2 头身视觉上比较成熟,但在线上运营场景身高过高不适合延展应用;
● 2.8 头身相比 2 头身,视觉上更为稳重靠谱,比 3.2 头身更为可亲,符合顺丰给用户的品牌印象,比例适合线上运营侧应用延展,可拓展性更高,于是我们选择了 2.8 头身作为形象的标准身高。

每个人都有自己的性格喜好等特征,这些特征让人更加鲜活和独特。通过角色、故事和情感定位,将 IP 形象打造成具有自己世界观的立体鲜活形象,能更有效的传递产品温度,与用户建立情感连接。同时,三个维度将 IP 形象人设统一,避免造成用户认知混乱。
「角色定位」通过对顺丰速运运营版 IP 形象的职业、星座、特点、爱好等方面进行塑造,保证形象更加真实鲜活。
「故事定位」顺丰快递员送的不只是快递,还是建立人与人之间信任关系的桥梁。

06
为了避免在后续延展中出现不必要的设计问题,比如形象设计不统一、不同季节换装等问题,特制定了一套详细且易用的 IP 形象规范,以便于设计师更好的延展形象(因规范文件较多,此处只展示一部分)。

面部规范:
① 眉毛在帽檐内:在绘制侧面脸时帽檐需挡住眉毛,避免帽檐、眼睛、眉毛挤到一起。


我们对 IP 形象周边工具也做了规范,比如下图的电动车规范,需了解并熟知电动车的规范制图,便于在延展时保证形象的统一性。
错误应用:
① IP 形象颜色与背景色色值需有一定差异,以防形象与背景融为一体;



界面缺省图:产品界面的缺省图,主要功能是在不干扰功能的前提下,用可亲的文案和视觉表现告知用户目前的状态。因快递员的标准服装颜色较重,在保证识别的前提下,将功能界面的缺省图形象做了较大幅度的轻量化处理。
2D 基础造型:骑士形象春夏装 2D 基础造型。其他延展版本需在此基础上做相应视觉表现,允许根据不同情境做略微差异。

08
图形延展:
便于多场景应用







表情包延展:
随着二次元文化的流行,表情包已逐步成为拉近用户关系的沟通方式之一。这套表情包既可以用于顺丰速运快递员与用户沟通,也可用于同事之间日常沟通的使用场景。
周边延展设想:
探索 IP 可能性,拉近用户距离





IP 形象会跟随企业、运营策略、视觉表现等因素的发展不断进行优化迭代,我们也会不断挖掘形象的更多可能性,可以让其更好的承载线上运营侧视觉表现,助力业务提升,为我们的用户带来更多惊喜。


