咻咻星球是百度游戏业务旗下的一款年轻化游戏社区,就业务目标而言希望通过这个产品一站式满足游戏用户全生命周期的需求。设计目标则是通过建立年轻、潮流化的设计语言,打造出一个符合游戏用户认知的品牌印象。

1. 明确业务目标

在设计之前,我们对业务目标进行了梳理。作为一款全新的游戏社区产品,业务围绕 3 个目标去打造这款产品:

①激发用户找游戏的灵感

②满足用户对内容的需求

③用服务和社交关系沉淀用户

从0到1搭建年轻化游戏社区设计语言 - 图1

2. 找到设计方向

| 2.1 核心关键词

通过脑暴确定出 3 个核心关键词,在此之下延展出更多具象的词帮助视觉落地。

从0到1搭建年轻化游戏社区设计语言 - 图2

| 2.2 搭建世界观

通过故事线推演,串联关键词,搭建产品世界观:

用户在游戏的 “宇宙” 中漫游,在漫游过程中入驻自己喜欢的“星球”,为自己的星球贡献内容,与其他用户互动,使自己的星球更加繁荣。

基于这套世界观,设计师正式进入设计方案探索。

从0到1搭建年轻化游戏社区设计语言 - 图3

3.搭建设计语言框架

| 3.1 设计方案探索

①突出年轻潮流感

②突出宇宙故事背景

③突出内容专业权威

通过沟通,最终选定在方案①的基础上进行细化,着重表现这个游戏社区的年轻,有趣和浓厚的互动氛围。

从0到1搭建年轻化游戏社区设计语言 - 图4

| 3.2 明确设计风格

通过情绪版明确产品的视觉风格,用高饱和度撞色,贴纸、花体字、粗描边等表现形式突出年轻、个性。从情绪板中进一步提取出产品的品牌色,在快速推进设计方案的同时保证设计语言的一致性。

从0到1搭建年轻化游戏社区设计语言 - 图5

4. 设计语言渗透

| 4.1 核心设计思路

用设计表现手法去勾勒出品牌性格,多场景渗透设计语言,建立品牌认知,使用户逐步加深品牌记忆。

从0到1搭建年轻化游戏社区设计语言 - 图6

| 4.2 品牌创意积累

产品界面设计探索的同时,品牌侧启动创意探索,为呈现一致的品牌印象做创意素材积累。

①. 品牌 LOGO

从品牌字、读音、故事背景等多维度进行 LOGO 方案探索,最终选定年轻向上的火苗图形,结合宇宙星环,表达产品年轻、向上的品牌印象。

从0到1搭建年轻化游戏社区设计语言 - 图7

②. 品牌 IP - 咻哥

从 LOGO 图形延展出 IP 的雏形,赋予游戏化特征,通过这个年轻调皮的形象增加游戏社区的亲和力,将他作为咻咻星球的一员贯穿产品,强化产品的游戏特征。

从0到1搭建年轻化游戏社区设计语言 - 图8

从0到1搭建年轻化游戏社区设计语言 - 图9

③. 品牌创意创意扩展

从 LOGO,形象,图形等维度扩展更多创意形式探索更多可能性。

从0到1搭建年轻化游戏社区设计语言 - 图10

| 4.3 多场景渗透

渗透方式:带入用户视角,将品牌核心元素、IP 形象渗透在产品核心场景中。

从0到1搭建年轻化游戏社区设计语言 - 图11

①. 产品端渗透

  • 品牌初印象:在 LOGO、闪屏、应用市场介绍图中放大视觉风格,给用户留下深刻的品牌初印象,激发用户的探索欲望。

从0到1搭建年轻化游戏社区设计语言 - 图12

  • 初次探索产品

从0到1搭建年轻化游戏社区设计语言 - 图13

  • 找游戏

从0到1搭建年轻化游戏社区设计语言 - 图14

  • 找内容 / 互动

从0到1搭建年轻化游戏社区设计语言 - 图15

  • 互动表情包

从0到1搭建年轻化游戏社区设计语言 - 图16

②. 运营场景渗透

  • 以运营闪屏形式强化 IP 形象

从0到1搭建年轻化游戏社区设计语言 - 图17

③. 结合动效强化渗透效果

  • 用动效传递自然、活力且年轻的品牌感知,将静态感受和动态感受高度统一的同时增加趣味性。

从0到1搭建年轻化游戏社区设计语言 - 图18

  • 动态表情包,进一步的强化趣味性,呈现令人会心一笑的设计,表现游戏产品特有的幽默感。

从0到1搭建年轻化游戏社区设计语言 - 图19

///

写在最后

构建一套完整且有记忆点的设计语言是由点及面的综合考量。在这个案例中,无论是产品前期的业务理解,世界观构建,还是设计过程中的每一次尝试,设计师都是从打造一致的品牌印象出发。通过丰富的设计表现手法勾勒出品牌性格,多场景强化渗透,向用户传递出一致的品牌印象。


感谢阅读,以上内容均由百度 MEUX 团队原创设计,百度 MEUX 版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。

也欢迎加入 MEUX, 视觉 / 交互 / 用研

可投简历至 MEUX@BAIDU.COM

(注明信息获取来源如:公众号)

以下文章,你可能也感兴趣

⬇️

数字人 IP 形象设计创意玩法

【活动回顾】适老化与信息无障碍设计线上论坛

视频智能取色——营造氛围感利器

2022 年好运中国年春节活动设计复盘

【内有长文】对话知乎 - 社区氛围专场(下)

关于我们:

MEUX, 百度移动生态用户体验设计中心,负责百度移动生态体系的用户 / 商业产品的全链路体验设计。服务的产品包括百度 APP、百度搜索、百度百科、百度网盘、百度贴吧、百度商业产品等。

MEUX 以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。

你 “在看” 我吗?

从0到1搭建年轻化游戏社区设计语言 - 图20
https://mp.weixin.qq.com/s/ZMNvmYDxc-k-96izJ1mX7Q