求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
  
 
 
     
   
分享到
QQ空间玩吧套牛游戏设计简析
 
作者 范俊豪,火龙果软件    发布于 2014-05-08
 

定位/风格

QQ空间Android版4.2和4.5已上线的玩吧游戏“疯狂套牛”,定位是年轻、活力、有趣、轻松易玩。设计风格趋向运用多色彩、卡通、线条与立体感的设计。游戏以牧场作为设计背景,再加上西部牛仔的元素。作为一款带有博彩性的小游戏,主要是带给用户轻松易玩且有紧张刺激的感觉,轻松的绿色色调会起到很好的调和作用。

玩吧入口图标 运用游戏的主形象,配合QQ空间Android版4.2和4.5整体风格。务求既突出也不带有过多的违和感,吸引更多的玩家去点击试玩。

功能图标

套牛游戏首页的功能图标包括,游戏开始图标,试玩入口图标,以及排行榜、游戏币、游戏规则、积分兑换组成。设计上配合整体风格以黄色活泼的基调与木质立体设计,务求与背景的农场场景相互结合。

首页菜单页

QQ空间玩吧疯狂套牛游戏有PC和手机两个版本。设计是首先完成了手机端的界面设计。所以在接到需求的时候我们就要注意PC端与手机端的一些设计尺寸上的不同,预留足够大的设计元素,方便后续设计的快速套用。同时也要在视觉上把关好手机和PC上多个屏幕尺寸上的显示体验问题。

游戏主界面

游戏的主界面设计上要注意的问题也很多。由于PC和手机都存在多种屏幕尺寸,设计的时候要注意元素信息的大小问题。游戏主要的信息也采取了居中放置的形式,以便适应更多的屏幕显示尺寸上应用。 左右方的力量条和时间条,也设定成自适应,还有背后的环境元素尽量靠上放置和简化设计。让出足够的空间给中间的牛和绳子移动,使视觉更集中让游戏的体验更好。

游戏规则:

1. 每局游戏时间为60秒,玩家在限时内通过发射绳套来套住牛头,然后快速点击屏幕把牛成功拉回来即可获得积分,套不中牛头或者牛在被拉回过程中逃走均不得分。

2. 游戏中出现的奶牛为低分牛,玩家套中并成功拉回将可以获得10或20积分,奶牛较易被捕获;公牛为高分牛,玩家套中并成功拉回将可以获得30、40或50积分,但公牛较难被捕获。

3. 每局限时内,玩家只要套中并成功拉回4头及以上的牛(牛种类不限),均可额外获得50积分。

获得游戏币:

1. 玩家可以通过购买虚拟装扮或开通黄钻来获得游戏币,通过点击游戏主页的“获得游戏币”按钮进入获得游戏币的页面。

2. 游戏币仅在活动期间有效,且不支持退款。

游戏各窗口/界面/UI设计

UI设计上统一运用木质立体的视觉设计,以更加突出农场朴实的环境气氛,让玩家游戏或浏览信息时更有代入感。 在做各种窗口、界面、浮层设计的时候要更多的考虑好交互。窗口与浮层提示的出现与链接都要考虑周全,不能有纰漏。及时的去体验游戏,因为在电脑上做的感觉往往和手机上的体验不一样,转移到手机上看,你会发现更多的体验上的问题,发现问题后也要及时沟通更正。

游戏GUI应用

QQ空间玩吧疯狂套牛游戏完成后也及时整理了一份游戏GUI的应用。一些游戏的图标、信息、界面、按钮、浮层等的相应规范运用,可以快速有效有效的复用到其他的游戏当中,或者提供设计风格的指向,可提高工作效率。

A信息/按钮

整理时候要注意信息字体的样式和大小。按钮的颜色情感导向,以及按钮的正常状态与停留状态。还有各功能按钮的整理规范,视觉统一性等。

B浮层/界面

在整理浮层界面应用的时候,会发现的一些之前设计上的一些不统一的应用或者遗漏。这时就更好的指导我们的设计,订正之前的纰漏,更好的做到体验上的统一。

小结

后续我们在其他的游戏上使用更多有趣的形式,比如扁平化设计,加入更多缤纷的色彩表现等,务求带出更好的体验。 现已上线QQ空间Android版4.2和4.5,欢迎体验!(扫描下载QQ空间Android版客户端)

相关文章

用户故事与用例
交互设计师之精益画布篇
数据分析之用户画像方法与实践
如何快速建立用户模型?
 
相关文档

用户界面设计
给企业做大数据精准用户画像
用户体验和交互设计
大数据下的用户画像
相关课程

用户体验&界面设计
用户体验、易用性测试与评估
用户研究与用户建模
用户体验的软件UI设计最佳实践
 
分享到
 
 

从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   

以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计

北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...