发布时间:2022-03-09 11:14:29来源:魔方格
和赛车游戏 ui界面设计不同,这次要设计的游戏 ui,需要在娱乐性和教育性之间,找到平衡点,今天小编主要给大家分享如何设计ui游戏界面,希望对你们有帮助!
一、项目
为移动端填字游戏设计UI和相应的图形元素。
二、设计过程
这次我们团队的任务是为这款移动端游戏创造一个有趣的游戏界面。考虑到它是一款教育性游戏,它需要趣味性和协调性,教育性和游戏性。在确保游戏简单和有趣的同时,也不能完全丧失游戏本身应有的紧迫感。
在功能方面,玩家需要根据所提供的信息填写单词中缺失的字母来解决谜题。这款游戏是传统填字游戏的数字版本。每一关都有一组需要填写的单词,以及相应的谜题线索。
这款游戏也有社交属性:玩家可以链接到Facebook,分享分数,和朋友竞争,美丽的设计和动画被认为是留住用户的核心功能之一。
首先要考虑的是用户在填写字母的过程中进行交互的过程。屏幕的上半部分显示了用户游戏的关键参数,包括里程碑、成就、硬币和评级。
游戏界面的背景使用漂亮的渐变,亮度不高,不会分散用户的注意力。用户需要填写的拼写网格位于屏幕上方,尚未填写的字母使用白色背景;提供给用户填写的字母在底部,字母为黄色。
这种颜色的差异对用户来说是很有区别的,底部的图标为用户提供了不同的选择,而相反的灯泡图标是提示系统。在整个布局中,所有元素都有平滑的曲线或圆角。这种设计使得整个界面不那么严肃。
这个界面是一个教程,向用户展示游戏如何交互,为了达到这个目的,设计师需要尽可能向用户用户展示清晰的导航和交互。为了增加趣味性,字母设计成吉祥物,添加动画可以避免不必要的操作,让用户无需点击就能理解如何操作。
在UI设计过程中,设计师提供了多种渐变颜色,确保鲜艳多彩的配色方案足以营造出一种有趣的氛围。
值得一提的是,提示按钮的动画,它模拟光影波动的效果,吸引用户的注意。左下角的金币数量告诉用户,可以使用多少金币来获得提示。
此外,游戏界面中有很多界面以弹出窗口的形式呈现,告知用户相关信息和更新内容,甚至提供一些优惠。
你可以看到如下的相关例子:第一个屏弹出显示用户的成就,当前级别的总分、奖励、排行榜,以及Facebook分享和继续游戏的选项。
在随后的弹出界面中,设计师使用了相同的圆形按钮和类似的样式元素来保持整体的视觉一致性。第二个屏提供金币获取途径,第三个屏是设置。
关卡地图是手机游戏的重要组成部分。在Letter Bounce中,设计师将各种有趣的景观和游戏关卡结合在一起,从雪山到火山,制作了各种有趣的图形插图,生动活泼。