QQ欢乐斗地主设计分享

标签: 设计思想 产品设计 | 发表时间:2011-09-16 20:53 | 作者:P迪 地安门城管
出处:http://www.alibuybuy.com

Hello,大家好,我是无线新人设计师echo,第一次做项目分享心情鸡冻的hold不住。出炉不久尚未烤熟经验尚浅欢迎拍砖。
Symbian的夕阳时代,无线手机休闲游戏却依托着越来越强大平台、大展拳脚的设计为我们带来了许多意想不到的创意和惊喜,字里行间都透露着设计师的细致与智慧。

欢乐斗地主作为一款年代比较久远的产品,是我们休闲游戏线的核心,也是是用户规模最大的产品之一。从2004年12月发布首款斗地主游戏到现在的多个平台多款游戏,内容不断丰富,形式不断改进,用户不断增加。尽管目前手机游戏和平台种类越来越多,android、iPhone、pad等俨然已经成为用户宠儿,可是对于一直伴支持着老诺(诺基亚)的用户、一路伴随着无线产品发展的Symbian和我们这个多年塑造起来的品牌形象,如何在残酷竞争中依然小心维护品牌特色,用心呵护品牌、放大品牌效应、尽可能满足最广泛的用户随手掏口袋就可以体验游戏就格外重要。

主角出场——欢乐斗地主形象的全新设计:
欢乐斗地主&(普通)斗地主作为无线产品部历史最悠久的游戏,2011年一个重要的工作是完成形象的重新设计和统一,其中斗地主会在选定的形象上保持精简,而欢乐斗地主会在选定的形象上做精细化、丰富化表现;从而形成“手机斗地主”这个整合的品牌。作为主角的人物形象的重新设计是实现丰富与更新品牌的重要任务之一。
人物形象设计的同学dodola和maymei在立项前期关于人物设计做了很多尝试和突破性的设计:

由于欢乐斗地主这款游戏老少皆宜、年龄覆盖层面比较广泛,游戏本身短期内的版本也不适合做颠覆性风格变化,因此需要延续欢乐斗地主之前版本基本的温和细腻风格路线,全新人物造型与细节刻画的需要更加精细,差异过大反而不合适。作为游戏原型的设计,可在允许个性存在的前提下,造型与色彩方面偏向“中庸”便于用户最广泛的接受。
首阶段的稿子在设计组内进行投稿,大家一致决定对初次投稿先进行设计组组内评审,总结修改意见并进行初次优化方案后,把筛选的方案交由产品组和休闲游戏大组评审,确定最后的形象。经过了多次的PK和优化,最后确定的新形象设计造型风格大气,农民的憨态可掬和地主的富贵华丽显得生动有趣;整体颜色明快鲜亮,并且做了很多丰富动作和表情的延展;形体上地主与农民进行了统一,在简化多余线条的情况下,增加了细节装饰的设计,可爱又不过于夸张的人物想象生动表现了我们游戏的休闲与趣味性——于是我们的新形象诞生了!

 

游戏UI重新设计:
新角儿上场必然要搭新舞台,人物形象确定后游戏新UI的设计也紧随而来。产品需求对游戏UI设计的定位是:

产品建议运用轻松、活泼的元素突出游戏“欢乐斗”氛围;可以吸收前一版本优秀项目经验,不过色彩方面可舍弃一直沿用老版的蓝色系,做出大胆新鲜的尝试,传达新的视觉感受。

下面我们可以比较看看新版本在老版本的基础上有哪些新的尝试和改进:
(1)新版游戏的布局和交互参考上一版本的欢乐斗地主设计
视觉方面,老版一局游戏下来都是以稳重安静的深蓝色系为主,长时间游戏眼睛也不易疲劳;传统图案巧妙的卡通化,带有明显古典风格又不失可爱,很值得借鉴。不过根据产品强调“更新”、最大化的体现游戏“轻松休闲”的定位,我们不妨尝试运用两种有明显偏向性的色彩冷暖搭配,相较于上一版本整体单色系设计会更轻松活泼;更重要的是可以利用色彩心理暗示让用户有更流畅舒适的游戏体验。比如只是简单起引导用户快速进入游戏的部分(登录、分区、玩家信息、结算等界面)可采用红、黄为主色的暖色调;而需要长时间集中注意力盯着的打牌界面可以采用舒适的深绿或蓝绿色为主的冷色调。

(2)在装饰元素上熟悉的民间元素的运用
想到休闲类游戏难免就会让我们联想到古老的木桌、幕帘,树荫、屏风、悠哉的茶馆等场景,民俗休闲味浓厚,也突出人们游戏心理时的各种返璞归真,清新自然格调。尤其在炎炎夏季,这些元素的出现总能带给人丝丝清凉舒爽之意。所以在整个游戏界面设计中采用木桌、卷轴、幕帘为元素或者细节的装饰点缀,一方面,作为传统视觉元素它们有其自身丰富的语言与情感传达,有其独特的表现手段与可能性。特别是在设计过程中开放的思维方式与想象力的加入让它们更加饱满;另一方面,更贴近本身的休闲感与亲和力的定位。

(3)整个游戏尽量做到简洁轻快。简化桌面元素,弱化非功能性的设计元素以排除视觉干扰,使用户更集中专注于游戏的体验。
(4)针对V3资源利用率低的不足,在保证界面美观大方的前提下尽量用最合适简洁的表现手法来配合程序员、前端工程师去完成整个产品的实现,比如以下情况:

 

作为设计新人要学习的地方还有很多,如何更好的理解产品需求、如何最大化避免平台对设计表现的限制使实际产品实现后的形态最优等问题……,如在V3或V5等较低端平台上,让程序去实现一个色值填充或者简单拼接他肯定会毫不费力实现,但是平台的局限性和设计界面样式多样化,特别是面对大面积的复杂样式的运用,程序运行就会很纠结了,因为资源的大小对游戏能否顺利运行有着直接的影响。因此除了初期的风格稿,设计实现的过程中就尽量不要有太多不符合程序逻辑的样式,一些多透明多渐变的样式可以直接通过程序来设定,这样可以减少图片的应用。
V3欢乐斗地主项目结束已有一段时间了,游戏发布后依然在同平台同类产品中获得我们老用户的接受与肯定,再次感谢所有参与项目的同学的辛苦努力。

来源:http://wsd.tencent.com


© 推荐 for 互联网的那点事, 2011. | Permalink | No comment | Add to del.icio.us
Post tags: ,

你可能也喜欢:

QQ阳光牧场3D 设计分享

触摸未来的QQ概念版设计

QQ影音正式版官网Banner设计过程

sns视觉设计分享:QQ校友视觉设计

QQ连连看 for iPhone 设计实录分享
无觅

Feed enhanced by Better Feed from Ozh

相关 [qq 欢乐 斗地主] 推荐:

QQ欢乐斗地主设计分享

- 地安门城管 - 互联网的那点事...
Hello,大家好,我是无线新人设计师echo,第一次做项目分享心情鸡冻的hold不住. 出炉不久尚未烤熟经验尚浅欢迎拍砖. Symbian的夕阳时代,无线手机休闲游戏却依托着越来越强大平台、大展拳脚的设计为我们带来了许多意想不到的创意和惊喜,字里行间都透露着设计师的细致与智慧. 欢乐斗地主作为一款年代比较久远的产品,是我们休闲游戏线的核心,也是是用户规模最大的产品之一.

欢乐斗地主设计分享

- Jacky - 所有文章 - UCD大社区
      Hello,大家好,我是无线新人设计师echo,第一次做项目分享心情鸡冻的hold不住. 出炉不久尚未烤熟经验尚浅欢迎拍砖.       Symbian的夕阳时代,无线手机休闲游戏却依托着越来越强大平台、大展拳脚的设计为我们带来了许多意想不到的创意和惊喜,字里行间都透露着设计师的细致与智慧.

无需下载, HTML5版QQ斗地主正式上线

- - 雷锋网
2011年12月,腾讯针对iPad用户推出HTML5版手机QQ游戏大厅,并且HTML5版QQ欢乐斗地主也同步亮相,这让那些喜欢玩斗地主的“果粉”们惊喜万分,因为无需下载客户端即可享受斗地主的欢乐. 登录h5.qq.com直接体验. 春节将至,腾讯为迎合春节玩家斗地主需求,除了发布iPhone高清版QQ斗地主外,HTML5版QQ斗地主也登上HTML5版手机QQ游戏大厅,无需下载安装即可一键玩斗地主.

QQ表情 for iPad

- 小趴 八足趴 八足 ramener - 腾讯CDC
  QQ HD for iPad 2.2已经发布了~其中全新的高清QQ表情也跟大家见面了.   在这里奉上新表情的安装包同时还有赠品哟亲~.   QQ HD for iPad 2.2 表情菜单效果图.   QQ表情for iPad.   表情安装包在附件中~希望大家喜欢~.   QQ HD for iPad 2.2 表情安装包 下载.

Mac QQ V1.1.1 发布

- KNocTis - cnBeta.COM
1.解决发图片视频崩溃问题;2.修正部分用户反馈bug;3.支持10.5系统下的视频;. 4.大幅优化各个环节的资源使用. 新增视频功能、自定义表情、讨论组、代理登陆等功能.

国内观光:360 PK QQ

- Will - 煎蛋
# sein:我就出差一天,在宾馆打开新浪微博后听说这个事情无比震惊. 网易专题:360决战腾讯QQ. 新浪微薄话题:360~腾讯~qq. update / 几篇重量级评论. Keso:丛林时代怎样做老大. @腾讯公司:《致广大QQ用户的一封信》当您看到这封信时,我们刚刚作出了一个非常艰难的决定. 在360公司停止对QQ进行外挂侵犯和恶意诋毁之前,我们决定将在装有 360软件的电脑上停止运行QQ软件.

班级QQ群变迁

- Deco - cnBeta.COM
A:各位同窗,我被公司派到无锡,搞一个地铁项目,手机号是134××××××××,请惠存. B:各位亲朋好友,我现驻扎首都,已成功打进公司内部,在做一个大项目,好几个亿. C:各位兄弟姐妹,我过一个月要出国了,公司在美国有个项目,我要过去组织施工,我会想你们的,同时我会好好欣赏那边的美女.

QQ新选择,CreQQ:QQ for chrome

- Tony - UbuntuSoft
CreQQ是一个Chrome扩展:. 支持了默认表情、可以显示好友头像、获取好友在线状态成功、更改了登录窗口、添加了注销功能、登录过程中的取消功能和删除聊天记录功能. 比较遗憾地是依然不支持自定义表情、不支持群功能,另外注销和取消功能可能还有些小问题,不过这已经不影响正常使用了. 作者博客:http://sneezry.com.

《QQ英雄杀》推出

- Lv - cnBeta.COM
这一天终于来了:三国杀终究也没有逃过腾讯的双眼,一款基于QQ游戏平台的卡牌游戏《QQ英雄杀》今日正式启动技术测试. 以下是官方文,不代表本人看法:.

QQ HD(iPad)2.3抢先发布:新增Mini QQ音乐

- Lee Jia - cnBeta.COM
QQ HD(iPad)2.3版本火热出炉. 新增Mini QQ音乐;支持选择图片涂鸦;支持视频中新消息提示;支持删除好友,清除全部聊天记录. 更多细节改变等你发现,新版本已提交Appstore,现已在官网抢先发布,快来下载体验吧.