赞助商
立即赞助

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

手绘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 设计,届时会有专门的章对它进行分析和介绍。

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

相关文章

“对称构图”是将版面分割为两部分,通过设计元素的布局让画面整体呈现出对称的结构,具有很强的秩序感,给人安静、严谨和正式...
对称构图
这是一篇关于「深度访谈」的深度解读文章。 一、深度访谈介绍 1. 概念 有人说,深度访谈(in-depth interview)像一面夜视镜...
用户研究
我总结了一种非常实用而且极易掌握的排版方法,给它起了一个还算通俗易懂名字,叫做卡片式排版法! 那么,什么是卡片式排...
PPT
@CDYdesign :每当提到设计方法论时,总难免会给人一种比较虚空偏理论,或者说比较难应用到设计实战中的感觉;但是这一次,经...
经验分享
上篇内容笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析。 六. 复杂性守恒定律/泰思...
交互设计
交互设计师作为近年兴起的互联网设计岗位之一,具有其岗位产生的背景的特殊性。从交互设计师岗位职能来讲,它是产品与视觉、...
交互稿
编者按:新一轮的干货素材来了!这次依然是来自 Prototypr.io 设计干货大合集,他们会根据设计工具的属性,给它们分门别类。...
Prototypr
编者按:这篇来自产品设计师 Eugen Eşanu 的文章解开了我长久以来的一个疑惑,其中的思考和经验值得我们共勉。结尾的 One mor...
Eugen Eşanu