原文链接:https://mp.weixin.qq.com/s/ZMNvmYDxc-k-96izJ1mX7Q

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

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,形象,图形等维度扩展更多创意形式探索更多可能性。
image.png

| 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

**///


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