设计与产品fontsinuse.com
《新世纪福音战士》中的字体运用(2019)
Neon Genesis Evangelion (2019)
2019 — 2021,它一次次回到首页
黑点是上首页(≥ 50 分)的那次投稿,空心点是没冲上去的投稿,点越大分数越高。
导读
这是 Fonts In Use 对《新世纪福音战士》字体使用的案例分析,梳理标题卡、UI 和标志中的常见字体如何通过排版与机械压缩处理,形成独特的 EVA 视觉语言。评论进一步讨论这些字体和界面设计与作品世界观、MAGI 系统细节及工业美学的呼应。
为什么经久不衰:它从字体和排版这种常被忽略的细节切入,说明普通字体如何靠处理方式成为经典视觉标识,并折射动画制作限制与世界观设计,因此多年后仍值得读。
HN 评论精选
赞赏其美术,并指出 NGE 用失败与崩溃反转了救世主叙事。
NGE 的配色、字体、怪物、场景和 UI 看起来都非常舒服。我比其他同类 IP 更推崇 NGE,即便没有出色的美术指导也会如此。和许多故事一样,NGE 问的是“如果一个有特殊能力的少年被赋予拯救人类的任务会怎样?”但不同于许多故事,它回答的是“他会失败,在此过程中被逼疯,人类会灭亡”。
quacked查看英文原文
The coloring, fonts, monsters, sets, and UIs of NGE are so pleasing to look at. I hold NGE in much higher regard than other similar IPs, and would continue to do so even without the excellent art direction. Like many other stories, NGE asks "what would happen if a young boy with an unusual ability was entrusted with the saving of humanity?" However, unlike many other stories, the show answers "he would fail, be driven insane in the process, and humanity would fall."
普通字体经排版成为标志风格,MAGI 等 UI 细节兼具夸张黑客感与世界观自洽。
NGE 的字体工作很惊人。尽管用的都是最常见字体,仅靠字体、文案和排版,你就能认出“EVA 美术风格”。我也喜欢它正好处在夸张的“黑客感”UI 与自洽细节之间。比如 MAGI 被电脑天使或 SEELE 黑入时,能看到他们用汇编和 Unix 系统对抗。而 MAGI 本身是三台应输出相同结果的计算机组成的冗余架构,既抗数据损坏,又像生成对抗 AI。想到这是 90 年代作品很惊人,更惊人的是这些细节只是 EVA 有趣之处的 1%。
javchz查看英文原文
The Typeface work in NGE it's amazing. Despite using the most common typefaces, you can recognize the card titles as the "Evangelion Art Style" despite only using fonts, copywriting and layout as design elements. Plus I love how Evangelion falls into a middle of exaggerated UIs to have the "hacker look" of /r/itsaunixsystem/, and at the same an amazing level of detail that make sense in their own world. Like when MAGI it's being hacked by the Computer Angel or SEELE, you can see they use a form of assembly and a Unix System to fight it. And then, the MAGI system by itself it's an amazing use of redundant architecture with 3 computers that should have the same output. That a system that it's resistant to data corruption, but at the same time working as an GAN AI. Amazing to think this it's from the 90s, and the most amazing part that those details are just 1% of what makes evangelion interesting.
指出 NGE 视觉上赞美工业文明与集体工程,新剧场版尤其突出。
很多人关注真嗣的个人情感旅程和 EVA 的恐怖,很容易忽略 NGE 在这些方面的优秀。我重看和新剧场版时惊讶于它对工业本身之美的强调——大量机械出现在风景中的场景。尤其是 Ramiel 这个光束武器八面体:原 TV 版解释击败它需要全日本的电力;新剧场版则把“必须在一两天内搭建设备、把全日本电力集中到一处几秒钟”拍得真实又惊人。NGE 虽是孤独与疏离的故事,视觉上却在庆祝工业文明,尤其新剧场版;通常这类机械与工业武器铺在美丽山景中的画面会是反乌托邦的,但 EVA 的艺术家把它拍成了英雄式。
Pxtl查看英文原文
I think so many people focus on the personal emotional journey of Shinji and the horror of the Evas, it's so easy to miss how good NGE is at things like this. Personally what surprised me on re-watch and through the rebuild-series is how much emphasis there is on the beauty of industry itself - so many scenes of machinery on landscapes. This is particularly notable with Ramiel, the beam-weapon octohedron - in the original series they explain that the weapon to defeat it will require all of the electrical power in Japan. In the rebuild, they make the effort of "we have to build electrical equipment to get all the power in Japan into one spot for a few seconds, and we have to do this in like a day or two" feel real and amazing. As much as Evangelion is a story about isolation and loneliness, visually there's a sort of celebration of industrial civilization - especially the rebuild. Not just individuals, but kind of a "together look what we can achieve" thing. In most other series, the images of machinery and industrial equipment weaponry splayed out over beautiful mountain landscapes and put to task would be dystopian... but in Evangelion, the artists instead make it heroic. The original series has this too - everybody loves the machinery of Tokyo 3, even poor Shinji, it's just amped up in the rebuild.
机械压缩可能从技术限制或效率 hack 演变为契合主题的风格选择。
我很喜欢这篇分析的细节程度,排版宅的极致。而且我从没看过 NGE,对动画也没有特别兴趣。我觉得最有趣的是机械压缩。我怀疑它起初源于有限的技术能力或效率 hack,后来演变成真正的风格决定,既有主题意义,又让 NGE 与众不同。到现在,做机械压缩可能比直接用窄体字更难。
basseq查看英文原文
I love the level of detail in this analysis. Just typographic nerdiness at its finest. And I have never watched NGE or have particular interest in anime. I found the mechanical compression the most interesting part of this. I suspect it started out as limited technical aptitude and/or an "efficiency hack", but has since morphed into an actual stylistic decision that both makes thematic sense[1] and sets NGE apart. To the point now that it might be harder to do mechanical compression than just use a condensed font variant[2]. [1] "[the mechanical compression's] ubiquitous occurrence did evoke haste and, at times, despair—an emotional motif perfectly suited to a postapocalyptic story with existentialist themes" [2] "... loads the normal Matisse Pro EB and then uses the CSS transform property to achieve the compression effect."
历次讨论
同类还值得读
贝塞尔曲线入门
A Primer on Bézier Curves
Pomax 编写的贝塞尔曲线在线教程,从基础概念一路讲到曲线求交、投影、曲率等进阶内容,并配有可交互的示例和配套的 bezier.js 库。
设计与产品上首页 7 次 · 2014–2022pomax.github.io编辑精选WebGL 水面模拟
WebGL Water
Evan Wallace 制作的 WebGL Water 演示:在浏览器里实时渲染一片水面,展示折射、反射和焦散等 GPU 图形效果。
设计与产品上首页 6 次 · 2011–2025madebyevan.com设计建议:永远不要使用黑色
Design Tip: Never Use Black
设计随笔提出“永远不要用纯黑”的建议,主张在界面和绘画中改用深灰或带色相的暗色,并借阴影与色彩关系来论证。
设计与产品上首页 5 次 · 2012–2021ianstormtaylor.com用于思考不可想象之物的媒介
Media for Thinking the Unthinkable
Bret Victor 的这个页面围绕《Media for Thinking the Unthinkable》展开,探讨我们用来思考和表达复杂问题的媒介,以及以文字/符号为主的传…
设计与产品上首页 5 次 · 2013–2020worrydream.com编辑精选页面重量很重要
Page Weight Matters
博文讲 YouTube 工程师 Chris Zacharias 的一次页面瘦身实验:团队做了一个更轻量的页面版本,起初从整体平均加载时间看反而更慢;按地理区域分层后才发现,轻量版…
设计与产品上首页 4 次 · 2012–2022blog.chriszacharias.com