惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 叶小钗
Last Week in AI
Last Week in AI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
V
V2EX
J
Java Code Geeks
The GitHub Blog
The GitHub Blog
博客园_首页
U
Unit 42
人人都是产品经理
人人都是产品经理
Engineering at Meta
Engineering at Meta
IT之家
IT之家
G
Google Developers Blog
L
LangChain Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
爱范儿
爱范儿
罗磊的独立博客
博客园 - 三生石上(FineUI控件)
Martin Fowler
Martin Fowler
Jina AI
Jina AI
有赞技术团队
有赞技术团队
Apple Machine Learning Research
Apple Machine Learning Research
Vercel News
Vercel News
小众软件
小众软件
H
Help Net Security

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
被忽视的游戏“系统字体”设计。 - 少数派
2025-07-15 · via 少数派

选字体可不是件容易事,首先得保证好读,字体得清晰,哪怕字号小、屏幕分辨率不一样,也得让玩家能轻松看清。

字体还得跟游戏的主题、氛围、剧情搭调才行,这一点大家都懂。要知道,字体设计这东西,能直接成就一款游戏的美感,也可能毁掉它。对设计师来说,字体是和玩家沟通的重要工具,不光是文字内容本身在说话,文字的呈现方式,也就是字体的模样,同样在传递着信息和情绪。


控制

《控制》这款游戏的美术设计真的很有意思,采用了 20 世纪 60 年代野兽派的设计风格,故意让游戏里的内部空间看起来不那么现代,充满复古工业风的厚重感。特别是字体设计这块,设计师用有限的实用字体,把这种复古美学拿捏得很死。

游戏里那些档案和信件用的是 Linotype 版本的 Akzidenz-Grotesk 字体,这是 “瑞士设计” 风潮里的流行字体,也是 20 世纪 60 年代商业设计的常用款。

对了,玩《控制》的时候注意留意,游戏里的建筑物内部会移动,所以一定要跟着绿色方向指示牌走,不然很容易迷路。这些指示牌用的是 Interstate 字体,它的设计灵感来自 20 世纪 60 年代美国州际公路系统扩张时常用的 FHWA 字体,认路又醒目。

还有 ITC Avant Garde Gothic 字体的用法也讲究。它只在玩家进入主要区域时,用粗体字出现,就算游戏里打得热火朝天,玩家也能一眼注意到。而且这字体用得特别克制,就一个连字符,没有其他多余的字母样式,看着又简洁又有个性。虽然这字体 70 年代才诞生,但它的灵感来源是 60 年代《Avant Garde》杂志的标识,跟游戏整体调性还是搭得上。

设计师把游戏里外的字体和标识都统一了风格。不管是界面 UI 还是游戏内的 HUD 元素,我觉得很棒。

使命召唤:黑色行动6

在FPS游戏里,用方正无衬线字体就像不成文的规定,《黑色行动 6》当然也稳稳接住了这个传统。

整个游戏 UI 几乎被 Kairos Sans Condensed 字体承包,大标题和部分次要文本都用它,看着硬朗又醒目。而遇到大段文字时,就换成 TT Lakes Neue 及其 Condensed 变体,毕竟 Kairos Sans 棱角太明显,读长文容易累眼,字体分工相当科学。

字幕用的 Helvetica 等宽字体也很讲究,打眼一看就像在看文字记录,跟《黑色行动》系列那种 “非官方机密感” 完美适配。

Helvetica 在游戏里还有另一重身份,专门负责数字显示。至于计分板和玩家名,则启用经典的 Noto Sans 字体,多语言适配很稳,完全不用担心乱码。

毁灭战士:黑暗时代

所有 UI 字体都用了 Cantoria 。这字体是设计师罗恩・卡彭特在1986 年设计的,属于带石刻字体特征的衬线字体。

字体以开放形态和大写字母为特点,还有 10 种字重可以选,应用场景特别广,用在游戏 UI 上,既贴合界面风格,读起来也清晰,把那种硬核又有设计感的氛围衬得挺到位 。

寂静岭2

在研究游戏截图的时候,发现它的 UI 用了衬线字体。后来仔细查,才搞清楚:Noto Serif 是主要字体,撑起界面文字的基本风格,Barlow 算次要字体,存在感弱一些,就按钮提示、部分制作人员名单这些地方会用到 。

Noto Serif字体,左侧显示物品,右侧显示弹药计数器

Noto Serif字体

Barlow字体 用于右下角按钮提示。

主菜单,整个界面以红色为主色调。

光与影:33号远征队

标题的字体使用了谷歌字库的Cinzel,可免费使用

这字体设计灵感,能追溯到公元一世纪的罗马铭文,是照着古典比例来设计的。但它不是单纯玩复古,在传承拉丁字母那老长历史的同时,还往里头掺了现代感,让古典和当下来了个有意思的融合 。是葡萄牙 字体设计公司 NDISCOVER的作品,其他作品也不错。

UI正文

UI里技能描述、功能标题这些正文部分,用的是 IM Fell Double Pica 字体。字体历史悠久,早在 1686 年,约翰・费尔把它送给牛津大学,传承到现在。

从字体本身来讲,它是用于印刷排版的(字体的母版最早出现在牛津印刷厂)。在印刷排版中,字体的易读性、协调性以及对氛围的营造都很重要。而 “IM Fell Double Pica” 字体被应用到游戏里,也延续了它在印刷领域的一些特质。

现在在谷歌字库能免费下载用,游戏里用它当系统字体,古朴感一下就出来了,和游戏整体风格还挺搭 。

数字

用的是 Bebas Neue ,常被拿来做标题、说明文字,属于一个通用又好用的字体。

说起来,这游戏挺会选字体的。Bebas Neue字体是在 Bebas 原版字体基础上改的,有 OpenType 功能,在游戏里显示数字这些内容,清晰又利落,和 UI 界面适配得挺好,既让信息好读,又给界面添了份利落的设计感 。

我找到了原版字体,截止2019年,目前在谷歌字库免费使用。

战斗/连击效果

战斗里那连击效果显示的字体,用的是 The Sherloks Vintage,在游戏一堆字体里,算很华丽的了。这是 Dikas 字体工作室的作品,有常规、斜体常规、复古、斜体复古四种风格,还带手绘字符和 OpenType 功能,本来就特适合做复古设计,游戏整体风格融合得也不错,让战斗反馈的视觉体验更好了。

过场动画

过场动画字幕用的是EB Garamond字体。它其实是 Garamond的免费开源版本,连由 罗贝尔·格朗容( 法国刻字师 )设计的斜体、希腊文和西里尔文字符都有。它名字是 Egenolff–Berner Garamond 的缩写,而且字母样式是从 1592 年印刷的 Egenolff–Berner 样本里取来的。

字体看起来既优雅又有历史感,和整个游戏氛围一致。

其他问题

设计师统一了整体视觉风格,但是忽略了易读性。就像技能、字幕、说明这些文字,原版字体看着不够清晰,对玩家理解技能机制多少有点影响。不过好在 N 网有网友上传了更换字体的 MOD ,对比原版和 MOD 后的界面,换了字体后,信息读取顺畅多了。

https://www.nexusmods.com/clairobscurexpedition33/mods/57