浅谈明日方舟：终末地的设计-vol.01色彩运用

浅谈明日方舟：终末地的设计-vol.01色彩运用

《明日方舟：终末地》是一款以工业生产为主题的游戏，其独特的色彩运用设计令人印象深刻。本文将从工业设计的角度出发，分析游戏UI设计中色彩搭配的原理和效果。

如果从全局的配色来看的话，终末地的颜色搭配主要围绕在黄，黑，白之间。这样的配色很难不让人联想到工业，警示，生化相关的内容。

举一个例子：卡特彼勒公司(Caterpillar Inc./CAT)
卡特比勒公司是世界上最大的工程机械和矿山设备生产厂家之一，其产品最显著的特征就是亮眼的黄黑白配色，这种配色方案在它的官网上可以很好地体现出来：

（卡特比勒公司的官网，设计风格以对比鲜明的黄黑白配色为主）

之所以引卡特彼勒为例，是因为这种配色最早就是由这个公司研发出来的，卡特彼勒还为此申请了专利，称为“卡特黄”（虽然终末地使用的黄色并非卡特黄，但其本质上的作用是类似的）。这种配色的优势在于”其与土色相近，适合在黄色的土地上施工，并且比较耐脏，黄黑相间的色彩辨识度高，且具有警戒的意味”（《工程机械配色及多彩化》），因此很快被其他工程机械公司广泛仿效和使用。

黄色具有警醒的作用，能在大量的颜色之中“脱颖而出”，使人一眼就能观察到，并且在潜意识层面带给人危险，不可靠近的感觉。

举几个生活中的例子：交通指示灯的红色和绿色之间常会出现黄色，用于提醒汽车放缓速度通行；一些交通标志也会使用黄色作为底色来提醒司机和路人；高速下坡路上的、车库里的、高速收费站的减速带也都使用了黑黄的配色。

除此之外，小面积地将亮黄色作为点缀色使用不仅可以有效地做出视觉引导，还可以防止一定程度的视觉疲劳。

回归终末地游戏本身，我们可以看到游戏的UI大面积的使用了灰色，黑色和白色。黄色在游戏UI的设计中正是起到上文所说的警醒的作用。

（终末地实际演示PV中放出的干员选择界面）

在干员的选择界面中我们可以看到在两侧以及顶部的干员信息展示中都有黄色的使用：顶部使用黄色用于高亮当前选中的干员；左侧的干员信息用黄色高亮了干员能力值最高的一项；而右侧使用大面积的黄色可以防止两侧排版方式相似产生视觉疲劳，也同样可以起到高亮干员的重要信息（等级，精英化，能力拓展，装备等）的作用。

除此之外，黄色作为警醒色的使用也渗透在了游戏UI的各个角落：

• 小地图中用黄色的外发光来方便玩家寻找当前在小地图中自己的位置。
• 任务用黄色来高亮提醒待完成的事项。
• 在装置的操控面板中，“全部收取”按钮使用了黄色高亮。

黄色除了作为点缀色使用之外，还可以作为背景色使用，这样的好处也同样在于将主体（以黑色或灰色为主）与背景的层次拉开，提高主体内容的辨识度。

（图为终末地的官网，采用了以黄色为背景色的配色方案）

需要注意的是，当以黄色为底色的时候，对于主体内容的阅读量以及视觉疲劳方面的内容也需要进行充分考虑。

（同样是黄色的背景，黑色的主体，不同的内容呈现形式会带给观者不同的感受）

除此以外，终末地在配色上还使用了品红色，绿色等色块对视觉内容进行轻微的点缀。可以让画面变得更有活力。

（在干员展示海报的右下角的点缀色分布）

这种色块可以看作是色标的抽象化呈现，色标（色彩控制条，Color Bars）源自于印刷行业早期对色彩印刷的需求，可以用于印刷过程中的色块校准，可以帮助印刷操作员调整印刷设备的颜色设置。色标一般由一系列的标准颜色组成：如青色、品红色、黄色和黑色。这些颜色是印刷中的基本色。而青色、品红色、黄色和黑色就是印刷行业工作者们常言的CMYK（Cyan，Magenta，Yellow，Key）。

黄色，黑色，白色作为日常生活中常见的颜色搭配，在工程领域内已经足够常见，但yj能把握住这种配色并且合理的运用在游戏的设计之中，其实是令我非常敬佩也非常羡慕的。虽然一个对标”工业“模拟生产经营玩法的游戏来说，使用这样的配色再合理不过，但是在二次元游戏横行的今天，如此新颖的配色便足以成为它从许多游戏中脱颖而出的第一个理由。