演绎你与我的十年快乐——QQ游戏品牌站设计解析

发表于2016-03-29
评论0 668浏览

想免费获取内部独家PPT资料库?观看行业大牛直播?点击加入腾讯游戏学院游戏美术行业精英群

167422913

演绎你与我的十年快乐——QQ游戏品牌站设计解析

 In 视觉设计 on 2013-09-18 16:23:38 by 爱美丽

关于项目

《QQ游戏》腾讯游戏旗下品牌,定位综合性精品游戏社区平台,目前已涵盖棋牌麻将、休闲竞技、桌游、策略、养成、模拟经营、角色扮演等游戏种类。拥有超百款游戏品类,2亿量级活跃用户,秉承“绿色、健康、精品”的理念,不断创新,力求为用户带来“无处不在的快乐”。2013年,QQ游戏十周之际,在这十年的沉淀中,玩家的数据是非常好的一块资源,以品牌站的形式呈现给你一份意外的游戏成长历程! 

产品的全年品牌计划

在2013年,QQ游戏以专业的用户调研为基础,结合深刻的用户洞察,以”十年万变 快乐如一”的全年整体推广,力图通过全面、专业、泛娱乐的整合推广计划,为广大的玩家传递,QQ游戏轻松、休闲的简单快乐,给观众以情感感知和品牌深化。全年营销推广计划包括以四期主题品牌站:第一期以结合QQ游戏大厅运营版本和开放平台趋势的主题运营活动为主题;第二期则是十周年全新品牌形象片TVC;第三期也就是本期品牌站QQ游戏十年快乐笔记,以在这十年的沉淀中,玩家的数据资源,通过数据图形化的方式,展示玩家的游戏数据系统。比如很多喜欢斗地主的玩家,可能都想不到自己已经积累了上玩盘局数,这里凝结了他的很多快乐,就可以通过文字和图形去唤起。还有例如玩家战力这些,一方面情感运营,另一方面也可以通过炫耀心里,起到SNS传播的作用。

前期的创意与构思

前面讲到的今年的第一、二期品牌站分别以运营活动与品牌形像片为主,那么这第三期的我们如何去做呢?运用这十年数据沉淀,走情感化路线,把第三期做到一个品牌传递与用户情感共鸣,正好是个契机!用简单不过的东西或想法不断延伸给予的另一种表现方式创意设计。 

一、数据整理:筛选,排序,删减,用讲故事的形式用图形数据化让这些生硬的数据活起来。

二、逻辑关系:

从注册游戏数据 --> 已玩款数               

从个人玩家     --> 全球玩家              

从总游戏时长   --> 每天平均游戏时长               

从多个游戏款数 --> 单款热门游戏               

等等多个纬度的阐述。

三、设计风格:人不可能一直呆在家里,这样是无法始终飘逸洒脱的在外面寻求新鲜与未来感。平时我会经常在网上四处转转,挖掘时下所流行视觉美感,看到我们一直以来习惯了的那些视觉风格正在越来越多的网站和移动应用产品中被潜移默化的颠覆着,也是蛮有意思的一件事。这次在设计风格上做些新鲜尝试,结合产品特性,大胆运用手绘插画地、长投影、假3D图层叠加等,用实际的产品情景及相关的应用环境作为“真实”元素融入到插画风格的网站当中,虚实结合,让访问者可以很容易的将注意力聚焦在产品上,以使新的外观让人感觉熟悉和亲切。

视觉输出

针对用户情感化设计:

如何把一个非功能性、实用性的网站做到结合数据资料,并生动的传达给用户? 首先,说下功能性与实用性,这些需要很强逻辑性的事物很难和情感产生关联,并不是指这些不重要,它们很重要,它们是基础,但缺少了情感的作用,很难产生一些东西,譬如:快乐、愉悦、悲伤、美…直达内心的设计能够影响用户自身的情感,从而导致用户的行为传播。对枯燥的事物进行转变的理解,以一种轻松、幽默的方式进行展示,通过插画的视觉表现手段,微妙的启发用户的感觉,及情绪在不失其功能性的基础上增加一些想像力,这样的尝试能够使用户产生有趣且愉快的感觉,这是一种积极情感,对产品品牌文化传播也会有正向的作用。

不同方式的创新体验:

一、差异化创新 在互联网上极其丰富的设计领域里,差异化创新是必不可少。在竞争极其充分的市场里面,差异化创新的好处多见,能同时给用户、自身和生态圈带来好处,如建立品牌差异,进而产生品牌忠诚度等;对用户角度来说,差异化使选择更丰富,需求被更贴心的满足,更符合本质诉求。怎么去做这个差异化的创新?可以利用复合式创新技巧,首先说下什么是复合式创新,如今你说要做一个设计或者交互式的创新其实是非常困难的,很多当下的设计创新其实只是一种改变,并不是创造一个新物种,那么可以利用当下已有的创意,把它变成更加适合的现像就属于复合式创新。 

二、交互性创新 回归到设计的初衷,无论设计风格如何,界面形式都取决于实际功能,在整个动画的体验过程里,打造更加流畅的交互体验,当点击行为发生时,要立刻向用户提供清晰明确的视觉反馈。任何一点障碍或额外的步骤都会提高操作成本,增加功能的复杂度,进而降低转化率,也是属于一种创新,来!直接上图说吧。

首先进入网站时,打开笔记开始你与我一起的快乐笔记,用户的视线可以跟随内容本身所界定出的路径自然的移动,开始情感的带入。

拟物化界面,将情景图形化理论运用在页面上,中文字不再是点睛之笔,而是作为主体。将文字作为图形与画面中的元素相结合。使文字具有情景化,更具视觉表现力,也许效果更能让人眼前一亮。

场景运用大面积色块设计、超大号的图片、聚焦简洁、强调大字体。采用明亮的颜色,可以让它变得更加吸引人,绝对会有打动到你的!

从个人玩家到全球玩家,利用一种熟悉的图像、符号,或是相关联的事物,来让你联想到设计所要传达的含义。

欢乐斗地主,“4个2,炸!”。从众多总游戏款数到单款热门的游戏,一个不漏。这里统计你的游戏胜算率及游戏盘数,送你一份另外的收获哦。

玫瑰小镇,把你带入你的私家花园,有蝴蝶在偏偏起舞,模拟了鲜花的生长过程,历经获取花种、浇水、播种、浇等等。

在针对部分不是经常登录的玩家,在画面的呈现更加注重画面的意境,简约的字体设计是整个画面的中心也是平衡点,大面积留白留给观者无限想象。创设留白在刻画物象之外随域而产生幻化的语言,更富意境和说服力。

“我的游戏战力表”的画面,大量的浏览数据会让观者感到枯燥,这里用幽默的方式表达,更加的生动和记忆犹新,也更有兴趣探索幽默背后所传达的含义。

好友关系链的延伸,把网络虚拟社会与现实生活有机融合在一起,从而使之成为庞大的社交节点,达到一定的传播作用。

这一系列插画,演绎了你与QQ游戏这十年中的演变历程,整个体验过程无法用言语来表达,每一组图片都展示了各层面对着时间的推移在不 断变化。更像是场永无止境的旅程,快来体验一下吧! 

《QQ游戏十年快乐笔记》 浏览地址:http://qqgame.qq.com/10th-3/

 

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

游戏学院公众号二维码
腾讯游戏学院
微信公众号

提供更专业的游戏知识学习平台