美漫和写实杂糅的竞速游戏《极品飞车：不羁》【画风别致 ...
http://pic2.zhimg.com/v2-6e79aa477de0d415f118d3eba7e7acc5_r.jpg
《极品飞车》是EA旗下年代久远的一个IP，属于欧美三大游戏品类“车枪球”其中一个大类。
《极品飞车：不羁》由Criterion Games开发,由EA发行（PlayStation 5、Xbox Series X/S及Microsoft Windows），是“极品飞车”系列的第25部作品和第22部正传作品。游戏预告片于2022年10月6日公布，并于2022年12月2日全球发行。
本作界面有酸性设计特征明显的风格，并以此为基础，杂糅诸多风格元素，如一些手绘动态元素，同时以明快的孟菲斯风格色彩调性，让整体体现出一种“不羁”的街头风格，可以说是用一种非常特殊的表现形式来表达出了游戏的“不羁”主题。游戏画面中的仿2D特效以及诸多美漫风格元素的混搭，让这款游戏的美术风格极为特别，堪称"画风别致"。
这些界面设计中不常用的元素，必然需要有与之匹配的动态设计手法。这种手法在本作中可切分为三种主要的表现形式：
1.手绘线条动画
这些元素是本作美漫风格的有机组成部分，组成本作美漫风格的元素还有仿2D效果的动线、烟雾和网点元素等，其中最亮眼元素就是手绘线条动画。
如下两图所示，手绘线条的效果主要被用于提示类控件和特效辅助元素上：
http://pic2.zhimg.com/v2-033d4f7316c18b7f8f3de29a99fb02e9_r.jpg
http://pic2.zhimg.com/v2-9657bffe11cb0f1cf0d2e42badd5ad59_r.jpg
这些动画的特点是“杂乱”，缘于它是利用手绘线条组成的动画，手绘的线条本身就有不规整的视觉印象，多个不规整线条帧所组成的动画更显杂乱，如下图所示的，我们常在漫画里或者表情包里看到利用手绘的线团表示“一团糟”的含义，正是利用了这种线条传达给人“乱”的特征。
但另一方面，处于规整图形环境中的这种手绘元素正好是一种“静中取乱”，它们由此具备极强的吸引注意力的作用，所以些元素在本作中通常用于各类提示控件：
表示切换内容的：
http://pic2.zhimg.com/v2-0892e86c7c98c86e07c752b49c3f204d_r.jpg
作为按钮选中态伴随元素的：
http://pic3.zhimg.com/v2-4ff796fb403b945ef2bff99b8b9f3b86_r.jpg
http://pic1.zhimg.com/v2-7c415817f15443011698334c9e056ec8_r.jpg
充当动态游标的：
http://pic4.zhimg.com/v2-cffc9301b22bd098da13d770ae97e83b_r.jpg
作为状态提示的：
http://pic4.zhimg.com/v2-a51424e81b64baeb7f29e43b8f9784c3_r.jpg
还有组成loading动态图形一部分的：
http://pic1.zhimg.com/v2-6859bcb6d25ca16b3fc36a3f975404e4_r.jpg
在局内界面里也用在各类型提示控件和特效细节上：
http://pic4.zhimg.com/v2-a7e85eeaeec8bfa03c3986b75e9cc867_r.jpg
http://pic4.zhimg.com/v2-9381275ab97e0f04b580c92ac5da9e87_r.jpg
http://pic3.zhimg.com/v2-1eaa100afaa20a5a39e02f891d4416fa_r.jpg
http://pic4.zhimg.com/v2-ff2f7a3cc5991f490451cfc2202c4827_r.jpg
http://pic1.zhimg.com/v2-7470c9be9b77c8edc4989c4d51123088_r.jpg
http://pic2.zhimg.com/v2-b3ee6b7f2f6e11ca4108e63ac47e832d_r.jpg
http://pic1.zhimg.com/v2-467cc04a4e9aee95616b203af3bc967c_r.jpg
http://pic3.zhimg.com/v2-5c26ecd6c2bffef948d9d2221f4b1b66_r.jpg
http://pic1.zhimg.com/v2-f1525035607647d1befeaffca3162e78_r.jpg
将动态手绘线条元素加入到比较写实的画风里，本身是一种格格不入的做法，但正因为这种奇怪的对比效果，让整个美术观感呈现出一种特殊的美感。
如下图所示赛前的车辆展示阶段，一些由手绘风格元素组成的闪切效果和伴随元素，加上“三渲二”风格的特效，让原本写实干净的画面上多出了很多“刺挠”的图形，其构成的视觉冲击由此多了一些“撕裂”和“狂野”的气息：
http://pic1.zhimg.com/v2-c97e8785b22912b8c94c935d2a8b8cf0_r.jpg
http://pic3.zhimg.com/v2-0ddf40d1fb8d9939b3be71464a7b3422_r.jpg
还有一些效果则利用了手绘线条动画的特点，即极少帧数描绘流畅动作的优势，来表现一些重提示信息。
如下图所示，目标点的提示控件入场，利用简单的几帧就将其从画外掉落，楔入场景的动作体现得非常畅快：
下图所示，被追捕状态的解锁过程，也是通过底帧手绘的效果体现，比顺滑的效果要更硬，其破开的效果自然更有力量：
http://pic4.zhimg.com/v2-81c06765c2a8700de96ae2595b0e08cb_r.jpg
http://pic1.zhimg.com/v2-b723629018eea726c2c0554dbc4235c0_r.jpg
下图所示，将执行任务中奖励转换积分的过程，由几个潦草的手绘帧组成的箭头动画进行表现，比顺滑的动画更有“猖狂”的感觉：
http://pic1.zhimg.com/v2-29e3bbd91055af65fcc25ec65880efb8_r.jpg
2.特殊细节
协同平面上的特殊风格化设计，动态层面上一些特别的设计，将整个界面的特征进一步提升。
如下图所示，在车辆装备界面上。车辆的展示空间背景被设定为一个大的LED屏，上边的文字和界面的操作是联动的，而且其光线会投射到车辆所在的地板上，产生一种时尚、赛博和科技风格的氛围：
http://pic2.zhimg.com/v2-23eeab63d5bbe7f7d836241edf48c86d_r.jpg
界面本身偏酸性设计的风格调性下，总体上的动态设计极为收敛，像下两图所示的控件包边设计特征点上则又有一些持续性的动态设计：
http://pic1.zhimg.com/v2-d4dd393fd6b85c4bb484ac58a4d215b0_r.jpg
http://pic3.zhimg.com/v2-1cbfaabaa3a581c0d230d00f954dce42_r.jpg
在其他的大部分界面中，尤其在转场、切换等交互行为上，并没有设计太多动态细节，基本都是闪切和简单的动作：
http://pic1.zhimg.com/v2-f8fab4c7334d46499b8954f4492c0958_r.jpg
http://pic1.zhimg.com/v2-6b60f9c6413096b3f89c2bebc979034c_r.jpg
http://pic2.zhimg.com/v2-0fa182ce662d0bbff8c6765f617b169d_r.jpg
3.复古、赛博和其他元素
上文出现过的loading动态图中也可看到像素化风格的沙漏图形，这种复古时尚风格的图形也体现出本作有一定程度的复古科技感，或者简称赛博味。从一些界面效果来看，本作风格中确实也杂糅了故障风，复古科技等风格元素。
如下图中所看到的一些酸性设计元素和蒸汽波元素：
http://pic2.zhimg.com/v2-37285daf50ffd880863a9a7ac7d00da5_r.jpg
以及局内多见的LED故障风等：
http://pic2.zhimg.com/v2-eff98763469ad30df1c288a902333991_r.jpg
总体上，本作的界面设计风格以美漫的“狂野”调性为基础，杂糅了很多流行设计元素。这些元素都和“时尚”、“年轻”、“野性”有极强的关联度，总体设计目标应该是为了体现“狂放不羁”的视觉语言。
但在动态层面上并没有全面施力，而是侧重于诸多元素中的主要元素进行刻画，如手绘线条动画、“三渲二”的特效等。在很多界面细节上未有比较深入细腻的体现，这或许是想体现“古拙”，毕竟上述关键词并不与“细腻”过度关联，也或许是制作组单纯不注重这一层面。
这里是COTA五号，关注我们，共寻设计本质。
本文完。
关注我们 共寻设计本质
不支持PS4了吧？ 老哥，想问问这种外国IP授权的国产手游再进军海外市场会怎么分成？比如网易做的指环王手游在美国市场怎么分成？网易分的多还是华纳分的多 那要看它们怎么谈了，好像对半分的情况比较多 谢谢
页:
[1]