原文链接:https://mp.weixin.qq.com/s/Xs5jnPQYnrQkLMPah4OEvA

如何构建直播品牌的设计体系

原创 环铁艺术家 58UXD 2021-12-31 15:00
收录于话题#设计沉思录187个
58 UXD|如何构建直播品牌的设计体系 - 图1

前言

2021年随着直播生态的愈发成熟,电商直播的爆火,带动了整个行业的繁荣,新的直播风口,也成为行业的关注点之一,如知识直播和招聘直播。

如何在越来越多的行业竞争者中坚持并脱颖而出,打造更专业的主播、提供真实可靠的职位,搭建优质的平台,这些则是58招聘直播的核心壁垒。

招聘直播间建立以来成为了招聘流量主要的转化入口,但直播间存在一些问题,缺少专业的规划,为解决招聘直播间品牌感、品质感、专业度较弱、总部和地方视觉一致性等系列问题,我们设计师们自行发起了“最美直播间”打造的项目,配合未来业务规划定义了一整套直播间行业标准。

为了打造这样一个专业的最美直播间,共有4位视觉设计师和1位交互设计师,还有1位空间设计师参与,主要负责整体品牌视觉定义、规范定义,空间规范标准定义和空间环境打造以及周边产品。

01 直播间考察

首先,通过多次实地测量、体验、试播等方式,总结制定了一整套打造“非实物”直播间的行业标准,标准包含了“空间规范、灯光规范、主播形象规范、直播间物料规范等”。目前我们这套标准已经在“58直播间”和“合作大学直播间”成功落地,得到了合作方的一致好评。在“非实物”直播标准方面走在了行业前列。

未来可能将“非实物”直播间打造标准,进行对外输出,提升公司在直播行业实力和地位。(提前剧透一下,等待最美直播间下期揭晓)

今天主要从两方面介绍招聘直播,一是招聘直播品牌规范,二是直播间礼盒。

02 直播品牌规范

1)品牌视觉设计原则

品牌视觉感知(调性)是明确品牌视觉风格的关键因素,同时也对用户&公众传递着自身的品牌个性和态度。是准确了解招聘直播业务的关键词组,是现阶段和后续输出招聘直播品牌视觉设计方向的指针。

58 UXD|如何构建直播品牌的设计体系 - 图2

2)品牌标志

·标志溯源

招聘直播的品牌标志源自招聘视觉符号link round,它承载着品牌视觉感知的全新设计理念,诠释出“link 更多美好工作”的品牌新主张,也代表我们将更加专注于产品与用户连接的体验&情感。再加入了活力跳动的直播元素,形成一个易理解的、易记的符号。

58 UXD|如何构建直播品牌的设计体系 - 图3

·标志标准组合方式

招聘直播的标志由图形、文字标志、标语3个元素组成,使用过程中各元素必须以组合的形式出现,不得私自改动组合。

58 UXD|如何构建直播品牌的设计体系 - 图4

·标志常用组合方式

招聘直播共有4个标志常用组合方式,包括横式标志标语组合(标志标准组合方式)、横式标志组合、竖式标志标语组合、竖式标志组合,方便标志在多场景情况下使用。

58 UXD|如何构建直播品牌的设计体系 - 图5

·标志特殊应用展示

为了适应特殊印刷制作工艺,标志制定反白稿和墨稿,方便标志在多场景情况下使用。

58 UXD|如何构建直播品牌的设计体系 - 图6
58 UXD|如何构建直播品牌的设计体系 - 图7

·标志联合应用示例

为了统一品牌形象,保证标志在有色背景中清晰可见,在没有同类色系及对比色系的视觉干扰下,标准标志彩色组合为首选。

58 UXD|如何构建直播品牌的设计体系 - 图8

在标志受到同类色系及对比色系的视觉干扰下,标准标志反白组合为首选。
58 UXD|如何构建直播品牌的设计体系 - 图9

3)品牌色彩

·标准色系应用规范

以招聘属性为依托,结合各业务特点,形成以橙红色为主色,蓝色为辅色,黄、绿为点缀色的招聘直播品牌色系。分别对色彩在不同背景下做了色阶建议,并应用时需严格按照此规范进行。为了在不同直播场景下,满足不同业务品牌视觉感知,也提供了多种符合招聘直播品牌色系且适配不同业务的色彩比例方案。

58 UXD|如何构建直播品牌的设计体系 - 图10

4)品牌标准字体

·品牌专用字体

规定使用方正兰亭黑系列(中文)和Arial系列(英文)作为品牌标准字体,统一应用于品牌传播的各种场景。两个字体系列分别包含多款不同粗细的字体选择,以满足不同应用场景的需求。在实际应用中,可根据需求灵活应用,也允许适当进行调整,以确保最佳的阅读体验和视觉效果。

58 UXD|如何构建直播品牌的设计体系 - 图11

·品牌运营字体

规定使用58用户体验设计中心自主研发字体清风体、微笑体作为品牌运营活动字体。 在应用时允许对其进行设计感形式增强,如:立体质感、描边效果、投影光效等视觉效果,其目的也是希望对运营活动的氛围营造或专题属性增添视觉吸引力。

58 UXD|如何构建直播品牌的设计体系 - 图12

5)品牌图形元素

根据招聘直播标志、标语-找工作看直播眼见为实,以及招聘直播真实、友好、温暖、年轻、活力等品牌调性衍生出7种主要图形元素。
58 UXD|如何构建直播品牌的设计体系 - 图13

特殊要求可根据使用场景适当进行调整,包括但不限于线条、描边效果、图形组合等。

58 UXD|如何构建直播品牌的设计体系 - 图14

6)品牌图形元素直播间应用规范

为了统一直播间主视觉,根据品牌图形元素,统一设计制作了直播间背景板。此次直播间品牌主视觉以58品牌色为依托,将招聘红蓝、赶集黄绿、英才红黑进行大胆的撞色,凸显年轻潮流,用极简的图形元素,通过点、线、面、体的相交相组,构建简洁、醒目,形式感强的视觉感知。

58 UXD|如何构建直播品牌的设计体系 - 图15

03 打造直播间礼盒

这里先简单介绍一下,我们在做直播间主播形象规范、直播物料规范的时,借助创新训练营活动机会,为招聘直播间打造了最美直播间礼盒。

以创意的形式结合我们的使用场景,设计了创意性高、灵活性高、实用性高的直播礼盒,区分多个等级,适用于我们各种使用场景。将我们直播间的部分标准以礼盒的形式承载,并通过赠送和售卖的方式同步企业与合作单位。同步标准的同时也间接的创造了收益。

在创新训练营活动中,经过多次线上互动、线下走访,发现问题-分析问题-解决问题等一系列的操作,研究出盒子的价值、使命、灵魂(是什么就不细说了),并成立了“瞧·孟德的钥匙”最美直播礼盒团队。

1)主播形象

首先规范主播形象,让主播更专业更统一,礼盒中配备了两件定制版冬(卫衣)夏(T恤)套装,为了满足不同业务的需求,根据品牌色彩规范产出了3套设计方案。

image.png
58 UXD|如何构建直播品牌的设计体系 - 图17
为进一步精细化主播形象,还配备有符合品牌色彩调性且色号年轻化的眼影、口红(橙红色、石榴红两种颜色可供选择)。

58 UXD|如何构建直播品牌的设计体系 - 图18

2)多功能收纳盒

主播形象规范之后,为了让主播不受空间、时间、地点的限制,我们还设计了多样化、实用性的多功能直播收纳盒。

整个礼盒是可拆卸组装分层结构,采用环保材质,颜色选择干净简洁的珍珠白。
顶层是亚克力透明盒盖,装有直播补光灯、手机支架。
·手稿 平面稿
58 UXD|如何构建直播品牌的设计体系 - 图19
·3D效果图

58 UXD|如何构建直播品牌的设计体系 - 图20

3)趣味手写板

第二层是趣味手写板,由于我们部分主播有小朋友,为了确保直播过程中不被小朋友打扰,手写板背面设计了小球迷宫,唤醒各位主播童年记忆的同时也可以让小朋友玩耍。

58 UXD|如何构建直播品牌的设计体系 - 图21

手写板是磁吸材质,配合设计的双面磁吸徽章,可以完成9宫格格子游戏,可以让主播玩亲子互动小游戏。
58 UXD|如何构建直播品牌的设计体系 - 图22

58 UXD|如何构建直播品牌的设计体系 - 图23

4)DIY防水贴纸

配合直播收纳盒还设计了防水夜光贴纸,可以DIY独属于自己的直播礼盒。

58 UXD|如何构建直播品牌的设计体系 - 图24
58 UXD|如何构建直播品牌的设计体系 - 图25

5)手写信

每一个顶配礼盒还有一封来自招聘直播(神秘人)的手写信,仪式感满满。

58 UXD|如何构建直播品牌的设计体系 - 图26

6)快递盒

你以为这就结束了吗?这么好的产品,当然需要更醒目更潮流的包装盒,招聘直播包装盒,采用了主视觉的橙红色,招聘直播标志用快递纸箱的原色,标语与、注意事项则用简洁醒目的黑色大字报排版方式呈现,品牌曝光的同时让用户在堆积如山的快递群中,一眼就瞧见。

58 UXD|如何构建直播品牌的设计体系 - 图27
58 UXD|如何构建直播品牌的设计体系 - 图28

6)大容量果冻包
为了让主播能切实做到不受空间、时间、地点的限制,进行直播,还设计潮人必备、超实用的大容量半透明果冻包。根据不同业务属性,产出4种颜色,3款设计图的果冻包,用户可根据喜好自行选购;每款包都搭配一款亚克力材质的吊牌挂饰和小徽章。

image.png
58 UXD|如何构建直播品牌的设计体系 - 图30

最后展示一下部分成品效果图,想要我们的大礼包吗?给我们留言吧!

58 UXD|如何构建直播品牌的设计体系 - 图31

瞧·孟德钥匙团队介绍:

58 UXD|如何构建直播品牌的设计体系 - 图32

🙋 一起聊设计 🙋‍♂️

高质量,学知识的设计行业群

设计行业一手资料
设计大厂最直接内推

定期大咖直播
0门槛扫码进群!
期待与更多优秀设计师一起成长🤩
image.png

58 UXD|如何构建直播品牌的设计体系 - 图34