寻找梦幻城-视觉设计篇

[ December 31, 2009 ]-[ 13 Comments ]

show-icon

在白社会上线一段时间以后,我们的UI组接到了前所未有的挑战。设计一款游戏。OMG,这还真不是说做就做的,既然有这么好的尝试机会,做呗!

其实一开始,我们并没有什么头绪,不知道从何下手。新招了三位同学(一个原画一个动画一个界面),虽然有手绘的功底,但也并没有游戏设计的经验。我们一穷二白的就这么开始了,结果可想而知,没有方法的指导,我们简直就像无头苍蝇一般到处乱撞,一方面被项目进度紧逼着,一方面却又郁闷于两个设计师画风不一致、原画效果始终不能确定,无法批量开始绘制。我那一头包哇,真是愁到掉了好多头发。。。

俗话说,逆境求生存嘛,状况那么惨了,只能静下心来好好想想怎么办。接下来,我们暂停了一切无头苍蝇的行为,开始用一些方法来指导我们的设计。其实做游戏和做产品是有很多相似之处的,流程、方法都是可以借鉴的。于是,我们花了些时间,和几位设计师们一起,尝试用线条、拼贴、素材收集等各种方式确定了我们的视觉表现风格,出了一些设定设计的小DEMO,确定了整个游戏故事背景的气氛和渲染的方式,甚至还风暴了很多有趣的设定idea。
期间我们尝试的草稿之一:
草图1

逐渐的,我们的思路清晰了,设计师们之间也找到了共同的表现方式。当然,这还不够,这些东西需要用某种方式去落实下来,于是,我们想到了规范这个东东。规范涉及了很多东西,以防不同的设计师画出来的东西不同,要知道即便是一个饱和度使用不同,那也会是完全两个东西,这个是很要命的。。。

是的,我们的规范华丽丽的就出场了,规范里定义了物件的透视角度、光线分布、渐变方式、描边大小、色彩饱和度值、投影方向等等一系列细节的东西,总之我们能想到的会让两个设计师造成设计差异的东西都尽量的去规范了一下。
这里截取了几个片段:
规范1

规范2

规范3

再接着,我们变得顺利了很多,终于开始走上了正轨。但对于庞大的游戏到底哪些东西需要设计,这些设计用什么创意手法来实现都是需要梳理的。这个时候,我们根据游戏策划文档和游戏的框架图,将所有涉及到需要设计的部分进行了拆分,绘制了一张甚是华丽丽的大表格,里面尽可能的详细定义(例如我们会去定义投资房子的动画要采用魔法师施展魔法的效果),并按照开发时间、阶段,做了设计上的阶段计划。

就这样,一份规范、一张大表让我们终于摆脱了那难熬的阶段,顺利的进行了项目,直到今天大家能看到的拥有还不错画面设计的梦幻城游戏。

这里我简单绘制了一个流程表,是这个游戏项目接近尾声的时候画的,其实是吸取了第一次游戏设计的经验,期望之后再有此类项目可用的参考,也希望能有机会向有经验的游戏设计专家来请教吧。献丑了:)

game design

其实这里有一个讲故事的概念,我个人觉得挺不错的,前两天看了本书,上面说道:
“当故事性、娱乐性成为商品的终极需求后,设计师仅仅画出美观的设计图已经远远不够,唯有认真的“讲一个故事”,让最终使用者感动到无以复加,这样的设计才算成功。”
是的,我们都是讲故事的人,给用户讲故事,游戏类的设计更是如此,强情境化,强氛围渲染,强沉浸式体验等等。

最后,简单小秀冰山一角吧,我们的梦幻城还请各位有时间能亲自去白社会上体验体验,给我们多多提意见噢。地址:bai.sohu.com同时,要感谢我们一起浴血奋战的姜小鱼、华太师、张张!~你们辛苦啦~~~~~

show

另奉送两张我们在某杂志的内页秀~
1

2

13 Responses

  1. Mark-Posted on December 31, 2009 at 11:31 am

    好几次想留言因为门槛太高放弃了,这个必须顶

    [回复]

  2. MJiA-Posted on December 31, 2009 at 11:37 am

    喜欢包子的那个房子

    [回复]

  3. chaos-Posted on December 31, 2009 at 11:43 am

    白社会的视觉形象设计一直很牛~赞两个。

    [回复]

  4. munan-Posted on December 31, 2009 at 12:35 pm

    看你的博客很久了。
    同为女孩子,喜欢你对生活的态度,对工作的态度,对人生的态度。
    喜欢看你的设计,你拍的照片。
    希望能像你一样将人生过得有滋有味有意义。
    甚至看到你买了把吉他,也跟风去买了一把,不知道你现在练得怎么样了?会弹几首曲了呢?
    可是,我个人不太喜欢这个房小白,太卡通了,我们这个年龄的人(我好像比你大一些),对于房子的期望是很现实的。如果现实生活中被房子的事情压得喘不过气来,也挺希望在网上拥有一间大大的漂亮的,自己装饰的房子。可是我更希望能真实一点,就像现实生活中的豪宅,一个很真实的梦幻城,然后能随心所欲地把它变成自己梦中的那个家。就像你的家一样。
    当然了,这只是我个人的喜好而己,在此表达一下我自己的看法。
    然后祝你新年快乐,事事顺利。下一年,能给我们带来更多漂亮的设计,更多的奇思妙想,更积极的生活态度。

    [回复]

  5. zway-Posted on December 31, 2009 at 8:37 pm

    极为赞同“讲故事”的概念。
    好的设计,能让用户去完成这个故事

    [回复]

  6. Sophie-Posted on January 2, 2010 at 10:43 pm

    感谢楼上的各位:)

    [回复]

  7. WHU-Posted on January 3, 2010 at 6:19 pm

    太牛了~~

    [回复]

  8. 晴枫-Posted on January 4, 2010 at 4:40 pm

    很可爱的设计

    [回复]

  9. liuming-Posted on January 5, 2010 at 6:41 pm

    有好的借鉴,也有创新,不过后期斑竹维护也要跟上才好。

    [回复]

  10. sharpsky-Posted on January 8, 2010 at 5:21 pm

    设计都很有爱啊~
    去bai看了一下,发现里面的心理测试还真tmd的准啊!
    玩了一下梦幻城。。。果然是beta版了。。。
    还要加油。。。。。。。。

    [回复]

  11. DInoo-Posted on January 21, 2010 at 12:45 pm

    偷菜和那个疯狂城市的结合体。
    刚去体验了吧,咱不会玩啊。

    [回复]

  12. SloanBridgette24-Posted on March 15, 2010 at 2:23 am

    The business loans are very useful for people, which are willing to ground their own organization. In fact, it’s comfortable to receive a financial loan.

    [回复]

  13. 深白色鬼鬼-Posted on July 29, 2010 at 11:47 am

    OMG!真是厉害!

    [回复]

Leave a Comment

*

*