Photoshop设计质感的薅羊毛游戏界面
来源:站酷 作者:zxc240982571
“薅羊毛”小游戏初稿展示
项目设计思路的详细过程
1、先确定基本思路
流程图画好以后又做了一些小的修改,制作的方向基本是确定了,由于我们的游戏并非真正意义上手机端APP游戏,只是网页或者微信端的小游戏,故而我设定的页面为三个:开始页面、游戏页面、领奖页面。另外此次游戏为“薅羊毛”带有一定恶趣味的感觉,所以定位为Q版画风。
2、画第一稿(开始页)
经验告诉我们,做好先给领导看,是非常正确的。样子定了再说后面的内容。
做好后领导和客户反映还不错,那么就可以继续下面的了,由于此次游戏讲究短频快的原则,所有我把游戏规则直接放在了开始页面,快速读取,快速游戏,背景加了个可爱的小羊,做到吸引点击的作用。
此页面所含原素:
3、游戏页
是整个游戏最复杂的页面,需要从游戏的动态效果来吸引用户,而且这个小游戏的宗旨是以最快速度让用户了解规则,进而为“码上天翼”平台做推广。故而初稿就先做了一只羊,并未制作过多的小羊表情,另外由于在绘画的过程中时间过于紧迫,第一稿的羊是仿照韩国sheepo又加了些自己的设计。
游戏页中原素展示:
4、结束页
结束页的设计依旧是沿用开始页的风格,由于此页面中文字与原素较多,故而“游戏结束”四个字并为用大字体来展示。
结束页元素:
第二稿页面展示
经过多次讨论,大家认为第一稿的羊太可爱太萌了,没有“薅”的冲动!另外领导认为这次的任务需要手绘一个新版的羊!初稿毕竟是仿sheepo的图!
好吧!开动大脑,重新画!
最后领导们要求重新画的这个羊要够“贱”!让它长一张欠薅的脸,看上去就想薅它!
下面是小羊的图图啦(在附带一张动态图):
整体版式定了,那么就需要增加游戏中小羊的表情,增加游戏的搞笑特性(这个小羊的画法和上面介绍的画法一样就不过多赘述了哦,亲们可以自己尝试一下)
游戏结束后注册页面
亲们~此页面里含有过多的商业元素故而不能给大家提供源文件了哦,感谢大家的理解~~
这个页面的作用是为了给平台提供更过的用户而设置的,即如要领取奖品就需要先注册,然而往往这样的页面会引起大家的反感,所以我从蓝色调入手,以最初的海天照片入手,虚化以后得到的背景。其目的是尽量降低用户的急躁的心情,并设置只需要用手机号就可以注册,用支付宝来领取奖品。