设计系统|从0到1搭建年轻化游戏社区设计语言

三分设

共 1791字,需浏览 4分钟

 ·

2022-05-14 15:37


点击"三分"关注,回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设|连接知识,助力全球 1 亿设计师成长

转自:百度MEUX

收集、编辑:王翎旭

共 1328 字 20 图  预计阅读 5 分钟




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



Part 1

明确业务目标


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

①激发用户找游戏的灵感

②满足用户对内容的需求

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




Part 2

找到设计方向


| 2.1 核心关键词

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



| 2.2 搭建世界观
通过故事线推演,串联关键词,搭建产品世界观:
用户在游戏的“宇宙”中漫游,在漫游过程中入驻自己喜欢的“星球”,为自己的星球贡献内容,与其他用户互动,使自己的星球更加繁荣。
基于这套世界观,设计师正式进入设计方案探索。



Part 3

搭建设计语言框架

| 3.1 设计方案探索

①突出年轻潮流感
②突出宇宙故事背景
③突出内容专业权威
通过沟通,最终选定在方案①的基础上进行细化,着重表现这个游戏社区的年轻,有趣和浓厚的互动氛围。


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



Part 4

设计语言渗透


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


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

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


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



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


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


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

  • 初次探索产品

  • 找游戏

  • 找内容/互动

  • 互动表情包

②.运营场景渗透
  • 以运营闪屏形式强化IP形象

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

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


The end

写在最后

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


—  The End  —


🔥热门文章🔥

三分设·知识月报·4月(51篇)

符号学分析导论,图标构建的 3 大要素

在校的学弟学妹们,想要进大厂实习, 请务必提前准备!


📚 精选体验设计知识📚


🙋 我们一起聊设计 🙋‍♂️


三分设

精选全球设计知识,助力 1 亿设计师成长

42,323

设计师已关注

欢迎添加 ⭐️  星标,获取每日好文推荐

高质量设计微信交流群

期待与更多优秀用户体验设计师一起成长

PS:欢迎大家关注三分设,每天早上 8 点,准时充电。分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 添加小小虫微信号【 Lil_Bug 】,备注【 三分设 】加入!


点开『阅读原文』,欢迎你的加入
浏览 60
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报