如何设计QQ空间玩吧套牛游戏

0 评论 8981 浏览 3 收藏 7 分钟

定位/风格

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

玩吧入口图标

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

功能图标

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

首页菜单页

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

游戏主界面

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

游戏规则:

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

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

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

 获得游戏币:

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

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

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

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

游戏GUI应用

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

A信息/按钮

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

B浮层/界面

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

小结

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

erweima[1]

image1

感谢你的阅读,本文由 腾讯ISUX 版权所有,转载时请注明出处,违者必究,谢谢你的合作。
注明出处格式:腾讯ISUX (http://isux.tencent.com/qzone-game-cattle.html)

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!