发布时间:2024-04-16 16:00:14 浏览量:229次
为赛车游戏设计 UI 界面 。
在通常意义上,游戏的 UI 界面中会包含下面的元素:
玩家信息:个人信息,排行榜,教程,进度数据,奖金等。
预设界面:选择角色和设置,比如角色、游戏、武器、车辆、造型、路线等。
游戏界面:实际游戏环节的界面。
结束界面:游戏结束之后的得分和总结、成就等界面。
在设计游戏界面的时候,设计师需要找到让玩家流畅且愉悦地游戏方法。玩家们并没有准备大把的时间来面对不清晰的导航,他们希望直观的界面,希望能够直接参与到游戏过程中去,这是游戏界面设计师所必须记住的。对于移动端的游戏界面,还需要面对另一重挑战——和桌面端的游戏相比,移动端的界面更小,设计师需要更高效的利用屏幕,还要保持游戏性。
这次被分配来进行 UI 和 UX 设计的设计师是 Ludmila Shevchenko,接下来我们来看看她的设计流程。
整个游戏的 UI 设计是从线框图设计开始的。设计师在这个阶段会构思好基本的交互和导航的设计。在打磨外观视觉设计之前,单色的线框图框架让设计师更好地思考布局和界面之间的过渡。没有图片和动效,只有基本的图标和排版布局,这样的情况下,设计师能够更加专注于交互流程。这里你可以看到 Real Reacing 的一些基本的界面布局:
第一屏是游戏的主界面,点击 CTA 按钮可以开始游戏,在它的下面,可以看到邀请其他朋友一起游戏的按钮。屏幕顶部显示了基本的数据:汽油量、游戏币的数量、车辆商店和通知,屏幕底部还提供了设置和排行榜的按钮。
第二屏显示了车辆选择的过程,左右滑动快速选取即可,而底部则是每辆车相应的数据。此外,用户可以定制车辆的色彩。
第三屏则显示了挑战朋友的功能,游戏的全名是 Real Multiplayer Racing 自然是可以联机一起游戏的。界面中还包含了通知各个玩家是否都准备好了的功能。
这些所有的交互都经过仔细的推敲和测试,设计师就开始继续后面的 UI 设计工作。接下来,她需要让精心设计的互动流程拥有漂亮而吸引人的视觉,具备足够强烈的情感吸引力。
在开始探求 UI 解决方案的过程中,设计师首先是从配色着手。为了更好地匹配客户和用户的愿景,设计师提供了两个不同的配色方案:一个是暖色调的配色方案,包括和速度感息息相关的橙色与红色这两种暖色调;另一个配色方案是冷色调的,配色是以蓝色为主,这种配色在用户中颇为受欢迎。而诸如车辆、标识、武器、障碍物等元素也在之前的基础上,为游戏进行了重设计,赋予他们更为新鲜原创的视觉。
△ 基于暖色调配色的概念设计
△ 基于冷色调配色的概念设计
客户更加倾向于冷色调的设计,不过希望在视觉中呈现出夜间比赛的感觉,因此在下一次迭代当中,基于这个方案进行了调整,适当地增强了情感吸引力,营造出夜间流光溢彩的感觉并且赋予更加时尚的视觉感受。下面是迭代修改之后的样子:
UI 界面中,每屏都有许多不同的按钮,设计师使用不同的色彩来进行着色,便于用户对它们进行区分。游戏开始的按钮是最为关键的按钮,它最为显著,优先级比其他次要按钮更高,相应的图标也被设计成和主视觉更为匹配的风格。
各种界面的背景也使用倾斜的赛道来进行装饰,不仅赋予界面以动感,而且营造出强烈的速度感和竞争的氛围。
这组界面是用户选择赛车的界面,通过左右滑动选择赛车,并且可以查看相应车型的参数和性能,选择好了车辆以后,用户也可以挑选出所需的颜色。正如你所看到的,设计师采用了色彩混搭式的背景,色彩鲜艳的车辆是白色的背景,而其余的信息则呈现在深色的背景上,这组对比是有趣的,并且让整个界面显得协调而自然。
此外,汽车的选取的过程中,设计师还加入了有趣的动效,让用户在使用的过程中还感受到足够的乐趣。
上方的三个界面,分别是多人游戏时玩家准备界面,带有赛程进度条的游戏过程界面,以及完成比赛之后的结果界面。用户在完成比赛之后可以从比赛结果界面,直接将结果分享到社交网络上,这对于游戏的传播有很好的效果。「You Win」的字体可能看起来不够有张力,这个可以在测试之后再进行调整和迭代。
排行榜的存在,让用户的比分清晰且直观地呈现出来,提高他们在玩游戏时候的动力。也促使更多玩家参与进来,挑战更高的分数。
对于 Tubik 而言,手机游戏界面是一个非常有趣的挑战,Real Multiplayer Racing 项目是 Tubik 团队历史上第一次参与游戏界面的设计,既需要考虑到娱乐性,也需要照顾到功能性,需要在风格、导航、过渡上仔细推敲,在深入的分析和测试中获得反馈,在细节和原创上尽可能做好。
热门资讯
探讨游戏引擎的文章,介绍了10款游戏引擎及其代表作品,涵盖了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戏设计领域和数字艺术教育的重要性,欢迎点击咨询报名。
游戏中玩家将面临武侠人生的挣扎抉择,战或降?杀或放?每个抉定都将触发更多爱恨纠葛的精彩奇遇。《天命奇御》具有多线剧情多结局,不限主线发展,高自由...
3. 手机游戏如何开发(如何制作传奇手游,都需要准备些什么?)
如何制作传奇手游,都需要准备些什么?提到传奇手游相信大家都不陌生,他是许多80、90后的回忆;从起初的端游到现在的手游,说明时代在进步游戏在更新,更趋于方便化移动化。而如果我们想要制作一款传奇手游的
UI设计师、动画设计师、特效设计师每一个职位的功能和负责的方面都不同。所以,3D美术这方面需要大量的人才。但是要成为一个3D游戏建模师,也不是那么...
三昧动漫对于著名ARPG游戏《巫师》系列,最近CD Projekt 的高层回应并不会推出《巫师4》。因为《巫师》系列在策划的时候一直定位在“三部曲”的故事框架,所以在游戏的出品上不可能出现《巫师4》
6. 3D动画软件你知道几个?3ds Max、Blender、Maya、Houdini大比拼
当提到3D动画软件或动画工具时,指的是数字内容创建工具。它是用于造型、建模以及绘制3D美术动画的软件程序。但是,在3D动画软件中还包含了其他类型的...
7. 传奇游戏开发一个多少钱(做一款传奇类的游戏需要多少钱?)
做一款传奇类的游戏需要多少钱?一.做一款传奇类的游戏大概需要多少钱? 1.开发这样一款游戏,一开始投入的资金大概在15-20万左右,时间越长,投入的金额就越大。你开发的游戏需要扩展服务器和一些宣传
8. 开发一款游戏引擎很难吗?为什么国内好像没有自己的游戏引擎。
开发一款游戏引擎很难吗?为什么国内好像没有自己的游戏引擎。
众所周知,虚幻引擎5(下面简称UE5)特别占用存储空间,仅一个版本安装好的文件就有60G,这还不包括我们在使用时保存的工程文件和随之产生的缓存文件。而...
10. 手机游戏开发:8大移动游戏引擎和平台推荐,快来了解!
想要制作手机游戏?了解这8大移动游戏引擎和平台,帮助你轻松打造自己的游戏应用。
最新文章
1. 打开微信扫一扫,扫描左侧二维码
2. 添加老师微信,马上领取免费课程资源
同学您好!