怎么设计赛车游戏ui界面

游戏界面的设计,既要考虑到娱乐,还照顾到功能性,需要在风格、导航、过渡上在深入分析,今天小编主要给大家分享怎么设计赛车游戏ui界面,希望对你们有帮助!

怎么设计赛车游戏ui界面

一、任务

设计一个赛车游戏的UI界面。

1.预处理过程

在通常意义上,游戏的UI界面将包含以下元素:

(1)玩家信息:个人信息、排行榜、教程、进度数据、奖金等。

(2)预设界面:选择角色和设置,如角色、游戏、武器、车辆、形状、路线等。

(3)游戏界面:实际游戏环节的界面。

(4)结束界面:游戏结束后的分数和总结、成就等界面。

在设计游戏界面时,设计师需要找到让玩家流畅且愉快的方法。玩家并没有准备花很多时间在不清晰的导航上,他们想要一个直观的界面,并希望直接参与游戏,这是游戏界面设计师必须记住的。

对于移动端游戏界面来说,还有一个需要挑战的——移动端界面比桌面端游戏小,设计师需要更高效的利用屏幕,同时还要保持游戏性。

这次被分配到UI和UX设计的设计师是Ludmila,让我们来看看她的设计过程。

二、用户体验设计

整个游戏的UI设计从线框图设计开始,在这个阶段,设计师将构思基本的交互和导航设计,在优化视觉设计之前,单色线框图框架允许设计师更多地考虑布局和界面之间的过渡。

没有图片和动效,只有基本的图标和排版布局,所以设计师可以更多地关注交互流程。在这里你可以看到一些基本的界面布局:

第一屏是游戏的主界面。点击CTA按钮开始游戏,在它下面,你可以看到邀请其他朋友一起玩的按钮,屏幕顶部显示了基本数据:汽油量、硬币数量、车辆商店和通知。设置按钮和排行榜也在屏幕底部。

第二屏显示了车辆选择的过程。左右滑动可快速选择,底部为每辆车对应的数据。此外,用户还可以自定义车辆的颜色。

第三屏显示了挑战朋友的功能。游戏的全称是 Real Multiplayer Racing,可以联机一起游戏。该界面还包括通知每个玩家是否都准备好了的功能。

在开始探索UI解决方案的过程中,设计师首先从配色开始。为了更好的匹配用户的视觉,设计师提供了两种不同的配色方案:一种是暖色调,包括与速度密切相关的橙色和红色两种暖色。

另一种配色方案是冷色调,以蓝色为主,深受用户喜爱。车辆、标志、武器、障碍物等元素也在之前的基础上进行了重新设计,给游戏带来了更加新鲜原创的视觉。

对于Tubik来说,手机游戏界面是一个非常有趣的挑战,Real Multiplayer Racing项目是Tubik团队第一次参与游戏界面的设计,既要考虑到娱乐,还照顾到功能性,需要在风格、导航、过渡上在深入分析和测试中反馈,尽可能在细节上创造更好的视觉体验。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章