阳光般的快乐——QQ阳光牧场3D 设计分享

标签: 阳光 快乐 qq | 发表时间:2011-06-23 00:22 | 作者:CDCer 雄杰
出处:http://ucdchina.com/rss/all

QQ 阳光牧场,作为腾讯首款3D社区游戏,如今总算守得云开见月明,在 Android 平台发布后,即将登陆 iOS 平台。  在这欢乐的时刻,要特别感谢一下参与项目的 CDC 无线组同学们。

阳光牧场想要传达的感受,单纯而直白:阳光,清新与快乐。

一份久违的宁静,清爽与快乐,也是忙碌在都市生活中一点小小的慰籍。

这是一块让玩家暂时远离喧嚣的净土。 这里有可爱的动物和宜人的旷野,这里飘溢着清新的阿尔卑斯田园气息。  不使用繁复奢华的画风,不使用密腻逼真的造型。朴实而简单,就像清晨的阳光一样煦, 让人见之挂起一丝清爽的笑。这就是 QQ 阳光牧场想要传达的感受。

Smurfs,Trade Nations,Zombie Farm,这些大获成功的牧场游戏都透露着一个核心: 游戏的核心,不仅是留于表面的特效Show,也不只是单纯的数字堆积带来的快感。一个好的游戏,必然会在某种程度上与用户内心的某处产生共鸣。阳光般的快乐,就是阳光牧场试图激起的共鸣。

QQ 阳光牧场的画风采用极简路线。

将现实中的景物,动物抽象画,保持少量细节,籍此稀释界面元素的细节密度,可以使界面更加透气,达成清爽,一目了然的目的。同时,布偶化,火柴盒化的动物与场景也增加了游戏“萌”的元素。

牧场的画风更多借鉴了小品类 2D 游戏轻快简洁的画风。 在这样的游戏中,简单并略带幽默感的走形,能给人带来更独特的体验。  平实简洁的画风也大大降低引擎在各平台上表现力的压力,同时也保证了产品实现效果与设定稿的高相似度。

阳光牧场的配色特点很明显。场景界面中,环境色明亮而鲜艳,使整个场景显现出阳光充足灿烂的特征,建筑物上则出现纯度,明度较低的色彩,凸显重量感和近距离感。  UI界面中背景部分纯度偏低,而信息载体的颜色鲜艳夺目,凸显了信息物体的重要性。  整个界面出现了大量的补色及接近补色的配色,跳跃的色彩感弥补了模型细节的补足,也带来了新鲜的视觉体验。

牧场游戏的信息量较多,结构相对复杂。

交互设计阶段,我们尝试了多套交互框架,并把原型导入手机,模拟真实的使用环境,测试操作流程的通畅性、界面布局的合理性。测试过程中,产品、视觉、开发都参与进来,全方位评估设计,敏捷调整。

上图中左侧是最初接手项目时由CP完成的 个人信息界面,右侧则是改版后的个人信息。可以看到针对小屏移动设备的特点,界面做了全屏,以及信息整合的处理。一方面直白的展现了对用户最有效的信息,一方面也简化了操作。

为了让内容的展示和主风格一样轻快简洁,在设计时,需要让重点更突出,次要的信息可放在更深一级页面展示。改版的喂食界面中,饲料选择就被安排到了三级页面,同时增加了重要的一键加满操作。

QQ农场属于浸入式游戏,即在全屏模式下能使玩家沉浸在游戏营造的气氛中。因此在设计时界面与游戏场景的糅合非常重要。

游戏不同于工具类软件,界面本身不单纯作为操作控件的载体,同时也作为场景的一个部分存在。让界面和场景融合在一起的最好的方法,就是从场景里取来材料搭建起界面了。 

动物才是这个游戏的“阳光”所在。  作为一个牧场游戏,场景只是一种装饰;而最重要的,是玩家每天照料的动物们。它们才是阳光牧场核心理念,快乐的载体。因此,如何去设定动物比起场景或 3D 特效更加重要。

在牧场项目的动物设计上,一方面对真实动物的体貌做抽象处理,另一方面则是把握“神情”,即这些动物为人锁熟知的性情特征(如绵羊的天然呆),而后者相对体貌更为重要。

在实现的过程中,有时会出现一些在设计初期未能预料到的状况。如何针对这些问题做出调整,甚至利用之达成一些特殊的亮点,iPad 版牧场仓库界面中的微创新点是一个不错的例子。

仓库里冒老鼠引发的打地鼠游戏:将这样的问题加如牧场内,解决了iPad版本仓库界面实现时空间过多的尴尬,同时可爱的猫咪和打地鼠游戏也成为了 iPad 版本中一个独特的萌点。

QQ 阳光牧场,在 Android 平台发布后,一举获得四星的好评,在同类产品中也相当的成功,在阳光牧场的论坛中,视觉和交互的设计部分受到了玩家的一致认可,可算是我们最受鼓舞的成果了。现在,阳光牧场3D 即将正式在 iOS 平台发布,也期待它能再创佳绩。  再次感谢所有参与项目的同学们所付出的辛勤努力。

源地址:http://cdc.tencent.com/?p=3952

相关 [阳光 快乐 qq] 推荐:

阳光般的快乐——QQ阳光牧场3D 设计分享

- 雄杰 - 所有文章 - UCD大社区
QQ 阳光牧场,作为腾讯首款3D社区游戏,如今总算守得云开见月明,在 Android 平台发布后,即将登陆 iOS 平台.   在这欢乐的时刻,要特别感谢一下参与项目的 CDC 无线组同学们. 阳光牧场想要传达的感受,单纯而直白:阳光,清新与快乐. 一份久违的宁静,清爽与快乐,也是忙碌在都市生活中一点小小的慰籍.

QQ阳光牧场3D 设计分享

- Howard - 互联网的那点事
QQ 阳光牧场,作为腾讯首款3D社区游戏,如今总算守得云开见月明,在 Android 平台发布后,即将登陆 iOS 平台.   在这欢乐的时刻,要特别感谢一下参与项目的 CDC 无线组同学们. 阳光牧场想要传达的感受,单纯而直白:阳光,清新与快乐. 一份久违的宁静,清爽与快乐,也是忙碌在都市生活中一点小小的慰籍.

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,现已在官网抢先发布,快来下载体验吧.