赞助商
立即赞助

设计实战!为扁平风的移动端赛车游戏定制插画

手绘3年前 (2021)发布 流光
3.7K 0 0

竞速类游戏是诸多游戏类型,最为刺激类型。即使是在小屏幕上,极限速度样吸引着大批法身真实赛玩家投身其。赛游戏所带来极限体验和其他类型游戏完全不,这也使它足以成为个完全独立游戏类型。

当然,即使是在赛车游戏这个大类当中,同的类是非之多的。同的玩法,同的样式使得玩可按照自己的好来择游戏。过,论是哪种赛车游戏,真实而贴合实际的赛车设计总是了的。这次,Tubik 的设计师接到一个设计需求,是为一款名为 Real Multiplayer Racing 的移端赛车游戏进行原创的赛车设计。接来,是这次设计实战具体情况。

任务

为移动端赛游戏进平面设计

预处理流程

Tubik 团接到需求的时,客户不仅要求要针对界面进行设计,而且还要进行大量的原创赛车外观设计。为更现个项目,我们分两个不同业的设计来执行。其中,负责平面设计的是设计师 Arthur Avakyan,也许你在之前的许设计战案例当中见到个名字。他曾经负责包括 Binned、AppShack、Passfold、Saily和SwiftyBeaver 在内的个应用的设计。

设计实战!为扁平风的移动端赛车游戏定制插画

为一个赛车游戏,客户希望其中包含一原创的设计元素。为赛车爱者,客户希望我们设计出详细的汽车插画,以便游戏能够营造出对的氛围。另外,客户还希望游戏够正面、明亮且拥有卡通风。

所以,这个平设计项目,涵盖了下部分:

  • 汽车插画
  • 特效
  • 障碍插画
  • 武器图标

经过团队的头脑暴并且和客户讨论过后,整个创意设计的过程就开始了。

汽车插画

假定游戏中会供从基本款到超跑各种各样的汽车,因此设计师在手开始创作之前,先做了足够多的调研,对真实的汽车设计有了相对整的了解,熟悉同车辆的最重要的特征,然后着手开始进行图形的创作。

扁化的插画风格更加贴户的需求,因此计使用更为简的形状和视觉素来构建插画。插画的计提供了足够成熟和细致的细节,这使得它能够足用户在审美上的需求。

设计实战!为扁平风的移动端赛车游戏定制插画

设计实战!为扁平风的移动端赛车游戏定制插画

正如同你看到的,设计师采了相对艳的配色方案,汽车显得更为卡通。微妙的渐变整个插画显得生而对明。

设计实战!为扁平风的移动端赛车游戏定制插画

设计实战!为扁平风的移动端赛车游戏定制插画

设计实战!为扁平风的移动端赛车游戏定制插画

有车辆的设计需要设计师非常注意一小细节。运动版的汽车,超级跑车,应该在用户获得够的经验之锁。车比基础款的更加强大,而它们的展示也需要更加惊艳炫酷。因此设计师为一车型添加一定化的细节,比火焰和骷髅的花纹。细节为插画带来正确的感。

设计实战!为扁平风的移动端赛车游戏定制插画

设计实战!为扁平风的移动端赛车游戏定制插画

设计实战!为扁平风的移动端赛车游戏定制插画

赛车和超跑车并不容易获得,只有经验丰的玩家能够获得它,它不止是性能上更优秀,而且在整个外观体验上也截然不同。虽然风格并不写实,但是它和型车高度相似。

特效

当计完成主要的车辆插画的工作之后,开始制作额外的定制的细节。和许多同类的其的赛车游戏一,Real Multiplayer Racing 还拥有一系列额外的功能让整个游戏更加有趣。玩过这类游戏的玩家可能知道,赛车的候,可以通过氮气加速。在许多面游戏当中,可以提供各种各的快捷操作,但是在移动端备上,这的操作可能没法复杂,而且视觉上一定要足够显。

设计实战!为扁平风的移动端赛车游戏定制插画

所以,当玩家开始启用氮气加速的候,计让车钱出现蓝色的效,以示功能的启用。

除此之外,发商还汽车提供了一程度的保护功能,一时间段内确保车辆免受伤害。了区别于之的氮气加速的效果,设师采用了色色呈特效。如图所示,左氮气加速的特效,右保护罩特效。

障碍

障碍赛车竞速游戏中常见的元素,赛道中的障碍让整游戏的游戏性强,让玩家好娱乐。障碍通常会因置环境不尽相同,许多多人赛车游戏当中,障碍会基于当环境随机,比如泥土,石。当然,还会遇到诸如金币或者道具其他的东。

设计实战!为扁平风的移动端赛车游戏定制插画

当然,玩家还得避面道的其他的非竞赛车辆,它们看起就普通的车或者轿车。通常,这些作障碍的元素会使用冷色展示,这样整界面中会显得加显眼。

设计实战!为扁平风的移动端赛车游戏定制插画

武器

Real Multiplayer Racing 中最有趣的征之一,是能够使用武器,包括前面所说的氮气加速和保护罩,玩家还能使用火箭弹来破坏对的车辆,或者使用道加速或者减速。

设计实战!为扁平风的移动端赛车游戏定制插画

计的任是计出而易于辨认的标识,确保用户能够理解所使用的武器是哪种。

结语

设计实战!为扁平风的移动端赛车游戏定制插画

效的平面设计确实够在手机游戏中起到至重要的作。原创的扁平插画整个手机游戏的视觉体验非突地呈现来。在接来,我们的设计师还会继续参与这款游戏的 UI 和 UX 设计,届时会有专门的章对它进行分析和介绍。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

提问:以下水果中哪一种给你印象深刻呢?老规矩,读完这篇文章你就知道了。 苹果、桃子、香蕉、柿子、梨、橘子、橙子、西瓜...
经验分享
越来越多的设计团队开始从 Sketch 迁移到 Figma 这是大势所趋。但是这两个工具之间有差异,这篇文章我会为你分享一些无缝切换...
Figma
在经典的尼尔森十大启发式当中,「系统状态可见性」可以说是如今交互设计领域当中,最为重要的原则之一。通过向用户展现当前...
交互设计
编者按:设计原则总是看起来简单抽象不言自明的,但是在细分的设计领域,这些原则其实有着各自不同适用情况,有着「特定的条...
ICON
平面设计被定义为:通过各种手段创造和结合图片、符号、文字、色彩(构成要素),借此做出用来传递信息的视觉表现。关于设计...
平面设计
旅行时我们顺利到达一个又一个的目的地;生病时我们快速地找到医疗科室;超市里我们在数以万计的商品中找到心仪的商品,完成...
卡通形象设计
58UXD:表单是收集用户信息的方式。如果你的产品需要收集大量用户信息来完成为其提供的服务,那么在用户进行信息输入的过程中...
实战案例
自从界面扁平化风格来到之时,「形式服从功能」就变成了一个时常被提起的法则,包括二手在设计总结中也时常提到该法则,但是...
交互设计