中国设计之窗
数字设计作品备案中心 设计服务平台 世界设计作品库  
首页 | 综合资讯 | 平面设计 | 工业设计 | CG动漫 | 互动媒体 | 室内设计 | 建筑设计 | 创意博览 | 作品备案 | 设计资源 | 设计教育 | 设计竞赛 | 求职招聘 | 设计书店 | 设计论坛
 | 频道首页 | 行业资讯 | 理论文摘 | 经典设计 | 设计人 | 专业技术 | 论坛 |  

个性突显 有独到见解...

网页的细节应该这样...

50个启发你灵感的黄色...

消费数码产品UI赏析(2...

UI图标设计收藏欣赏
  · 首页 互动媒体频道 经典设计 UI界面
手机游戏设计初体验
作者:Tencent CDC Blog    来源:Tencent CDC Blog   :

  从毕业到现在一直在腾讯负责手机端休闲小游戏项目,陆陆续续做了3款游戏项目。感触颇多,这里很有幸的和大家分享一下我做手机类的休闲小游戏的一些心路历程和经验,在这里班门弄斧,大家见笑了。 其实之前接触的很多都是网页web端的美术设计,现在接触手机上的设计还是有很多的不一样的,更何况是手机游戏美术设计,更加具有挑战性!我参与制作的三款腾讯手机游戏分别是iphone平台的QQ连连看的美术设计,andriod平台上的QQ对对碰的游戏美术设计,手机3D阳光牧场的游戏UI设计!做完之后感觉几个游戏之间的相似性和互通可借鉴性很多,并且深刻意识到团队协作的精神,相当必要。顺便要感谢下一直非常严格的带我做设计的玻璃渣子同学和番茄果果,画工超级厉害的MOJO大人;还有我们超级无敌可爱的贝贝同学给予我的设计帮助,以及大师andraw的提点,这里总结感悟了一些经验!希望可以帮到大家。

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

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

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

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

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

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

 

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

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

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

  下面我以我参与设计的几款手机休闲小游戏为例,来阐述下整套设计的驱动性和他们的整体画面设计的想法。

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

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

  还有一款是腾讯第一款手机3D类游戏,也算是打开技术的一个瓶颈,腾讯首度尝试自助研发3D手机休闲类游戏。即将在2011年2月20日上线,欢迎大家到时候体验这款andirod平台的3D阳光牧场游戏哟!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文相关关键字: 手机游戏 | 游戏界面 | 界面设计 | 交互 | ui
继续阅读:
· 下一篇:ESPN清新醒目的体育类ui  

编辑:shx  

  相关链接文章
· ESPN清新醒目的体育类ui
· 四月国外ui图标设计创意
· 四月国外ui图标设计创意 (2)
· 拿破仑游戏交互设计图标
· Rigo Design UI设计作品
· 四月国内精致的图标设计选(1)
· 中国移动数据业务体验界面iphone版
· MIUI全球手机主题设计作品选(2)
· MIUI全球手机主题设计作品选(1)
· 99me交友软件界面创意设计
 
  点击排行
· 生活中的那些小小恶趣味插画
· Hiiibrand 2010国际品牌标志设计大赛获奖作...
· 非常有创意的LOGO设计及详解
· 2011年米兰设计周-移动的家具
· 2011年米兰设计周-奥赫朗迪
· Logolounge发布2011年Logo设计趋势
· 西安世界园艺博览会形象推广(02)
· 2010税收公益设计大赛获奖名单及作品(海报...
· 让结构工程师泪流满面的疯狂概念建筑
· 李大卫原创平面设计作品
网友评论:
用户: 验证码:
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·新闻留言板管理人员有权保留或删除其管辖留言中的任意内容
·参与本留言即表明您已经阅读并接受上述条款

新鲜在设计2010年品牌...

视觉冲击:PUNK模特激...

新型煤气电磁炉一体两...

10大创意健身广告

三菱冰箱商业广告创意
今日焦点
米兰设计周-移动的家具
· Hiiibrand 2010国际品牌标志设...
· 2011年摩天大楼设计竞赛入选建...
· 安迪的零度空间家庭办公室
· 传统与现代艺术结合的竹制家具
· Rigo Design UI设计作品
· 邪里邪气的那些童年
· vij5:2011年米兰设计周参展作...
· 百分之百 耳目一新的国外新包...
· 2011年米兰设计周大理石家具设...
· 11名著名建筑家设计的眼镜
Hiiibrand 2010国际品牌标志设计大赛获奖作品 2011年摩天大楼设计竞赛入选建筑
设计花边
田太权摄影作品--遗忘
心痒痒 性感广告创意集锦(1) 视觉冲击:PUNK模特激情演绎 可爱的夹心面包创意设计
看这些纹身的女人们 蕾丝与皮草碰撞 妖魅之美淋漓尽致 复活节彩蛋创意设计欣赏
· 英国Christopher Labrooy的创...
· 魔女传说!泰国Sinad的性感战...
· 视觉冲击:PUNK模特激情演绎
· Igorvorobey极致妩媚诱惑(下...
· Igorvorobey极致妩媚诱惑
精彩专题
· 2010深圳创意十二月
· 金羊奖、红棉奖获奖作品展
· 台湾新生代设计师作品专题
· 中国设计酒店创意设计欣赏
· 第十一届全国美术作品展艺术设...
· 全球卷烟包装设计欣赏
· 2009设计艺术院校毕业展
· 2009“One show”奖作品欣赏
· 品牌2009包装回归“外貌协会
· 第四届税收创意大赛
热点评论
· 北京理工大学设计艺术学院05研...
· 如何提高设计师的收入?
· 第三届文博会主题活动又增新章
· 中日合拍关羽动画关公形象日本...
· 中国新锐插画师作品联展
· 成都城市熊猫形象标识入围作品...
· 全民审美缺失谁之过?
· 用PS的路径工具精细绘制头发
· 令国人蒙羞的中国汽车设计
· 连载:现代平面设计系列讲座
总编辑信箱
news@333cn.com
友情链接网站地图广告服务|合作伙伴|设计服务关于我们版权申明
最佳显示1024x768 中国设计之窗 © 版权所有 粤ICP备09030610号
Tel:0755-21041837 客服:serve@333cn.com 资讯提交:news@333cn.com
  
0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0