现如今许多游戏已经单只具有娱乐性,还具备了错的性和习性。和之前的赛车游戏 UI 界面设计同,这次我们要设计的游戏 UI,需要在娱乐性和性之间,到平衡点,这款游戏是填字游戏 Letter Bounce 。
项目说明
移动端填字游戏设计 UI 和相应图形化元素。
设计过程
这我们团队任务,是为这款移动端手游戏创个充满趣味游戏界,考虑到它是款教育类游戏,需要兼顾到有趣和协调,教育性和游戏性。确保简单有趣时,又不能完全没有游戏本身应有紧迫感。
就功能言,玩家需根据提供的信息填写单词缺失的字母,解决谜题。这游戏传统的填字游戏的数字版,每关卡都会一组需填写的单词,同时还会提供相应的解谜线索。这款游戏还具备社交属性:玩家可以链接到 Facebook,分享分数,好友竞争。漂亮的设动效被认留住用户的核功能之一。
首先,我们来看看游戏的屏幕。首先要考虑的是户在填写字母过程中交互的过程。屏幕的上半分显示了户游戏中的键参数,包括里程碑、成就、金币和等级等参数。游戏界面的背景采了漂亮的渐变,在亮上,并没有设置得很,会分散户的注意。有待户填补的拼字格被放置在屏幕的上半分,还未被填写的字母使的是白色;而供给户来填写的字母在,这分字母采的是色。这种色彩上的差异对于户而言很好分辨,的汉堡图标为户供了同的择,而对侧的灯泡图标则是示系统。整个布当中,有的元素都采了平滑的曲线,或者圆角,这样的设计整个界面会显得太严肃。
这一屏则是为户展示游戏要如何交互的程,而为了达成目标,设计师需要尽量清晰地为户展示导航和交互。为了确保趣味性,字母被设计成为吉物,而画的入,则避免了必要的操作,户无需点击就明白如何操作。
在 UI 设计流程当中,设计师供了多种渐变配色,确保了明亮多彩的配色足够营有趣的氛围。
值得一的是,示按钮中搭配的画。它模拟了光影波的效果,够吸引户的注意。而左角的金币数则告诉户,多金币数可获得这一示。
此外,游戏界面中还有许多界面是弹口的形式呈现来的,来告知户成就相的信息和更的容,甚至还可供一些优惠。你可在面看到相的范例:第一屏的弹口展示的是户成就、当前卡总分、奖励、行榜和 Facebook 分享及继续游戏的相项。随后的几个弹式界面当中,设计师都了相同的圆形按钮和类似格的元素,保持了整体视觉上的一致性。第二屏供的是获取金币的途径,第屏则是设置。
卡地图是移端游戏中重要的组成分。在 Letter Bounce 当中,设计师将各种有趣的景和游戏卡结合到了一起,从雪山到火山,一应俱全。平面设计师 Denys Boldyriev 制作了各种有趣的平面插画,生,泼。
除此之外,这款游戏的吉祥也非常关键的元素。我们初构思吉祥的时候,决使用字母按键设,了让它看起加人性化,我们它加了手脚,游戏中可以作出各种各样的姿势,教程 UI 界面中不同的置用户行交互。吉祥作游戏中一颇趣的元素,具强的感吸引力,产品增加积极的绪。
目,这款游戏 AppStore Google Play 都架,如果动动脑子,不妨去下载看看。