让你的公众号动起来——微信农场游戏设计

发送到手机
使用"扫一扫"即可发送至手机

"橙瑜微果园"是一款高端新鲜果汁,客户看到了中国缺少真正的高端果汁,大多是浓缩还原果汁。而鲜榨果汁从新鲜度、口感、档次,最大限度保留了水果原有的新鲜风味,也就意味着这是一款新鲜健康、营养美味并高端的产品。客户希望定制一款基于微信服务号的休闲娱乐游戏,通过微信进行推广,让用户可以利用碎片时间种出果实,兑换饮料,体验到100%的健康果汁。在接到项目的时候很兴奋,这是第一次尝试游戏产品,有很多东西需要去学习和探索。


1、设计前准备


根据产品需求,把游戏归为农场类游戏,种植过程共分五个阶段,第一阶段,解开泥土,播种种子,第二阶段,浇一次水,种子长成小苗,第三阶段,浇第二次水,小苗长成大苗,第四阶段,浇第三次水,大苗长成大树,第五阶段,浇第四次水,大树结出果实。交互中,分为种植浇水和好友互动两块,种植的每个阶段8小时中,时间轴一直在倒数,好友互动中通过简单的“偷菜”,达到娱乐的目的。

市场调研参考

牧场物语、QQ农场、国外游戏

通过分析成熟的界面,了解到现在的UI设计中,越细致越能吸引用户,细节决定了用户是否有兴趣玩游戏,多运用渐变,肌理效果,描边,光影等表现立体感,场景搭建中,创建一个轻松娱乐的农场氛围。

设计过程中需要考虑:元素设计(让用户感兴趣)、根据交互图来做设计(交互图里已经把逻辑理清楚了,这时候可以把重心放在视觉设计上)、多种元素之间的呈现和删减(选定元素,保留形状,删掉多余视觉,界面不杂乱),分配收集资料和设计时间(设计时间并不多,只有三天)。

设计思考

构思前期,通过头脑风暴摘出以下关键词:田园,农场气氛,好玩有趣的,休闲娱乐,轻松可爱。

首先制定一个游戏UI风格,通过关键词发散,选定田园风格,风格确定后,很容易出现一幅幅田园画面了,比如农田里有农夫用铲子耕地,蓝天白云下的肥沃土地,近处有栅栏,远一点有烧饭时烟囱冒出的寥寥烟雾,再远一点有风车或连绵的山脉。

收集素材

素材的种类很多,可以是图片,也可以是矢量或psd,更可以自己画,素材的作用是减少工作时间,特别在时间不充裕的情况下优点很明显,可是视觉设计师并不是素材拼凑员,而是要让素材为设计效果所用,这点我一直认为很重要。

 

2、设计阶段

 

草稿阶段

虽然时间不多,还是画了两个草了不能再草的草稿,这时候已经知道最终效果要什么,能如何去做,那些元素只需要保留纹理,那些元素需要形状,色调和配色也心里有数了,剩下的只是开ps动手做了。

制作阶段

细节细节还是细节,游戏是细节决定成败,研究成熟的游戏界面,吸收并分析他们的做法和效果,就能运用到自己的游戏上,我们需要站在巨人肩膀上,才有可能超越巨人。

 

比如栅栏,搭出框架后,需要对素材进行调色,变形,拼凑,投影等动作,达到理想效果。

木板的制作也同样,选定色调后,通过描边,阴影等,达到立体效果。

在图层样式已经不能满足需要的效果时候,需要借助别的方式增强肌理效果。

 

3、整合阶段

前期思考和收集阶段准备的越充分,制作起来越容易,几乎没碰上什么问题。在产品接近完成后,就开始了一系列的功能测试,这个阶段配合开发做调整,挺繁琐的,但是对于游戏是非常必要的,可以说直接影响了质量好坏。

 

后记

谢谢小伙伴们在设计中的吐槽和鼓励,这款游戏有着团队每位小伙伴的汗水,并且自主开发完成,让它成为一款很好玩的游戏~ 大家敬请享受吧!

了解相关案例
橙瑜生活
橙瑜生活

|APP/微信/H5类

让你的公众号动起来——微信农场游戏设计

让你的公众号动起来——微信农场游戏设计

分享:

标签: