游戏开发论坛

 找回密码
 立即注册
搜索
查看: 38451|回复: 0

光子全球品牌升级丨视觉设计专项回顾

[复制链接]

4万

主题

4万

帖子

8万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
83752
发表于 2022-8-23 14:32:35 | 显示全部楼层 |阅读模式
导语 | 光子工作室群于2022年中进行了全球品牌体系和愿景理念的全面升级,并正式启用了全新的海外品牌名称LIGHTSPEED STUDIOS,这正是光子加速迈向全球化游戏市场的重要信号。光子设计中心品牌设计团队全程参与并跟进工作室群的品牌更新项目。本文为大家展开在前往光子宇宙的路上,设计师分析推导与最终构建品牌新视觉体系的设计历程。

一、项目背景与品牌刷新策略

1.1新的品牌使命

从游戏热爱出发,为全球玩家和开发者提供优质的光子宇宙平台体验,推动游戏技术创新和产业发展。因此光子工作室群需要一套升级的品牌视觉体系,引领散布全球、规模庞大的团队一起去探索未来,开启光子人的下一个十年。

微信图片_20220823140218.JPG

1.2光子品牌调性关键词

通过前期梳理与调研验证,光子品牌市场团队和品牌设计团队,很早就确定了品牌升级理念的调性表达,以及Slogan:“启程,光子宇宙!”。所以前期攻坚团队尝试基于上图的调性方向,发散思维去做了一些视觉表达关键词的发散与归纳,从中去找到更为适合的视觉表达方式。

二、创意视觉策略

其实整个执行周期是十分紧张的,以往相似的项目前后会历时一年多,而这次只有4-5个月左右的时间。

为了在保证品质的基础上更高效地完成整个项目,我们重新梳理了此次品牌升级在视觉设计上的各个模块,然后细分,拆分出更有针对性模块,系统性地纳入到品牌规范的统领和指引中:哪些内容需要严格按照规范执行;哪些内容可以不用受到视觉规范限制,留出足够的创意发挥空间;哪些工作需要优先,哪些可以并行推进,以此来节约整体执行时间。

微信图片_20220823140221.JPG

执行节奏上,在前期团队进行了大量脑暴,来聚焦概念与设计思路。明确设计方向之后,落地LOGO的设计、品牌色彩体系、视觉容器等等,就形成了整个品牌创意设计概念,再以初版体系统领各个模块,同步完善,最终形成完整的品牌视觉形象体系。

三、创意概念探索与打磨

3.1分析推导

通过对项目需求的深入分析,将关键词进行筛选组合。我们有思考过现有的品牌标识与视觉调性,是否足以能够代表光子未来的视觉符号及发展方向?是否足以承载光子人的梦想?这个视觉符号或调性需要有足够的探索感、想象力,以及包容性,来支撑新的品牌理念。有了这些想法和思考,我们便进入了视觉设计的层面。

微信图片_20220823140224.JPG

3.2图形设计

光子的传统基因如何传承?

什么样的符号才能代表“光子宇宙”与新的品牌愿景、品牌使命、文化价值观?

在光子的国际化发展中,什么样的字体设计适合升级之后的光子品牌?

基于图形设计上的这些难题,我们进入到创意脑暴阶段。在传承光子闪电的核心视觉元素的基础上,抛开所有束缚,再来一次“光子宇宙”的探索之旅。内部团队在前期做了大量的创意脑暴与视觉调性探索,寻找其中的共性与个性,希望找到最适合光子的基因。

微信图片_20220823140226.JPG

一边搜寻一边带着问题思考,根据一开始提炼出来的内核,如传承、现象、情感等关键信息,我们针对图形设计的视觉表现展开了各维度尝试,并输出了很多饱含想象力的设计方案。

微信图片_20220823140227.JPG
▲ 创意设计思考

微信图片_20220823140228.JPG

微信图片_20220823140229.JPG
▲各种图形的尝试

围绕新的品牌理念,我们发现大部分的图形设计输出,只是在原有的核心图形上做视觉化表达,本质上并没有颠覆性的设计变革。而有些具备颠覆性突破的方案,在传承和识别度上又不是特别的理想。

回过头看,原有的光子LOGO其实是非常契合新的设计理念和满足品牌升级的视觉表达需要,所以在多重考虑后,还是选择沿用以前的基本图形设计,并赋予新的理念。

光子全新品牌标识,由经典的小量子、光速闪电以及光子环组成,代表着我们对游戏热爱的初心不改、对未来探索的进取不止和开放包容的共建生态理念。


——Jerry:《致光子人的一封信》

为了让设计更为严谨和细致,借由网格工具和测量比例,对新图形进行了多轮的细节打磨与优化环节。并在打磨图形的过程中提炼出光子出闪电的倾斜角度,并以此作为后续贯穿整个视觉体系的重要元素。

微信图片_20220823140232.JPG

微信图片_20220823140233.JPG
▲ 使用网格系统打磨图形

3.3字体设计

为了符合光子的全球化建设,让品牌具备更强的包容性和多元化质感,我们优先对英文字体做了设计。

微信图片_20220823140236.JPG

微信图片_20220823140237.JPG
▲ 字体设计方案

从包容性到科技感之间不同程度的感受,先输出了若干设计方向,再做定位。

微信图片_20220823140238.JPG
▲ 基于不同感受的LOGO设计方向

我们希望这套字体是可以延续图形的设计语言,所以基于光子环形,大体使用了圆润的字体,在保持整体字架的同时加入了更多光子闪电倾斜角度——74°的细节特色,还有光子环、光速闪电等品牌印象充分地融入到了字体地设计之中。同时我们也尝试做加法,放大这些品牌印象元素,但这样整体看起来会略显臃肿,最终还是选用了最简洁的方案。

微信图片_20220823140239.JPG
▲ LOGO文字的优化迭代

与之前的英文字体相比较,刷新后的英文字体,拥有了更好的阅读性,可通过最简单而直白的方式来快速传递信息。字体风格也更加标准、理性、简洁,视觉上拥有了更强的几何感,识别度更高,在全球化发展过程中,包容性更强。

微信图片_20220823140240.JPG

基于这一设计理念,我们设计了完整的LIGHTSPEED英文应用级字库以供日后使用,来不断增强光子品牌视觉形象的识别度。

微信图片_20220823140241.JPG
▲ 英文字形的设计过程稿

英文的字体设计确定之后,基于英文字体的设计理念,我们针对中文字形也做了相对应的设计元素融入,为了后续规范能不断延续,针对子品牌字体设计也做了延展示意。

微信图片_20220823140242.JPG
▲ 中文字形的设计过程稿

另外,我们还需要一整套与之相配的双语应用级字体,以此来确保中英文语境下,所有光子工作室群品牌传播的视觉资源设计传达的一致性。

微信图片_20220823140243.JPG
▲ 应用级字体规范

3.4标准标志

通过上述的细节设计,就形成了我们的双语标准标志。

微信图片_20220823140246.JPG
▲ 标准标志预览

新的LOGO,继续传承了旧LOGO图形的轮廓和造型,但在诠释上又赋予了它新的含义和对未来的期望,代表着光子人对游戏热爱的初心不改。新的更加有包容性的字体设计代表着光子对未来的探索进取不止,以及对未来更加开放包容的共建生态理念。

我们希望以此来代表即将启程的“光子宇宙”,伴随小量子的光速运动和无穷能量,无论是开发者或是玩家,在我们描绘出来的一个个熟悉又新奇的光子宇宙中都能去探索创造和飞跃遨游。

3.5色彩体系

在过往一段时间中光子工作室群给人的视觉印象都是金色为主,与“光子宇宙”的视觉调性感受上会有偏差,金色的包容性有时候不太满足未来光子的国际化发展设计需要。所以在色彩体系的选择上针对各方面进行取舍,也输出了一些方向,尝试找到最合适的。

微信图片_20220823140248.JPG

蓝色代表着探索、宇宙、科技和未来。

以宇宙的浩瀚蓝为主色,传递进入到光子宇宙的未来探索感,以及光子3A、高度专业的制作水准。

微信图片_20220823140249.JPG

微信图片_20220823140250.JPG

微信图片_20220823140251.JPG

紫色代表着创新、未来、突破和无限可能。

未来创新感的紫色作为主色,以此来传递光子宇宙未来探索的无限可能。

微信图片_20220823140253.JPG

微信图片_20220823140254.JPG

微信图片_20220823140255.JPG

橙色代表着能量、宇宙、澎湃、热情和光。

以集聚宇宙能量,表达热爱的橙色作为主。传递光子人在游戏中源源不断的宇宙能量汇聚。

微信图片_20220823140256.JPG

微信图片_20220823140257.JPG

微信图片_20220823140258.JPG

金色代表着闪耀、能量、光芒和顶尖。

以光芒四射和辉煌的金色为主,像太阳光一样来传递光子致力于将游戏快乐带至全球的理念。

微信图片_20220823140300.JPG

微信图片_20220823140301.JPG

输出了这四个色彩方向后,我们再结合本次品牌升级的整体调性和更强的包容性,以及光子在成立最初便使用的“光子蓝”品牌色。

最终是选取了 蓝色 作为未来光子的主品牌色,并在色值上做了一些调整,融入了少量蓝紫,再加入渐变色搭配让整体视觉感受更活泼一些。同时保留在过去一段时间里使用的金色,作为特殊辅助色使用在特定场合上,比如开屏界面、礼盒、代表荣誉的场合等。

微信图片_20220823140302.JPG
▲ 全新品牌色标准色值、使用比例和渐变色

微信图片_20220823140303.gif
▲ 游戏产品开屏动画

3.6图形体系

以图形LOGO设计语言 —— 光速闪电和光子环为基础,延展出专属于光子的品牌图形系统。从应用环境出发,结合品牌色、品牌字体等,来呈现光子的整体视觉感受。

微信图片_20220823140307.JPG
▲ 品牌图形系统推导

四、品牌视觉体系

我们初步建立了相对完善的光子工作室群品牌视觉形象体系,以一本品牌书的形式来呈现。在各个对外展示窗口和官方阵地等场景已经做了应用,并在其他各个应用场景以及应用环节做了丰富的使用指引以及示意。

我们将在接下来相当的一段时间里,会通过实际的使用效果,及遇到的问题来指导手册的迭代,不断完善整个品牌视觉形象体系的内容。

微信图片_20220823140309.JPG
▲ 品牌书预览

通过图形与色彩使用系统构成的视觉容器,便可快速指引视频包装、线上体验、品牌传播的相关素材的设计。

微信图片_20220823140310.JPG

微信图片_20220823140311.JPG
▲ 图形色彩使用系统

针对品牌的典型使用接触点,我们已经有了非常完善的应用规则与文档指导,例如开屏规范、品牌阵地的标识规范等。

微信图片_20220823140312.JPG
▲ 产品开屏使用规范

微信图片_20220823140313.JPG
▲ 品牌阵地品牌标识规范

此外,针对大家日常的工作内容也输出了带有强光子品牌识别度的PPT模板、邮件签名模板等。

微信图片_20220823140314.JPG
▲ 光子工作室群PPT模板

五、视觉包装模块

5.1视频包装

品牌规范中的品牌字体、品牌色、以及品牌图形的运用,在视频包装中起到了极大的作用。

微信图片_20220823140318.JPG

微信图片_20220823140319.JPG
▲ 光子品牌宣传片视频包装设计

5.2线上体验

针对品牌的视觉刷新,官网作为了解光子的第一门户也做了整体的改版设计。新的官网会承载不仅仅只是游戏产品的内容,在更简洁易用的基础上,还会更多地聚合呈现光子宇宙各个维度的内容。

微信图片_20220823140321.JPG

微信图片_20220823140322.JPG
▲ 光子工作室群国内官网

5.3品牌传播

A.主视觉

打开的光子之门是虚拟与现实的连接点。透过光子之门我们能窥探到光子宇宙的雏形,小量子与众多前往光子宇宙的探索者一起高速奔跑,其形成的拖尾,可以形成强烈的视觉吸入感。传递即将启程、进入到光子宇宙旅行的概念,刺激玩家想一探究竟的欲望。

微信图片_20220823140325.JPG

微信图片_20220823140326.JPG
▲ 品牌升级主视觉

B.诠释海报

四个画面从不同角度立体阐述光子品牌的价值体系现在,设计思路上融合了玩家的视角,多维度展示品牌升级的价值和愿景。展现光子宇宙的多元价值观,也传递出光子品牌里人文关怀的一面:光子宇宙不止于游戏和科技,也有对玩家、用户和社会的回馈。

在画面设计上,让深邃的调性融合星空与一系列游戏元素,表达“光子照亮美好” —— 我们,不止于游戏。

微信图片_20220823140328.JPG
▲ 光子品牌升级概念诠释系列海报

C.其他延展素材


微信图片_20220823140330.JPG

由于篇幅原因,以上仅对部分素材进行粗略展示,请见谅。

六、项目小结

今天,光子全球员工已经接近4000人。是热爱游戏的共同基因让我们聚在一起、并一代代传承能力,又是什么让我们不止步于此,让如今规模庞大的全球团队一起去探索未来?

未来的品牌规划中我们将不断的完善工作室群不同的品牌矩阵内容,比如对外的子品牌:光子探索实验室、光宙映像、创新研发基地等,对内的光子农场等光子业务品牌。比如专业团队与海外分布等团队组织,现阶段已经有了初步成果。

希望通过不断完善光子的品牌矩阵,助力光子在人才、机制、文化上展开行动,将光子宇宙的核心理念和发展目标落到脚踏实地的每一步。创造出超越当前想象的价值,让我们走得更稳更远。

不断丰满的品牌矩阵

最后以 Jerry 的一段话作为整个项目回顾的 Ending,希望新的LOGO与愿景开启新的光子宇宙,并陪伴每一个光子人走过下一个十年。

新的开始

量子理论革新了人类对自然的认知,用这基本的规则可以描述任意复杂的自然现象,象征我们抓住游戏的基本规则,加入细节后将构筑丰富多元的游戏世界,以光速运动的量子带着无穷的能量,迎来的正是下一个十年的”光子宇宙“。


—— Jerry:《致光子人的一封信》

文/Merry
来源:光子设计中心
原文:https://mp.weixin.qq.com/s/poKSzRshCIlkgHEecYw5pw

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

作品发布|文章投稿|广告合作|关于本站|游戏开发论坛 ( 闽ICP备17032699号-3 )

GMT+8, 2024-6-18 06:28

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表