游戏界面的设计不仅要兼顾娱乐性,还要兼顾功能性。它需要从风格、导航和过渡方面进行深入分析。今天小编主要跟大家分享一下如何设计赛车游戏的UI界面。救命!
一、任务
为赛车游戏设计一个 UI 界面。
1.预处理
通常意义上,游戏的UI界面会包含以下元素:
(1)玩家信息:个人信息、排行榜、教程、进度数据、奖金等
(2)预设界面:选择人物、游戏、武器、车辆、造型、路线等设置。
(3)游戏界面:实际游戏会话的界面。
(4)结束界面:游戏结束后的分数和总结、成就等界面。
在设计游戏界面时,设计师需要找到让玩家感到流畅和愉悦的方法。玩家不准备在不清晰的导航上花费大量时间,他们想要直观的界面并希望直接与游戏互动,这是游戏界面设计师必须牢记的。
对于手机游戏界面,还有另一个挑战——手机界面比桌面游戏小ui游戏设计教程下载,设计师需要在保持游戏性的同时更有效地使用屏幕。
这次分配给UI和UX设计的设计师是Ludmila,我们来看看她的设计过程。
二、用户体验设计
整个游戏的UI设计从线框设计开始。在这个阶段,设计师将构思基本的交互和导航设计。单色线框框架让设计师在优化视觉设计之前可以更多地考虑布局和界面。之间的过渡。
没有图像和动画,只有基本的图标和排版布局,因此设计师可以更多地关注交互流程。在这里你可以看到一些基本的界面布局:
第一个屏幕是游戏的主界面。点击CTA按钮开始游戏,在其下方可以看到邀请其他朋友一起玩的按钮,屏幕顶部显示基本数据:油量、硬币量、车辆商店和通知。设置按钮和排行榜也在屏幕底部。
第二个屏幕显示车辆选择过程。左右滑动快速选择,底部是每辆车对应的数据。此外,用户还可以自定义车辆的颜色。
第三个屏幕显示挑战好友功能。游戏全称是Real Multiplayer Racing,可以联机一起玩。该界面还包括通知每个玩家是否准备就绪的功能。
在开始探索 UI 解决方案时,设计师从配色开始。为了更好地匹配用户的视觉,设计师提供了两种不同的配色方案:一种是暖色调ui游戏设计教程下载,包括与速度密切相关的橙色和红色两种暖色调。
另一种配色方案是用户喜爱的酷炫、基于蓝色的配色方案。载具、标志、武器、障碍物等元素也在之前的基础上进行了重新设计贴图笔刷,为游戏带来了更新鲜、更原始的视觉。
对于 Tubik 来说,手游界面是一个非常有趣的挑战。 Real Multiplayer Racing项目是Tubik团队首次参与游戏界面的设计。必须同时考虑娱乐性和功能性。对导航、转场进行深入分析和测试反馈,尽可能在细节上创造更好的视觉体验。