注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

{800Bu}

——Well, Here We Are...

 
 
 
 
 

日志

 
 

QQ阳光牧场3D 设计分享(转载)  

2011-06-22 07:19:07|  分类: 设计 创意 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
原文转载自互联网的那点事...

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

QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

阳光牧场想要传达的感受,单纯而直白:阳光,清新与快乐。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

一份久违的宁静,清爽与快乐,也是忙碌在都市生活中一点小小的慰籍。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

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

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

QQ 阳光牧场的画风采用极简路线。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

将现实中的景物,动物抽象画,保持少量细节,籍此稀释界面元素的细节密度,可以使界面更加透气,达成清爽,一目了然的目的。同时,布偶化,火柴盒化的动物与场景也增加了游戏“萌”的元素。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

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

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

牧场游戏的信息量较多,结构相对复杂。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

交互设计阶段,我们尝试了多套交互框架,并把原型导入手机,模拟真实的使用环境,测试操作流程的通畅性、界面布局的合理性。测试过程中,产品、视觉、开发都参与进来,全方位评估设计,敏捷调整。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

上图中左侧是最初接手项目时由CP完成的 个人信息界面,右侧则是改版后的个人信息。可以看到针对小屏移动设备的特点,界面做了全屏,以及信息整合的处理。一方面直白的展现了对用户最有效的信息,一方面也简化了操作。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

为了让内容的展示和主风格一样轻快简洁,在设计时,需要让重点更突出,次要的信息可放在更深一级页面展示。改版的喂食界面中,饲料选择就被安排到了三级页面,同时增加了重要的一键加满操作。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

QQ农场属于浸入式游戏,即在全屏模式下能使玩家沉浸在游戏营造的气氛中。因此在设计时界面与游戏场景的糅合非常重要。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

游戏不同于工具类软件,界面本身不单纯作为操作控件的载体,同时也作为场景的一个部分存在。让界面和场景融合在一起的最好的方法,就是从场景里取来材料搭建起界面了。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

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

QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

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

QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

在实现的过程中,有时会出现一些在设计初期未能预料到的状况。如何针对这些问题做出调整,甚至利用之达成一些特殊的亮点,iPad 版牧场仓库界面中的微创新点是一个不错的例子。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

仓库里冒老鼠引发的打地鼠游戏:将这样的问题加如牧场内,解决了iPad版本仓库界面实现时空间过多的尴尬,同时可爱的猫咪和打地鼠游戏也成为了 iPad 版本中一个独特的萌点。
QQ阳光牧场3D 设计分享(转载) - 800bu - {800Bu}

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

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

  评论这张
 
阅读(94)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017