设计与产品typesetinthefuture.com
《机器人总动员》中的字体排版设计
The Typeset of Wall·E (2018)
2018 — 2024,它一次次回到首页
黑点是上首页(≥ 50 分)的那次投稿,空心点是没冲上去的投稿,点越大分数越高。
导读
这篇文章深入剖析了皮克斯电影《机器人总动员》(Wall·E) 中的字体排印设计,不仅逐一考证片中出现的字体,还追溯了其视觉风格背后的参考来源——包括企业标志、历史事件、经典产品、建筑与电影致敬等。作者以侦探般的细致展现了电影中众多标志性风格如何融合成一个完整的主题世界。
为什么经久不衰:它把字体排印当作解读电影世界观的一把钥匙,这种极致考据的深度分析本身就示范了何为用心之作,多年后重读依然能让人重新发现细节之美。
HN 评论精选
文章的考据深度同时彰显了作者和皮克斯创作者的用心
作者不仅深入分析字体本身,还找出了《机器人总动员》视觉风格的所有参考来源(创作者、企业、标志、艺术、宣传、历史事件、标志性产品、建筑、电影引用等),这既让我佩服他的侦探功力,也让我敬佩皮克斯艺术家们在电影中倾注的细节。看到众多标志性风格汇聚成一个主题整体,实在令人惊叹。
spyckie2查看英文原文
The detail that the author goes into not just typeface, but finding all the references for the visual style of Wall-E (diving into the creators, corporations, logos, art, propaganda, events in history, iconic products, architecture, movie references, etc) not only make me applaud his detective work but also the work of those artists who put all that detail into the movie. Really amazing to see the build up of many iconic styles coming together as a thematic whole.
感叹这种极致投入的工作态度值得所有人学习
如果每个人做任何事都投入这样的努力和自律,世界会变成什么样?我说的是这篇文章的作者和皮克斯的艺术家们双方。
rekshaw查看英文原文
I wonder what the world would be like if everyone put this amount effort and discipline in everything they did. And I'm referring both to the author of the article as well as the artists/creators at Pixar.
作者还出了相关书籍
他的书(附带额外内容)几天后就会发货。https://typesetinthefuture.com/book/
drfuchs查看英文原文
His book, with extra goodies, will ship in a few days. https://typesetinthefuture.com/book/
指出文中关于 $9.99 加六个零的数学推断有误
10^6 是 1e6,而 99^6 是 941480149401(约 9.41e11)。因此作者认为"Buy n Large 商店在给所有价格末尾加了六个零之后仍延续经典的 $9.99 定价技巧"的说法在数学上不成立。我觉得是电影原设计师搞错了,本意应该是 99e6 或 9.9e6。
jimbo1qaz查看英文原文
10^6 is 1e6. 99^6 is 941480149401 or 9.41e11. As a result, the author's suggestion that "Buy n Large stores continued the classic $9.99 pricing trick even after adding six zeroes to the end of everything." is mathematically invalid. I think the original movie designers screwed up, and meant 99e6 or 9.9e6.
历次讨论
同类还值得读
贝塞尔曲线入门
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