当前位置: 首页 >文章 > 案例分析:移动游戏UI设计
收藏
分享

案例分析:移动游戏UI设计

举报赵小马UI设计赵小马UI设计发布于 2018-08-033281阅读0点赞
作者 | 赵小马速度、肾上腺素和驱动力经常吸引极限运动的粉丝。许多人梦想成为能感受这些竞赛游戏的一部分。 汽车和驱动器的视频和手机游戏在用户中非常受欢迎。每场比赛提供新的体验和情绪。原创设计是制作独特手机游戏的有效方式,所有赛车游戏的游戏机制可能都是相似的,但真实的图形风格是成功的必要条件。今天我们研究的案例展示了手机游戏平面设计的分步过程。 任务移动赛车游戏的图形设计&nbs...




作者 | 赵小马



速度、肾上腺素和驱动力经常吸引极限运动的粉丝。许多人梦想成为能感受这些竞赛游戏的一部分。

 

汽车和驱动器的视频和手机游戏在用户中非常受欢迎。每场比赛提供新的体验和情绪。


原创设计是制作独特手机游戏的有效方式,所有赛车游戏的游戏机制可能都是相似的,但真实的图形风格是成功的必要条件。今天我们研究的案例展示了手机游戏平面设计的分步过程。


 

任务


移动赛车游戏的图形设计

 

处理


客户不仅需要界面设计,还需要为应用程序提供大量图形资源。该项目分为两个不同专业的设计师。



客户想要用原创的视觉呈现来制作游戏。作为一名赛车爱好者,他还要求制作详细的汽车插图,以便游戏能够传递正确的气氛。另外,客户期望游戏具有明亮,现代和卡通风格。



 

该项目的图形设计部分包括:


  • 汽车插图

  • 效果可视化

  • 障碍插图

  • 武器图标


汽车插图


游戏假定为用户提供从基础到超级引擎的各种类型的汽车。因此,在插图创建之前,他们进行了研究。对真实汽车的视觉参考已成为进一步图形的有效基础。设计师了解了各种车辆的最重要特征,然后开始创建其图形表示。


平面样式被选中,因为它符合客户的要求。平面设计使用简单的形状和视觉元素。插图提供了复杂的破坏性,可以轻松满足用户的审美需求,让我们看到结果。


正如你所看到的,这位设计师应用了鲜艳的调色板,让汽车显得更加卡通。轻微的渐变效果和阴影使得插图形象生动并鲜明对比。




有些汽车需要对小细节给予高度关注。运动,超跑,喷气式汽车应该在获得经验并完成特定水平之后向玩家开放。他们比基础车辆更强大,因此他们的演示需要更加生动。设计师增加了一些自动定制的细节,如火和头骨绘画。这些细节带来额外的情绪并正确地传递气氛。


种族、超跑和照明车很难实现。它们适用于游戏玩家,拥有丰富的经验。将它们形象化非常详细和酷,这样用户会将它们看作是对其持久性的回报,这一点非常重要。设计师使它们看起来与真实原型相似。

 

效果

 

当主要任务完成后,设计师开始制定额外的图形细节。和其他许多赛车游戏一样,假定应用额外的功能让比赛更加精彩。玩过这类游戏的人知道最常见的特征是加速,也被称为硝基。有很多方法可以在视频游戏中进行说明,但移动设备不会提供这样的机会。找到解决方案如何在小型移动屏幕上显示硝基很重要。


设计师决定在汽车前面以小规模显示硝基速度。量表以蓝色呈现,许多玩家与硝基效应相关联。


此外,真正的多人赛车提供了一个屏蔽功能,可以在一段时间内帮助车辆免受伤害。除了颜色外,客户选择与硝基相同的屏蔽设计方法。盾牌刻度以红色和紫色表示。结果如下:左边的车显示硝基效应,右边的车没有。



 

障碍


障碍是赛车游戏的重要组成部分。在完美的表面上驾驶可能显得无聊,所以障碍物是娱乐用户的好方法。这种物体取决于赛车的位置。真正的多人赛车地图是在工业环境中设计的,所以障碍物被描述为道路元素,包括泥土,街区和弹簧板。


此外,这套车辆被创建为道路上的障碍物。这些车很简单,不适合比赛,如校车或一些破车。设计师阐述了应用冷静颜色的车辆障碍物,以便赛车在道路上显眼。



武器

 

游戏的原始特征之一是能够使用武器。它们包括加速和盾牌功能以及一些火箭损坏敌方汽车。此外,一些武器可能会使其他车辆减速一段时间。

设计师的任务是创建小而易辨认的标志,以便用户能够理解他们所采用的武器。让我们看看最终的结果。



 赵小马的话:

 

高效的图形设计在创建成功的手机游戏中起着至关重要的作用,原始平面插图是使移动游戏在人群中脱颖而出以及超出用户期望的有效方式。



0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩9天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩9天54人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩26天15人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了27,078
并提交了210份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证