游戏界面设计流程总结
这是关于一篇对于游戏界面进行再设计的比较科学完整的流程总结。是以我的游戏界面设计作品《开心偷蜜》的设计流程为例说明的。希望可以给有需要的小伙伴些许帮助。
在整理作品的时候,看见了这一套游戏界面作业。然后回想起了当初在老师的指导下进行这套游戏界面设计的流程。指导我的老师是一位很棒很有经验的老师,跟着老师学到了很多,真的非常感激。回想了整个设计流程后,觉得一定要将这宝贵的经验总结下来并加以记录。告诫自己在以后做设计一定要有方法的进行,不要急于求成,很随意的开始,然后做出一份不好的设计。也希望文章能对和我一样初入UI设计门的小伙伴有那么一点启发,O(∩_∩)O谢谢~请大家多多指教!有理解不对的,敬请各位前辈指正。
老师提出的要求是对传统电脑游戏《扫雷》进行游戏界面再设计,在保留游戏玩法的基础上对游戏界面进行再设计,以达到吸引玩家,增强游戏性的目的。不知道《扫雷》游戏有没有陪伴了我们中的不少人很多节小学电脑课呢?毕竟直到2008Android系统智能手机才发布,当然,也是随着手机功能越来越强大,各种手机游戏层出不穷,进而带动了手机游戏市场蓬勃发展。
进行游戏界面再设计流程小结
一、 首先是收集资料,了解自己将要再设计的游戏。比如游戏玩法。更重要的是观察它游戏界面长啥样。
资料重点:《扫雷》是一款大众类的益智小游戏,于1992年发行。
游戏目标是在最短的时间内根据点击格子出现的数字找出所有非雷格子,同时避免踩雷。
它的游戏界面是长这个样子的:

----------------------------------------------------------------------
左图为游戏胜利界面
右图为游戏失败界面
观察发现:1.游戏界面由上下两部分构成,上部分的功能区,下部分的游戏主界面。
2.界面上方有2个时间表、一个提示雷的个数,一个计时、 一个表示状态的表情。
二、进行游戏竞品分析,尽可能的多找各种同类型游戏。
找到的也的确非常多!! 下图为局部截图

在尽可能多的对竞品游戏的界面进行收集后,就可以开始进入竞品分析环节。
方法:1.按特点建立坐标系,如风格、3D、2.5D、卡通、写实等均可,以便进行多维度对比分析。
2.将之前收集的竞品游戏界面按特点分类放入建立的坐标系,如下:
这样

这样

或者这样
然后就可以很直观的进行竞品分析小结:
2.5D特点为.... 优点...不利于... 3D.......
卡通风....... 写实风........
色彩上鲜亮的....... 稳重的...........
在进行竞品分析后,对自己想要做的界面就能做到心中有数了,2.5D的还是3D的,卡通风格的还是偏写实风的...
三、为你要设计的界面风格确定关键词,然后搜集图片,完成情绪板的制作。
注意!情绪板是你接下来游戏界面设计的来源,你的情绪板可以从搜集各种能传达你关键词的图片,可以
是 家具,可以是摄影,可以是工业方面材料......建议多方面搜集,但一定要能传达出你所定的关键词的感
觉。在你的界面设计中质感、颜色、形状等方面都直接来源于你的情绪板。
以下是我根据拟定的关键词制作的情绪板:
接下来提取情绪板中的元素开始界面设计:
1.颜色为橙色和咖啡色
2.扫雷界面形状为六边形 时间UI形状为圆形
3.地雷---------蜜蜂的身体 时间表---------时钟
4.质感为透明、木质
下面是我根据提炼的元素进行的游戏界面设计:








































