移动终端设备游戏设计初体验

移动开发 移动应用
笔者参与制作的三款腾讯移动终端设备游戏分别是iPhone平台的QQ连连看的美术设计,Android平台上的QQ对对碰的游戏美术设计,移动终端设备3D阳光牧场的游戏UI设计!做完之后感觉几个游戏之间的相似性和互通可借鉴性很多,并且深刻意识到团队协作的精神,相当必要。

其实之前接触的很多都是网页web端的美术设计,现在接触移动终端设备上的设计还是有很多的不一样的,更何况是移动终端设备游戏美术设计,更加具有挑战性!笔者参与制作的三款腾讯移动终端设备游戏分别是iPhone平台的QQ连连看的美术设计,Android平台上的QQ对对碰的游戏美术设计,移动终端设备3D阳光牧场的游戏UI设计!做完之后感觉几个游戏之间的相似性和互通可借鉴性很多,并且深刻意识到团队协作的精神,相当必要。这里总结感悟了一些经验!希望可以帮到大家。

[[19683]]

1.强调游戏的故事性。通常是指每个游戏都有它蕴含的背景、和故事情节,有游戏的背景、地点、时间等,像移动终端设备休闲类小游戏有,那么大型的RPG、ACT游戏更是有丰富的故事情节,设置关卡去完成任务。

2.游戏角色的定位也是非常重要的。比如移动终端设备游戏愤怒的小鸟,cut the rope,puppetshow木偶剧等热门手持端小游戏。之所以他们的游戏美术界面让玩家感觉那么美,就是因为它抓住了玩家角色扮演的心理,完全让你融入游戏那个氛围中去,让你有强烈的欲望不断的去征服突破它,这就是好游戏的诱惑之处。

3.作为游戏美术在设计界面的同时,要简单明了的快捷告诉玩家游戏包含的内容,玩什么,怎么操作。一些没有故事情节的益智类游戏,SPG竞技类和一些棋牌类游戏,就比较注重操作界面的便捷性的考量和视觉表现清晰明了,目前腾讯发布的好几款移动终端设备游戏都是这种,QQ连连看,QQ象棋等。

4.另外说下游戏好的名称和手持设备的桌面LOGO的设计也是非常至关重要的环节,这个一点儿都不逊色游戏ICON ,UI界面的设计,有吸引玩家眼球和讲述游戏内容的作用,而最终还是要看游戏的品质的了。

5.色彩的运用和互动的动画也需要高度趣味性,所以作为休闲类游戏的美术设计师需要考虑和把控的地方也很多。

这是笔者近期玩的一款大型休闲解密类游戏,画面质感和故事情节性极强,游戏关卡设置的关联性也非常密切。道具展示的形式也非常的棒,美国幻想公司一直是笔者学习膜拜的对象。

[[19684]]

无论是用色还是画面的细腻度都是相当的上流,在画面视觉表现的凌厉精致的基础上,把几个功能LIST都穿插的非常巧妙,也正是笔者们学习之处。与之前笔者做的桌面功能性产品的视觉上有着很大的差距性;以图为例:

笔者的作品

这是之前做的QQ校友界面,现在改名为朋友社区;很明显看出桌面SNS网站和移动终端设备游戏界面的差异性。无论是色彩还是功能的布局都存在着很大的差异度。  

参与游戏类的设计工作,首先区别于web端和客户端的桌面产品的最大之处就是游戏需要设计的画面比较活跃并渲染烘托整个游戏场景带你进入一种不一样氛围中。考虑的交互点和视觉配合也要有较为大的驱动性,并且需要一个贯穿始终的故事情节把游戏的所有元素链接起来,让玩家觉得是情理之中,意料之外。UI和视觉表现的形式也可以丰富多彩,可操作性很强!色彩的运用和互动的动画也需要高度趣味性,所以作为休闲类游戏的美术设计师需要考虑的切入点也很多。

下面笔者以笔者参与设计的几款移动终端设备休闲小游戏为例,来阐述下整套设计的驱动性和他们的整体画面设计的想法。

移动终端设备休闲小游戏

这是QQ连连看的几个主要设计界面,主题故事是在炎热的夏威夷海滩边小企鹅拿着水桶去海边钓鱼,主界面的消除元素也是围绕整个夏威夷海滩边多种多样的热带海底水族为主,生动可爱的水族动物表情带玩家进入一个开心的假日休闲的氛围中。输赢画面的奖励视觉效果带给玩家强大的冲击力。游戏期间的竞速的刺激配乐和道具的穿插阻碍,既增加了游戏难度又让玩家倍感挑战性。

接着是andirod平台上的QQ对对碰游戏,也是一款消除类的休闲益智游戏,和之前参与的QQ 连连看有很多功能点的相似性,但是由于主题的差异比较大,笔者们采取的视觉表现形式也有很大的化。由于游戏还没有发布,很多内部设计稿不能贴出,不过很多精彩环节期待您的体验,后续发出尽请期待哟!~

还有一款是腾讯第一款移动终端设备3D类游戏,也算是打开技术的一个瓶颈,腾讯首度尝试自助研发3D移动终端设备休闲类游戏。

自助研发3D手机休闲类游戏

现在牧场类游戏非常的火爆盛行。趁热打铁笔者们也自助研发了一款休闲3D牧场游戏,为了和市面的牧场游戏拉开距离,腾讯这次特别采用3D视觉界面的效果来渲染整个农场庄园的游戏场景。这款游戏是描述的比较有趣的欧洲中世纪牧场,喂养和获取里面的各种可爱的小动物为主的休闲游戏,里面穿插的一些小游戏和买卖的交易是玩家得到游戏的乐趣。笔者们的游戏美术以可爱清新的欧式牧场风为主导,引导玩家进入一个复古的中世纪农场氛围里去。

这是牧场里的动物形象,生动有趣的表情和动态,还原出那个时代背景下的庄园动物雏形。产物和幼年的可爱稚气,让你留恋往返,有没有被萌到的感觉。可爱的商品和动物幼年!商品的陈列形式和动物的载体都是经过笔者们设计人员精雕细琢,反复考量过的,方便日后升级补给添加元素。

下面展示几个笔者们设计的主要页面,闪屏、商店和玩耍小游戏界面:

小游戏界面

即将在2011年2月20日上线,欢迎大家到时候体验这款andirod平台的3D阳光牧场游戏哟!

讲了这么多笔者们的游戏项目,真是感悟颇多,估计大家看图看的比较零散,那笔者最后总结几个笔者自己的小心得方便大家日后再接触游戏项目上能够更加快捷的融入其中。

1.在接到游戏产品策划任务的时候,对于笔者们游戏美术设计人员来说,首先需要从视觉上对竞品分析,体验各类游戏,无论交互模式还是美术视觉都需要分析和亲自体验。这样方便笔者们设计出的游戏至少高于市面上现有的同类产品,并且有一定的突破和创新。

2.根据需求文档的规划,设计出视觉稿。这里需要主美在游戏风格的设定上起到主导把控,尝试多种风格的提案保持画面的精致度和传达给玩家信息的准确度。

3.主风格设计稿件出炉后,需要制定一定的资源规范和页面统一。不通硬件的尺寸需要制定不同的实际规范(这个非常重要,笔者在项目中多次遇见这个硬件尺寸变动的问题),所以笔者们需要及时和游戏产品经理沟通好这个问题是至关重要的一项。

4.这边笔者接触开发切图资源这块感触比较深,就是当笔者们美术基本完成第一个版本的时候需要让开发实现出效果来检测的时候,笔者们需要考虑切图的资源尽量少,节约资源的存储量,可以节约整个游戏后台的数据包,也方便整款游戏的运作通畅,不会因为速度反应慢而导致玩家的流逝。做好这些资源的归类和重复资源的再利用工作,可以减轻笔者们日后梳理存档工作。

5.最后要说下,部分的游戏动画效果需要美术设计师进行设定的,所以需用到动画编辑器。这个东西是不同硬件平台有自己专门适用的动画编辑器。整个过程需要比较耐心和仔细的与开发沟通落实动画的实现步骤,让美术设计的画面可以完美的动起来就靠这个利器了。

好了,这里说了这么多的经验和心得分享,最后为大家推荐几款近期个人玩的比较不错的,游戏场景和角色UI画的比较不错的游戏APP给大家玩玩。希望可以给设计师们带来不少灵感。

Qwazz这是APP是一款类似Facebook一样的社交类应用,是专门为喜欢挑战你的朋友,玩休闲游戏,比较你的技能的朋友们交流的地方。笔者觉得界面轻松活泼,LOGO小人很有游戏的动感和趣味性,算是社交类APP做的比较成功的一款应用,不会想大多数社交类APP那样单色和缺乏互动趣味性。

Qwazz

所玩过的游戏种类都像勋章荣誉一样,依依展示的非常醒目精致,整体色调极具轻松活泼的氛围。

这是一款轻松的跳跃类小游戏,准备好爆炸开始旅程, 收集硬币,疯抢能量集聚隐藏和躲避怪物来提高自己的宇宙内外优势!让人大跌眼镜卡通图形和美丽的多层次背景,收集硬币可以赢得巨大的组合星星爆炸效果,从而得到胜利的快感。诙谐的配乐和不断出现的怪物阻碍增加了游戏难度。

Qwazz

MEGA Jump

游戏的主角是这个可爱的小怪兽,游戏美术绘制的可爱生动的动物表情赋予其丰富的生命力,利用重力感应来左右操控iPhone使小怪物能够跳跃的更高更远赢得更加多的钱币,画面的配色绚丽,精致可爱的画风博的了不少玩家的芳心。

这款APP不得不提一下,这是一款笔者觉得界面最上流的音乐制作软件。它是模拟一个音乐盒的效果,带你进入一个优美旋律的高清生命的特别时刻。可以任意编辑音乐和分享给你最爱的人,仿佛拥有自己的小型个人音乐会一样的场面。

界面欧式复古,精致的花边装饰,色调的统一呼应,拟物化的界面处理,让你一目了然其功能性和操作性。

这款游戏算是目前为止史上最好的MMORPG游戏的iPhone版本。游戏里面你将是一个普遍的管理战略中的一个游戏王国 – 提高资源生产,广泛荒地冒险,收获传奇珍品,装备有先进的能力,你的部队,并与其他选手争夺 – 以成为最强的王国中的终极目标古老的世界。你不仅为名利,权力,财富和荣耀而争,还可以进行贸易协定,联盟行动,邮件系统,聊天系统等功能。

画面的质感和整体的文字配色都非常的考究,相信游戏美术设计师们也是花费了相当大的力气去研发制作的。画面的细节和道具的绘制都高度的体现其实力雄厚。值得笔者们学习和借鉴。

MMORPG

MMORPG

最后给大家介绍一款笔者自己特别喜欢的色彩特别棒的制作类小游戏,它是走的日式卡哇伊路线,带给你轻松欢快的游戏氛围,勾起你对画面里满满的漂亮甜点的口水欲望。

希望推荐的这些小游戏大家能够喜欢,也希望大家多给笔者提出宝贵的意见!!多多体验笔者们设计的移动终端设备小游戏哟!

美女作者简介:璐璐

[[19686]] [[19687]] [[19688]]

CDC去年入职的视觉设计师。

 【编辑推荐】

  1. Windows Phone 7 免费线下培训火热报名中
  2. 移动终端设备阅读类产品的信息架构
  3. 移动终端设备UI设计检测要素
  4. 移动终端设备应用程序启动画面
  5. 移动终端设备产品登录页面设计理念
责任编辑:佚名 来源: cdc.tencent
相关推荐

2011-05-16 11:17:35

设计推送

2010-12-24 09:14:17

用户体验UI设计检测要素

2011-01-24 15:15:09

2010-08-24 10:54:16

MeeGoUI设计

2010-12-15 13:17:28

使用模式用户体验

2010-11-23 10:51:45

UI交互设计产品管理

2011-02-25 14:15:14

信息架构阅读类产品

2011-12-29 11:13:58

移动Web应用程序标准

2011-11-02 09:50:03

客户端移动终端设备

2011-06-28 09:53:43

iPhone诺基亚N9

2011-06-16 14:14:41

2014-08-11 09:13:31

2009-12-31 14:34:17

ISDN终端设备

2012-06-15 09:53:11

2009-03-06 09:36:00

3G移动终端设备

2009-10-09 09:59:24

微软移动应用商店

2011-10-11 14:37:01

TechEd2011移动终端WindowsPhon

2013-03-19 12:51:59

VDI网络虚拟化虚拟化技术

2020-02-20 22:44:01

通信协议物联网终端设备

2009-08-10 09:46:06

中国移动Mobile
点赞
收藏

51CTO技术栈公众号