腾讯实战案例！WeGame 2.0 视觉升级复盘（品牌篇）

WeGame 作为 PC 游戏发行平台，自品牌创立以来就一直致力于做连接开发者和游戏玩家的桥梁，随着业务的不断发展和优化诉求的持续积累，在今年我们迎来了品牌的全面升级。设计团队主导了 WeGame 2.0 的整体设计工作，今天便和各位分享一下背后的所思所想以及相关设计成果。

迄今为止，WeGame 已经陪伴玩家走过四个年头，作为一个逐渐步入成熟期的产品，却没有经历较大的版本升级，而随着业务的不断发展，我们清晰的意识到, WeGame 需要调整升级再前行。而触发改版的具体动因，可分为以下两点：

1. 自我审视，调整方向再前行

WeGame1.0 定位以“发现更大的游戏世界”，着力于向外挖掘游戏内容，而今看已逐渐偏离实际，对于产品现状的自我审视，调整方向再前行，才能更好的提升品牌价值。

2. 产品老化带来体验问题，需自下而上的革新

产品持续迭代 4 年多，其间客户端存在着不少遗留的体验问题，如电脑资源的高占用、软件使用卡顿、启动游戏太慢等性能问题，正持续影响着平台口碑。因此自下而上的革新，提升平台体验势在必行。

基于以上思考，在今年初，由产品侧发起制定了 WeGame2.0 的升级策略，主要体现为两点，一是向开发者推出一系列更友好的扶持策略，以刺激内容增长；二是持续的优化平台性能，往更轻更快更好玩的方向发展。而产品诉求是希望品牌能够传递出更友好更亲和的感觉，不走高冷范。

WeGame 的核心价值在于连接开发者与游戏玩家，在品牌升级之路上也将秉承初心，因此，品牌的新定位为：与游戏人同行，表达了平台希望与玩家、开发者和行业携手并进，共同探索游戏世界的目标。具体会落实到以下三点；

综上所述，我们将 WeGame2.0 的设计目标,定为以下三点：首先是配合产品战略升级，刷新品牌调性；然后在继承核心品牌基因的基础上，植入新调性以刷新品牌设定；以及探索更多维度更多形式，不断的深化品牌应用，拓宽品牌边界。

而在设计执行上会具体的分为品牌调性、品牌设定和品牌应用三大实施步骤。

1. 建立品牌屋

通过建立品牌屋整合和梳理相关信息，包括“品牌是什么”，“品牌要做什么”，我们对 WeGame2.0 的升级工作也有了一个较为清晰明确的方向，就是要让品牌传递出更年轻、更具亲和力的感觉， 摆脱产品“疲态”，重新注入“活力”。

2. 确立 WEGAME 2.0 品牌调性

3. 关键词：活力、趣味、多元

关键词活力、趣味、多元，是 WeGame2.0 的高度提炼和解读。活力，表明我们会带着更年轻化的表达，以传递正向的游戏能量；趣味，表达的是要去探索更多形式，做到更有趣更好玩；多元，是不断的拓宽品牌边界，创造出更多可能性。

4. 围绕关键词，建立情绪板

以上参考图来源于网络

品牌调性确立后，接下来的工作重心围绕如何继承核心品牌要素以刷新品牌设定，使其焕发新面貌，覆盖的维度也能更广更全面。品牌设定主要由品牌识别系统、品牌形象、视觉风格三大内容构成。

1. 品牌识别系统

标志图形

• LOGO 的设计由来

WeGame Logo 的设计是由“W”和“G”组成的一个裂开的蛋型，自创立之初就表达着“孵化，新生，破壳而出”的概念和寓意，在此次升级中我们希望将这份初心延续下来。

• 新 LOGO 的改版过程

在保留原 Logo“蛋形“和“W 形”的基础上，我们对图形细节进行了不同程度的调整，然后向内外部用户发放问卷以调研 Logo 的偏好度。结果显示，大家普遍更倾向于选择变化度较小的圆角化图形和渐变的配色风格，而我们也根据这个结果进行再优化和细节打磨。

旧—新：新版Logo在充分继承品牌基因的情况下，将图形变得更圆角化更柔和，线条走向也调整的更为匀称。

Logo 的定稿效果

Logo 的动画演绎

辅助图形

辅助图形是除 Logo 外最为重要的品牌符号，目前主要有三类元素组成，从 LOGO 图形延伸出的“W"型和圆直角的基础型，还有结合新品牌调性加入了更多活力的视觉表达元素等。

W 形：首先是从 Logo 延展出来的 W 型符号，是作为最重要的图形元素。

圆直角：基于 LOGO 圆角化延伸，打造出来的圆直角的一个基础型。

活力—视觉表达式 ：是对活力的具象化和视觉化，包括对“动”的表达，和对“态”的表达元素。

视觉表达式图示

色彩系统

• 品牌主色调：活力渐变橙

通过在旧版 Logo 上提取原色，来进行色调调和并拓展阈值，得出了全新的活力渐变橙，这个更具年轻化和动感的品牌主色调。

除此以外还加入了更多的辅助配色，以形成一个闭环式的全彩色环。

文字系统

规范基础字体的运用：基于 Logo 圆角化的特征，寻找了一些合适的品牌基础字体。

建立字符变形规则：对于特殊字体的设计，我们建立了一套字符变形规则：就是圆直角的基础型加上品牌识别元素，再加上活动的识别元素。

活动 LOGO 展示：目前这个规则被应用到了四大品牌活动的 Logo 上，我们希望在这些 Logo 上能够呈现出既统一，又具备着强识别特征的效果。

平面构成

基于以上内容，从点线面出发来组建了各类平面构成元素，以补充平面图案素材。

WeGame2.0 品牌书

在完成了以上视觉符号的刷新工作之后，我们建立了一个系统的品牌视觉指南，以便指导后续的应用，这里是品牌书的部分页面展示。

2. 品牌形象

品牌形象的建设是品牌设定中最为重要的组成部分，作为一个人格化的符号，IP 形象往往能够携带更多的品牌信息,更直接有效的传递给用户。

蛋蛋君设定：

WeGame 平台的核心形象蛋蛋君，是一个探索游戏能量的机器人伙伴，它是从 Logo 图形延展而来，带着“W 形”面罩和“圆形” 等明显的符号化特征。在品牌升级中我们将会保持蛋蛋君的基础型不变，去赋予更多的形式和变化。

更多配色、更多材质、更多形式、更多小伙伴

“游戏人”设定

包括蛋蛋君在内，这三个形象代表着游戏行业中的每个身份，我们想要以人格化的形象来提高亲和力，在后续的品牌场景中可以起到一个辅助作用。

玩家设定：青春活力的年轻小伙，服装设定为反戴鸭舌帽，身穿大帽 T。

开发者设定：严谨而友好的开发小哥，在造型上搭配了黑框眼镜，格子衫等元素。

3. 视觉风格

WEGAME1.0 风格：

WeGame1.0 时期我们从 0 到 1 建立起来“硬核、酷炫”的品牌风格，而后因运营需要体现热闹的活动氛围感，转而探索更为活泼的视觉风格，逐渐的两者间风格开始存在着偏差。那么，酷炫的品牌风格与活泼的运营风格是否能够做到更好的融合呢？带着这个问题，结合 WeGame2.0 产品战略调整，品牌需体现更具年轻化和亲和力的感觉，去思考新风格应该怎么变？

新风格定位：

我们最首要思考的是风格定位，希望是介于硬核感和亲和力之间，为 WeGame2.0 寻找定义一种新风格，既要摆脱高冷感，又要避免低龄的感觉。

流行趋势分析：

然后我们也针对当下流行的风格趋势进行了研究分析，提取出其中的共性特征，主要是高概括的图形元素和高饱和、高对比的配色风格。

以上图片参考来自于网络

设计灵感：

对玩家来说，游戏中常常出现的对抗元素 ，像“胜利与失败”，“友军与敌军”等高对比而又具备强视觉冲击力的元素，往往会成为他们最为熟知且最为关注的焦点。而抓住玩家的视线焦点，正是游戏平台所需要的。

以上图片参考来自于网络

定义全新风格：对撞视觉

经过以上思考，最终我们定义了一种全新的风格：对撞视觉，作为平台的主视觉风格。具体表现为颜色和元素间的对撞，主要是由圆润的主元素加上尖锐的辅助图形，以及加入高对比的配色形式所组成的视觉风格，这种视觉风格是很开放的，变化的形式也可以多种多样，也比较符合 WeGame2.0 趣味多元的感觉。

品牌主视觉 ：“与游戏人同行”的具象化表达

设计构思：品牌主视觉主要采用了“W 形”的整体构图框架，以及多个游戏人角色一起同行、方向一致的表达元素来组成画面，以对 “与游戏人同行”的概念进行具象化的表达。

对撞视觉的概念图展示

WeGame 新官网首页：

其他功能页面：客户端下载页、翼计划页、先锋测试页等功能页面的集合

WEGAME2.0 客户端：“轻、快”

围绕新品牌定位“与游戏人同行”，希望给用户带来更为年轻化的体验，WeGame 客户端搭建了一套“轻快、轻盈”的视觉语言，以契合软件性能的大幅提升；在主要业务场景中，运用了大面积的磨砂玻璃效果和丰富的主题化配色，以提升整体的品质感和商品的多样性。

图：客户端主要界面一览

广告模板设计：

结合 2.0 辅助图形和配色风格进行组合设计，输出了多种品牌化的广告模板，以便后续在项目中更灵活的使用。

运营活动设计：

在日常的运营活动设计中，也会在新品牌风格的基础上来进行设计。

线下应用场景：WEGAME 开发者大会

在今年 7 月底所举行的 WEGAME 开发者大会这个线下活动里，官宣了 WEGAME2.0 即将跟大家见面的消息，因此以品牌主视觉延展做了整套视觉包装。

礼品包装设计

品牌传播活动—游戏之夜S4试玩发布会

活动介绍：

游戏之夜是 WeGame 专属的游戏发布会，发布会通过举办各种活动来集中造势为新游戏做推广。在今年我们一共举办了两届游戏之夜，其中下半年的游戏之夜 S4 为试玩游戏发布会，在此为了配合品牌升级的宣传工作，活动整体的视觉包装以突出 WeGame2.0 为主，延续“与游戏人同行”的全新品牌概念和全新品牌主色调。

宣传视频构思:

其中发布会宣传视频的构思也会主要围绕着“与游戏人同行”来进行故事演绎，主题为“游戏人，一起玩！”，画面中蛋蛋君挥手召集开发者和游戏玩家，一起跑向电脑玩游戏，似乎有好玩的事儿即将发生，强调“一起”和“同行”的概念。

发布会先导视频：

转场页模版设计：以一种平面排版结合 3D 动画的形式，表现蛋蛋君带着另外两个小伙伴逐个登场亮相的感觉。

游戏介绍页模版设计：延续活力和动感兼具的视觉语言

活动主站 KV：表现“游戏人，一起玩”的主题概念

宣发海报集合:

游戏联合海报：

除常规的宣传物料以外，本次活动还尝试加入了游戏联合海报的形式，为每款参与试玩的游戏制作专属的宣传海报 ，提供给在各社交媒体中进行宣传，借助不同的传播渠道为活动提升曝光度。

统一的海报框架，专属的游戏元素

游戏海报集合：

这里是所有试玩游戏的海报集合，为了配合各个游戏风格海报的主色调上也会有所调整。

以上是我们在 WeGame2.0 视觉升级中对品牌探索的一些阶段性成果，而这仅仅是开启了品牌的一个新篇章，品牌建设是一个长期的过程，后续我们将持续打造高识别、高传播的品牌符号，建立和不断的丰富品牌资产，拓展更多品牌应用场景，以设计赋能和助力业务持续发展。

优设推荐关注“腾讯设计”官方公众号，第一时间获取腾讯的设计方法论