《明日方舟》里的「磁带盒未来主义」

哈喽哈～宝子们！

我是叶子学堂的骨头33。

前不久《明日方舟》更新了一个特别的活动——“卫戍协议”。除了颇为有趣的自走棋玩法外，本次活动中的复古科技主题，但又不失“舟味”的UI视觉语言，可谓是狠狠地击在了我的心巴上。在我们的叶子学堂里也引起了不小的讨论度。

11月11日“光棍节”当天，《明日方舟》公布了

的宣传PV。

复古的计算机音效，搭配80年代的合成器BGM，勾起了我久远的记忆。直到复古的CRT框体计算机的出现，我的思绪瞬间穿越回了20年前。

那时还没有U盘，更没有智能手机。

作为存储介质的是数十张大小只有几MB的软软盘，也是pv中这台计算机可以使用的存储设备。

如果对计算机发展史有了解朋友应该一眼就能看出，  这台计算机致敬了的是苹果在1983年推出的“本地集成架构”， 俗称“劈西机”——

虽然其与硬件极不匹配的高昂售价（1983年售价9995美元，相当于现在的21万人民币）导致上市没多久就被苹果掩埋，但是它革命性的图形界面设计，不仅成就了后来的麦金塔电脑，同时也让当时的人们看到了未来的可能性。

两年前我们在分析《明日方舟：终末地》美术风格的文章中，就曾提到过一个复古美学概念，叫做

，美学主题受启发于 1970 年代末到新千禧时都市人类的生活方式，它重新构想了 1970 年代末/1980 年代初由 IBM 个人电脑和模仿者推广的美学，综合了来自时尚界、建筑界、科技界的美学特征，以“磁带”这一具有时代特征标志性物件命名。

磁带盒未来主义的显著元素包括

色和

、

、缺乏强大的计算机和手机，以及 1980 年代或 1980 年代启发的技术的突出使用，例如：

、

、让人联想到 Atari 400 或 Commodore 64 等微型计算机的计算机系统， 独立式音乐中心、小型单色 LCD，而不是全彩屏幕、软盘和模拟技术。

看到下面这张图里大大的圆盘了吗？就是转磁带的。

在1960年代末，冷战时期虽然动荡不安，但各种文化运动开始兴起，这个时期的人们更关注个体的权力与幸福。

左翼艺术家们打破了传统的设计规则和美学标准，创造了一些前卫、激进、甚至具有挑衅性的作品。

在这样的左翼浪潮中，多元价值理念不光在文化领域上引发了革命，还极大程度的促进了一些国家的科技发展。

左图：家用唱片机，1960年                    

右图：H632通用数字计算机系统，1968年

比如我们熟知的苹果电脑，就是乔布斯当年带着自己的一帮朋友们在车库创业文化中创立的。

在1970年代，个人计算机，索尼磁带随身听，家用 VHS 磁带录放机等小型电子产品开始在广大中产家庭中普及。

左图：SABA Pro RC11 H 电子收音机闹钟，1972年德国

右图：松下便携式模拟音频盒式录音机

在人们日常使用的家用电器中，更加轻便耐腐蚀的塑料和化纤制品替代高反光材质的金属、玻璃和皮革。

这些方方正正的电子产品也成为这一时代的流行视觉符号，也就是我们今天所说的「磁带盒未来主义」。

我们有幸能在很多科幻作品里见到这个风格，尤其是晚一些的赛博朋克作品里，例如《 银翼杀手》 里飞行器的控制面板。

「磁带盒未来主义」演变到现在，我们会发现它变得更具有

，将这种风格运用得最6的还得是《明日方舟》。

《明日方舟》当中，「莱茵生命」本身LOGO的设计既结合了「磁带」中两个转轴的设计点，同时也有

的概念，与本身「莱茵生命」的理念不谋而合。

关于LOGO设计的考据：明日方舟画师 NoriZC 设计， 简单概括即是猫头鹰脸谱+以便营造LEB的化工科气息

。(赫默是实验室的管理者，是猫头鹰的同时，也是生化学学者) 最后出于气质的原因，把鸟喙的部分去掉了。

在画师 NoriZC 作品中也延续了这种“万物皆可磁带盒”的风格。

如今，「磁带盒未来主义」

。

虽然属于不同的游戏，风格也各有区别，但我们能从这些作品中看到「磁带盒未来主义」对于不同界面的影响。

如果说「磁带盒未来主义」中的扁平风格中略带一点立体感表现，多为

，高级灰中突出了醒目色是表象，那么「磁带盒未来主义」风格的背后又有什么“文化内核”呢？

我们将目光再次回到卫戍协议活动视觉中来。

首先我们来聊聊第一种视觉表现元素——

。

在《明日方舟》的孤星活动中的界面中，出现了大量的红，黄，青三种颜色彩条纹样，这种纹样来自于1970年代的开始流行的VHS录像磁带，这些磁带包装盒上的彩色条纹 是用来暗示 CRT 彩色电视机内部 阴极射线显像管 射出的三种颜色光线。

CRT 显示器经常被使用，这个文化符号演变成各种复杂的机器造型，带有

和厚实的

。

这些机器通常也有大面板，上面有很多闪烁的灯和按钮，屏幕内显示的图形通常会有一种失真的美感 (lofi)，故障艺术+(Glitch Art) 也经常伴随着这些展现。

活动中的飞行数据记录芯片图标 也是在向 VHS 录像带的造型致敬。

同时我们可以看到 VHS 录像带上的贴纸，和方舟《孤星》中的UI基调都是微微泛黄，这样的色调有岁月的痕迹。

我们再来看看将 VHS 录像带拆开的结构，是不是瞬间就有方舟那味儿了！

虽然这个时代已经开始流行便携式计算机，但它们依旧有着厚重的机身，LCD单色液晶屏、ELD 电致发光屏或小的可怜的 CRT 阴极射线显像管显示器 来显示画面。

活动中获得的【技术调查补给】箱子的造型，正是参考了这一时代的便携式计算机造型。

CRT 显示器是靠电子束激发屏幕内表面的荧光粉来显示图像的，由于荧光粉被点亮后很快会熄灭，所以电子枪必须循环地不断激发这些点。

《恶魔城月下夜想曲》的这幅画面对比就非常有意思，开发者是按照CRT显示设备设计的，设计师只需要在德古拉的眼眶中间点上一个小红点，即可通过CRT显像方式形成德古拉的眼睛。

同时电子束在偏转磁场的作用下移动，从而达到按需求进行扫描和显示的目的。

其中，直线式扫描又可分为逐行扫描和隔行扫描两种。事实上，在CRT显示系统中两种都有采用。

间隔之间没有信号的部分呢，也就形成了这种扫描线的黑线效果。

荧光粉影响了 CRT 的成像颜色，在《明日方舟》卫戍协议活动中采用了两种视觉色就致敬了两款复古 CRT。

在《辐射4》里同样有这样的CRT设定，同时我们看到UI设计上也用了

和

两种颜色作为区分。从设定上我们可以更明显看到两种CRT的区别。

绿色的CRT的系统为可穿戴设备，橙色CRT的系统更偏向“全局拍摄”，有类似摄像机或摄影机的取景框和操作区域。

明日方舟将HUD的元素大量用于视觉设计上，让画面的点线面装饰更加丰富，也增加了元素之间的空间层次，帮助营造了设计的

。

我们拆分一下这样的视觉表现：有瞄准镜的取景框和十字瞄准符号，以及玻璃厚度质感体现。

那么这种极具「未来感」的视觉元素叫什么？又是如何应用的呢？

HUD 也叫

，又叫平视显示系统，最初前身是作为美国的A-5舰载机的应用，通过平视显示屏投射到飞行员视野前方的透视镜，使得飞行员更加安全高效完成重要信息的观测，提高飞行安全。自1980年后，HUD 技术开始用于民航客机用于显示导航信息。

与HUD应用在民航飞机的时间差不多，上世纪八十年代，通用汽车在收购航天和国防制造公司 Hughes Aircraft 后，开始将 HUD 技术应用在汽车上。

相同类型的游戏可以通过HUD的位置、大小和颜色来进行区分和对比。这些因素可以使玩家更容易地理解游戏中显示的信息，是提高信息易读性最直接的方法。

在赛车游戏中，HUD 可能会显示玩家的速度、单圈时间和比赛中的位置等信息。例如《极品飞车·不羁》中，左上角模块是当前玩家信息以及排名信息。左下角显示了小地图，比赛路线的位置，右上角模块是行驶百分比以及时间，右下角是里程表等信息。相较之下，与《地平线5》相比，两者有相似之处。

在《明日方舟》中会显示一个方舟比较平面的外形轮廓，进行模拟攻击的状态。

在现实的车载 HUD 领域，HUD 也早已是一项成熟的技术。

C-HUD 是 Combiner HUD 的缩写，一般是将一块半透明树脂板安装在仪表盘上方，作为投影介质，该树脂板通常会根据成像条件进行特殊处理，例如做成楔形来避免反射重影，提升显示效果。

W-HUD（风挡型抬头显示系统）是利用光学反射的原理，将重要的行驶相关资讯投射在挡风玻璃上面显示，它提供了更为直观且一体化的显示效果，有助于驾驶员的安全行驶。

AR-HUD 是一种将虚拟信息叠加到实际道路上的显示系统，通过智能驾驶的传感器（如摄像头、雷达等）对前方的路况进行解析建模，以得到对象的位置、距离、大小等要素，再把HUD显示的信息精准地投影到对应的位置，它结合了车辆导航、ADAS功能等，提供行车中道路偏移、前车预警及障碍物识别等提示。

类似的 HUD 显示还有很多，在许多电影中为大家熟知的有钢铁侠的面罩 HUD。

感谢看到这里的大家！关于游戏里的风格表现，我们还将继续探讨。

想了解什么风格，也欢迎大家积极互动留言～

喜欢我们分享内容的宝子们别忘记点赞哦！

大家的关注与鼓励将是我们继续分享优质干货的动力～

文章部分参考内容出处：

1.  如何评价《明日方舟》四周年活动「孤星」？

2.  聊聊CRT：怀旧游戏显示设备之王？【旧视界01】

3.  你可能不知道，钢铁侠HUD抬头数字显示设计竞来自iPhone