作者： 宝红HOM 一个啰里八嗦的UI
在日新月异的新时代下，游戏已在多元的道路上迈出了步伐，早已不再是“坏孩子”的专属，我们每一个人都可以在游戏这个平行时空里体验别样的人生。在《航海王》里，你可以是环游世界的探险家，称霸一方的海贼王；在《王者荣耀》中，你可以是峡谷里的盖世英雄，草丛一躲，人头归我；在《小森生活》里，你可以远离城市的喧嚣，回归淳朴的慢生活……游戏发展到今天早已成为我们日常生活中不可获缺的一部分，vivo游戏中心作为连接用户与游戏的纽带一直与用户“并肩成长”，然而在用户需求多元化的今天，游戏中心也迎来了新的机遇和挑战。
背景&目标
2020年下半年，vivo游戏中心业务基于“服务于vivo用户游戏全生命周期需求”的定位，重新对平台在vivo生态下的资源进行整合，在用户需要的各个场景为用户提供对应的游戏服务。但随着业务的不断发展，vivo游戏中心已有的品牌形象已无法满足快速拓展的业务需求。对此设计团队从品牌定位、品牌形象、品牌系统，品牌渗透四个维度重新探索vivo游戏中心品牌体验。
PART1 升级品牌定位
vivo游戏中心品牌屋探索
项目前期我们已经有了明确的业务定位，但是我们为什么样的用户提供服务？我们所提供的服务要给用户建立什么样的心智印象？作为手机官方内置应用我们又如何处理与企业母品牌的品牌关系？都仍是未知，这也恰好是品牌需要解决的问题。
带着这些疑问，项目初期我们收集并查阅了大量用研、品牌资料，并且以工作坊的形式组织多职能项目成员进行品牌定位的全新探索。
工作坊中我们通过品牌关键词金字塔模型从产品的功能属性、实际价值、情感价值、产品个性、品牌精髓5个纬度逐一进行关键词的发散与收拢，帮助我们进一步清晰游戏中心的品牌“模样”。
为了尽可能缩小品牌定位和用户心智需求之间的gap，设计师将金字塔中的关键词分别面向研发团队以及目标用户发起了定量调研，收集更全面立体的信息。最终设计师与业务同学共同收敛确定了vivo游戏中心品牌屋。
PART2 重塑品牌形象
分析与洞察-现状分析
皇冠做为vivo游戏中心的核心品牌符号，能够有效的与竞品区分开来，但由于种种原因，在不同的vivo手机上用户看到的游戏中心图标是不一样的，尽管这些icon都以皇冠作为图形符号呈现给用户，但不同的皇冠在造型、色彩、质感上都有着较大差异。从符号的认知心理学上来说，这并不利于用户有效的对vivo游戏中心形成固有的认知和记忆。我们迫切需要一个固化的品牌品符号来帮助业务建立用户认知，进而促进业务目标的达成。
什么符号能代表游戏中心？在用户调研中我们发现66.4%的用户对皇冠已经形成一定记忆，因此经过沟通决定我们的品牌会继承并固化皇冠的符号，并通过设计升级视觉语言，为品牌注入新的活力。
**
潮流趋势洞察
“年轻又有趣”的定位要求我们了解和掌握当下的流行趋势和设计风向。另一方面，潮流趋势的分析可以帮助我们准确预判设计方向及表现手法。我们从视觉设计的形、色、质、动四个方面提炼了趋势规律，将其渗透到vivo游戏中心的品牌设计中。
▲点击图片查看具体趋势规律**
品牌关系
做为手机的官方内置产品，我们需要了解企业的品牌理念，明确我们与母品牌的关系——在顺承母品牌的前提下探索游戏中心品牌的差异化特色。
**
品牌差异化特色
如何找到vivo游戏中心的差异化特色？我们从品牌关键词出发，推导出了属于vivo游戏中心的设计原则，帮助我们进一步地清晰了品牌和产品的差异化设计方向。
设计探索
基于前期分析洞察的结论，设计师在继承「皇冠」的基础上，对品牌符号进行了大量的方案探索。从图形、色彩、质感三个方面切入，简化图形形态、调和色彩关系、逐像素地尝试和对比不同斜切角度，不同宽高比例关系以及不同肌理质感下皇冠为我们呈现出来的视觉感受和气质。
图形
调整皇冠宽高比，并去除冗余的装饰，优化圆角及切边的数值，使其整体形态更舒展挺拔大方。
色彩
什么色彩能够代表vivo游戏中心？设计师从品牌符号「皇冠」上找到了答案，我们将新的皇冠解构成三个三角形，与三个品牌关键词一一对应，并通过不同的色彩来传递新的品牌理念。象征官方和品质的vivo蓝、年轻活力的游戏中心品牌色游戏橙、以及变换莫测极具神秘探索气息的极光虹。这三个特定的色彩组合在一起形成了vivo游戏中心独有的色彩DNA。
同时结合应用图标色彩搭配三分法处理这三种颜色的色彩饱和度和明度，使其更符合当下的流行趋势同时帮助新的品牌在各个场景下能够快速引起用户的注意。
质感
在图形质感上结合3D色彩渐变以及轻质感的流行趋势，模拟多面体切面的效果，寓意新的vivo游戏中心每一面都为游戏用户折射出不一样的精彩世界。
PART3 构建品牌系统
新的品牌需要一套更全面的品牌系统来满足不同场景下的业务拓展需求。目前我们也正在逐步根据业务场景及触点对新的品牌系统进行拓展和完善，以便更好的保证各业务场景触点下品牌的认知和统一。
品牌「玩」味探索
除了基础品牌规范，本次品牌slogan更新为「发现更好玩」，新的品牌形象，如何做到更好玩？「更」意味着突破已有的条条框框，「好玩」则要求我们轻松活力，乐于尝鲜，敢想敢做。于是设计师基于新的品牌形象从符号拓展、辅助图形，VI周边等方面进行了大量的可能性延展，结合年轻化的设计表现方式开启了一场脑洞之旅，让vivo游戏中心的品牌「玩」起来，探索品牌符号更多好玩、有趣和多元的年轻化表达。
品牌符号形象拓展
辅助图形拓展
辅助图形作为品牌符号的一种补充，能够丰富品牌的视觉语言，我们从产品的功能业务中提炼出对应的视觉符号——游戏礼包、资讯、游戏手柄、闪电等等将他们重新排列组合，形成vivo游戏中心独有的视觉符号渗透到产品中的各个场景。
VI周边应用
PART4 品牌渗透
基于全新的品牌定位及形象我们率先对vivo游戏中心核心页面进行了品牌渗透，加强页面的可探索性和品牌联动。
线上各触点品牌图标更新
品牌图标是品牌识别最简单有效的方式。我们希望通过品牌图标在业务各链路触点反复强调，强化用户对vivo游戏中心的认知。
品牌DNA页面渗透
色彩是界面设计的第一语言。我们打破单一色彩的应用，将品牌独有的三色经过渐变晕染处理渗透到产品页面中，建立起产品界面与品牌的连接，形成产品特有的品牌DNA。同时色彩渐变晕染的颜色处理方式也更符合年轻化的流行趋势。
趣味与年轻化的探索
年轻好玩是本次品牌渗透非常重要的一部分。设计师基于新的品牌设计语言，优化卡片圆角和icon样式，融入趣味的微动效和小彩蛋，为用户营造体验的小确幸，这些看似微不足道的设计细节，当它们在页面中组合在一起就会发生意想不到的“化学反应”。这里就不再一一介绍，感兴趣的朋友可以关注公众号后续关于vivo游戏中心首页改版的复盘文章。
写在最后
品牌升级并不仅是设计样式的变化，也非设计师的自我狂欢，而是产品定位和策略发展落地中的重要一环。本次品牌设计，我们无时无刻都在思考如何更好地了解用户，贴近产品，传达理念。希望通过本次升级，用户能感受到vivo游戏中心品牌的活力以及vivo游戏中心为了更好的服务用户敢于突破，力求革新的决心和信心。
品牌设计绝非一蹴而就，这是一个全新的开始，设计团队会一如既往地去探索品牌，为用户带来更优质有趣的体验，「发现更好玩」！
特别感谢
感谢vivo游戏中心项目团队产品、运营、用研、数据、技术团队在项目各个环节中的参与和支持～
感谢游戏线UED全体小伙伴～
🎉🎉🎉
「vivo游戏中心，发现更好玩！」
项目规划&设计执行：宝红、欣怡
物料筹备：宝红、欣怡、周游，丽君、雪琦、思娴、佳敏
资料参考：
[1] 书目：《UI设计与认知心理学》 作者：郑昊
[2] 书目：《品牌设计法则》 作者：徐适
[3] 文章：《10年经验总结的高效 UI 配色策略》作者：酸梅干超人
https://www.zcool.com.cn/article/ZMTE2OTg4MA==.html
图片来源：
游戏物料：荒野乱斗、和平精英、王者荣耀、欢喜斗地主、部落冲突：皇室战争、迷你世界、哈利波特·魔法觉醒、英雄骑士团、小森生活、勇者大暴走、我的勇者、漫威超级战争、放学别跑、凹凸世界-黑洞大乱斗、奇门之上、白鹭游乐园、灵魂宝戒、航海王、使命召唤手游、暗区突围、机动战姬·聚变、航海王热血航线
网络图片：unsplash https://unsplash.com
注：部分图片来源于网络及游戏开发者物料，侵权可联系删除**
若有收获，就点个赞吧
0 人点赞
