游戏界面设计流程总结

用户头像
武汉/学生/10年前/1981浏览
游戏界面设计流程总结
用户头像
寸草

这是关于一篇对于游戏界面进行再设计的比较科学完整的流程总结。是以我的游戏界面设计作品《开心偷蜜》的设计流程为例说明的。希望可以给有需要的小伙伴些许帮助。

      

 

                                                 

       在整理作品的时候,看见了这一套游戏界面作业。然后回想起了当初在老师的指导下进行这套游戏界面设计的流程。指导我的老师是一位很棒很有经验的老师,跟着老师学到了很多,真的非常感激。回想了整个设计流程后,觉得一定要将这宝贵的经验总结下来并加以记录。告诫自己在以后做设计一定要有方法的进行,不要急于求成,很随意的开始,然后做出一份不好的设计。也希望文章能对和我一样初入UI设计门的小伙伴有那么一点启发,O(∩_∩)O谢谢~请大家多多指教!有理解不对的,敬请各位前辈指正。

       老师提出的要求是对传统电脑游戏《扫雷》进行游戏界面再设计,在保留游戏玩法的基础上对游戏界面进行再设计,以达到吸引玩家,增强游戏性的目的。不知道《扫雷》游戏有没有陪伴了我们中的不少人很多节小学电脑课呢?毕竟直到2008Android系统智能手机才发布,当然,也是随着手机功能越来越强大,各种手机游戏层出不穷,进而带动了手机游戏市场蓬勃发展。

 

                            进行游戏界面再设计流程小结


一、 首先是收集资料,了解自己将要再设计的游戏。比如游戏玩法。更重要的是观察它游戏界面长啥样。


       资料重点:《扫雷》是一款大众类的益智小游戏,于1992年发行。

                         游戏目标是在最短的时间内根据点击格子出现的数字找出所有非雷格子,同时避免踩雷。



      它的游戏界面是长这个样子的:

46fb5777c1930000012e7e6ee8a9.jpgea6d5777bf860000018c1bf74422.jpg  ---------------------------------------------------------------------- 

左图为游戏胜利界面

右图为游戏失败界面

 

 

 

观察发现:1.游戏界面由上下两部分构成,上部分的功能区,下部分的游戏主界面。

                  2.界面上方有2个时间表、一个提示雷的个数,一个计时、 一个表示状态的表情。

 

 

 

 

二、进行游戏竞品分析,尽可能的多找各种同类型游戏。


                        找到的也的确非常多!!   下图为局部截图

 

30225777e1470000018c1b88e085.jpg

 

 

 

            在尽可能多的对竞品游戏的界面进行收集后,就可以开始进入竞品分析环节。

 

            方法:1.按特点建立坐标系,如风格、3D、2.5D、卡通、写实等均可,以便进行多维度对比分析。

                       2.将之前收集的竞品游戏界面按特点分类放入建立的坐标系,如下:

 

 

 

                        这样

 

b02c5777e6130000012e7e6c4bd7.jpg

 

 

 

 

 

                     这样

fa6d5777e5620000012e7e383405.jpg

                  

 

 

 

              

 

                    或者这样

6ea65777e5bd0000018c1b8073fd.jpg

 

 

然后就可以很直观的进行竞品分析小结:

                                                                2.5D特点为.... 优点...不利于...       3D.......   

                                                                卡通风.......                                     写实风........

                                                                色彩上鲜亮的.......                          稳重的...........

 

在进行竞品分析后,对自己想要做的界面就能做到心中有数了,2.5D的还是3D的,卡通风格的还是偏写实风的...

 

 

 

三、为你要设计的界面风格确定关键词,然后搜集图片,完成情绪板的制作

 

       注意!情绪板是你接下来游戏界面设计的来源,你的情绪板可以从搜集各种能传达你关键词的图片,可以

       是  家具,可以是摄影,可以是工业方面材料......建议多方面搜集,但一定要能传达出你所定的关键词的感

       觉。在你的界面设计中质感、颜色、形状等方面都直接来源于你的情绪板。

 

 

       以下是我根据拟定的关键词制作的情绪板:

      4abf5777fd2e0000012e7ea862a6.jpg

 

 

接下来提取情绪板中的元素开始界面设计:

                                                                         1.颜色为橙色和咖啡色

                                                                         2.扫雷界面形状为六边形      时间UI形状为圆形

                                                                         3.地雷---------蜜蜂的身体      时间表---------时钟

                                                                         4.质感为透明、木质

 

 

 

下面是我根据提炼的元素进行的游戏界面设计:

 

 

ad24577801670000012e7e39e55b.jpg

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

                                                                  

   

 

 

20
举报
|
39
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
平面插画情侣/矢量
平面设计 吊牌设计
城市园林平面布局航拍
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
平面男孩喝咖啡插画设计
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
玄关入门地毯印花图案红地毯
平面书法字手写
金色颗粒质地的平面
城阙凡花
海底世界插画
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
城市园林平面布局航拍
倒计时,海报,平面
中国传统纹样创新图案设计
空的平台平面和自然景观
平面插画设计女孩喝咖啡
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
城市园林平面布局航拍
空的平台平面和自然景观
你可能喜欢
大家都在看
登录注册