当前位置：首页 >教程首页 > 游戏设计 > 原画概念设计大师班 >【设计实战】扁平风的移动端赛车游戏定制插画

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

发布时间：2018-11-17 19:57:24

竞速类游戏是诸多游戏类型当中，最为刺激的类型之一。即使是在小屏幕上，极限的速度同样吸引着大批无法置身真实赛道的玩家投身其中。赛车游戏所带来的极限体验和其他类型的游戏完全不同，这也使得它足以成为一个完全独立的游戏类型。

当然，即使是在赛车游戏这个大类当中，不同的品类也是非常之多的。不同的玩法，不同的样式使得玩家可以按照自己的喜好来选择游戏。不过，不论是哪种赛车游戏，真实而贴合实际的赛车设计总是少不了的。这次，Tubik的设计师接到一个设计需求，是为一款名为Real Multiplayer Racing的移动端赛车游戏进行原创的赛车设计。接下来，是这次设计实战的具体情况。

【任务】

为移动端赛车游戏进行平面设计。

【预处理流程】

Tubik团队接到需求的时候，客户不仅要求要针对界面进行设计，而且还要进行大量的原创赛车外观设计。为了更好实现这个项目，我们分配了两个不同专业的设计来执行。其中，负责平面设计的是设计师Arthur Avakyan，也许你在之前的许多设计实战案例当中见到过这个名字。他曾经负责过包括Binned、AppShack、Passfold、Saily和SwiftyBeaver在内的多个应用的设计。

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

所以，这个平面设计的项目当中，涵盖了下面的部分：

●汽车插画

●特效

●障碍插画

●武器图标

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

【汽车插画】

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

扁平化的插画风格更加贴合客户的需求，因此设计师使用更为简单的形状和视觉元素来构建插画。插画的设计提供了足够成熟和细致的细节，这使得它能够满足用户在审美上的需求。

正如同你所看到的，设计师采用了相对鲜艳的配色方案，让汽车显得更为卡通。微妙的渐变让整个插画显得生动而对比鲜明。

有些车辆的设计需要设计师非常注意一些小细节。运动版的汽车，超级跑车，应该在用户获得了足够多的经验之后再解锁。这些车比基础款的更加强大，而它们的展示也需要更加惊艳炫酷。因此设计师为一些车型添加了一些定制化的细节，比如火焰和骷髅的花纹。这些细节为这些插画带来了正确的感觉。

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

【特效】

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

所以，当玩家开始启用氮气加速的时候，设计师让车钱出现蓝色的特效，以示功能的启用。

除此之外，开发商还为汽车提供了一定程度的保护功能，在一个时间段内确保车辆免受伤害。为了区别于之前的氮气加速的效果，设计师采用了红色和紫色来呈现特效。如上图所示，左边是氮气加速的特效，右边是保护罩特效。

【障碍】

障碍是赛车竞速游戏中最常见的元素，赛道中的障碍让整个游戏的游戏性更强，让玩家更好娱乐。障碍通常会因为位置和环境而不尽相同，许多多人赛车游戏当中，障碍会基于当前环境而随机生成，比如泥土，石头等。当然，路上还会遇到诸如金币或者道具等其他的东西。

当然，玩家还得避开前面道路上的其他的非竞赛车辆，它们看起来就是普通的货车或者轿车。通常，这些作为障碍的元素会使用冷色来展示，这样在整个界面中会显得更加显眼。

【武器】

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

设计师的任务是设计出小而易于辨认的标识，确保用户能够理解他们所使用的武器是哪种。

【结语】

高效的平面设计确实能够在手机游戏中起到至关重要的作用。原创的扁平风插画让整个手机游戏的视觉体验非常突出地呈现出来。在接下来，我们的设计师还会继续参与这款游戏的UI和UX设计，届时会有专门的文章对它进行分析和介绍。

本文转载于：优设网，原作者：Tubik Studio，原文地址：https://tubikstudio.com/case-study-real-racing-graphic-design-for-mobile-game/

上一篇扁平风的手机赛车游戏UI界面是这样设计的？

下一篇【原创教程】《闯》绘制解析

返回列表

学员作品赏析

2101期学员李思庭作品
2104期学员林雪茹作品
2107期学员赵凌作品
2107期学员赵燃作品
2106期学员徐正浩作品
2106期学员弓莉作品
2105期学员白羽新作品
2107期学员王佳蕊作品

热门课程

专业讲师指导快速摆脱技能困惑

多种教程总有一个适合自己

专业问题咨询

你担心的问题，火星帮你解答

网上自学剪辑，然后接单靠谱吗？

有关剪辑学习，网上有很多动辄几万甚至几十万阅读的高赞问答。可见近来对视频剪辑制作，以及对AI视频创作动心的人，还是蛮多的
3ds Max中动画的惨淡现状

很多人都知道3ds Max是一款强大的3D软件，但不少艺术家觉得，在动画方面，它似乎没那么出色。这并不是说3ds Max本身不......
游戏设计师和游戏程序员有什么不同？

你有没有想过游戏设计师和游戏程序员的区别是什么？因为有时他们被称为游戏工程师或软件工程师，而且你经常听到开发者、程序员、工程师......
《环太平洋》中的机甲是如何创造出来的？

创作《环太平洋》里的机甲特别复杂。这个过程得靠SGI的精细设计，还得小心地跟实景拍摄的画面融合在一起
小白不会剪短视频？这几个常规短视频思路，请拿去！

你要相信，任何行业或领域，都是有一套学习方法的。找对方法，事半功倍。今天就给大家分享以下平时做短视频时用得比较多的剪辑干货。
《英雄联盟》官宣新赛季打法：火了这么多年，这款游戏咋做出来的？

今天下午，夏尔天逸公司来火星举办专场人才招聘会，招聘游戏原画、3D模型、角色动画、游戏特效等岗位。该公司目前在职游戏制作人已经......