腾讯实战案例！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“蛋形“和“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 视觉升级中对品牌探索的一些阶段性成果，而这仅仅是开启了品牌的一个新篇章，品牌建设是一个长期的过程，后续我们将持续打造高识别、高传播的品牌符号，建立和不断的丰富品牌资产，拓展更多品牌应用场景，以设计赋能和助力业务持续发展。
腾讯实战案例！如何打造有温度的二次元 IP 形象？
项目背景 随着 80、90、00 后陆续成为互联网社交的主力群体，泛二次元文化从以前的小众圈层，逐渐发展壮大，与主流文化接轨。
阅读文章 >优设推荐关注“腾讯设计”官方公众号，第一时间获取腾讯的设计方法论
文章来源：
Author：腾讯设计
link：https://www.uisdc.com/wegame2-0