欢乐斗地主设计分享

标签: 欢乐 斗地主 设计 | 发表时间:2011-09-16 15:24 | 作者:echoluo Jacky
出处:http://ucdchina.com/rss/all

 

      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欢乐斗地主项目结束已有一段时间了,游戏发布后依然在同平台同类产品中获得我们老用户的接受与肯定,再次感谢所有参与项目的同学的辛苦努力。

相关话题:UED团队设计分享 源地址:http://wsd.tencent.com/2011/09/%E5%BF%AB%E4%B9%90%E8%A7%A6%E6%89%8B%E5%8F%AF%E5%8F%8A%E2%80%94%E2%80%94%EF%BC%88v3%EF%BC%89%E6%AC%A2%E4%B9%90%E6%96%97%E5%9C%B0%E4%B8%BB%E8%AE%BE%E8%AE%A1%E5%88%86%E4%BA%AB.html

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

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游戏大厅,无需下载安装即可一键玩斗地主.

陕西广播电视欢乐台

- jumpstone - 在西安
【原文首发于《梁玉煊Aquarius-的人人网日志》,原文标题《陕西电视台,你是我今生永远的痛》,感谢作者“梁玉煊Aquarius-”的欢乐记述. 今天晚上黄金时段陕西电视台在演《风声》. “同样的男人,不同的选择~陕西生殖医学医院. 接下来第一个镜头,一个穿西装的男人说“看男科,我选择陕西生殖医学医院.

魔都地铁绝对是模子!告诉你为神马魔都叫做魔都!(好欢乐,好欢乐~)

- lmsmking - 萝卜网
2008年12月22日 情侣蛋壳超人 上海街头再添新一季“囧人”景象:一对“蛋壳超人”情侣出现在来福士广场附近,一起搭乘地铁逛了一圈. 白发魔女,旁边的大叔顿时石化..... 粉红假发,粉红裙子,粉红大头鞋,粉红手套,以及粉红的hello kitty遮阳伞. 红披肩军团 潜台词:不要迷恋哥,哥只是个传说.

超欢乐视频:一起去台北泡正妹!

- saiddy - 宅映像
视频由璞玉还是巨色童鞋投递?(俺记不清了^-^). 听说台北的臭豆腐很香,听说台北的软妹子很正……于是这对孪生兄弟就打算去台北泡正妹……. 这是一段红遍全球的双胞胎对话……但更红的是翻译……那些翻译砖家,看了这段视频后,惭愧了有木有. 祝愿这对兄弟有好运气,能都泡到超正的妹子……不过,面对两兄弟的哒哒哒哒,我泪流满面啊.

HTC 官方的 bootloader 解锁工具,几分欢乐几分愁

- ys.lunjin - Engadget 中国版
自 HTC CEO 周永明上次承诺 HTC 手机不再会锁定 bootloader 后,你是不是一直期盼着这一天的到来呢. HTC 官方今天公布了关于 bootloader 解锁的详细消息,但这位周总裁似乎打破了上次的承诺. 我们看到的不是官方已经解锁了 bootloader ,而是来自官方的 bootloader 解锁工具.

欢乐歌曲: 我是一只无忧无虑的笨喵[v]

- 陌尘 - 煎蛋
某 无良 无聊人士将自己家笨喵的各种生活片段组合成一段视频,然后配上了欢乐的歌曲. #update: Fall Ark同学加上了给力汉化字幕,大家请尽情享用~. [v]欢乐MV:Mochi先生的脑残大冒险. 让你的网页上充满欢乐的Nyan Cat吧. © 煎蛋 / 随便看看 / 图片托管于又拍网.

极品吵架帖,欢乐到你不敢想象

- 可可 - 河蟹娱乐
  话说有一天,我在宿舍从早宅到晚,最后很饿了,出去买炒饭吃.     正当我一本正经的在那等炒饭时,旁边来了一对情侣,女的长的还不错,我瞄了两眼,就发现女的脸色很不悦了已经.     男的就在旁边巴巴的站着,欲言又止的样子. 我感觉有事情要发生 ,但是没感觉到到自己也被牵连进去.     只见男的看了女的一眼后,好像鼓起了很大的勇气一样,弱弱的对老板说了句:老板,来份炒粉丝.

如何不使用cookie追踪用户?【欢乐向】

- - 译言-电脑/网络/数码科技
(以下凡是有括号的地方都是译者的注解,不代表作者本人的观点). 上周我和 AlexanderDutton 先生聊到一个观点,那就是我们使用浏览器缓存的时候必须使用类似cookie的方法. 我想到最近,欧盟的一条新法律就要开始生效了,这条法律要就网站需要在用户同意的情况下才能在用户的电脑上储存cookie.