细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍

站酷推荐团队

机构

上海/艺术工作者/2年前/2094浏览

版权

细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍

商品包装、产品标签、说明手册、数据展板、财务报告、应用程序……当把眼花缭乱的数据与细致入微的文字置入有限的空间，如何能够既符合特定的标准规范，又平衡阅读的舒适与清晰？

以下 4 个字体选择与应用策略，或许正是实现小尺寸字体排版理想效果的关键：

▼

01 视觉字号

小尺寸文本也有适配字体

复杂文本的呈现通常可以分为主要数据和辅助注释两个部分。

而建立这种信息层次最直接的方法便是调整字号大小，注释部分使用较小的字号，来与正文进行区分；然而，小字号同时也会降低文本的易读性，间距过于紧凑，字怀变得拥挤。

细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍（图ZMTQ3MzU0MjQ=） - 观点 - 站酷设计师Monotype蒙纳原创素材 - 站酷ZCOOL

左：Whitney 右：Whitney ScreenSmart

收藏

在这种情况下，使用专为屏显设计调整的字体，或是配备视觉字号的字体，可以改善字号的影响。如上图所示，左侧使用了 Whitney 字体，右侧则使用了 Whitney ScreenSmart 字体，呈现了更高的清晰度及更舒适的阅读体验。

细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍（图ZMTQ3MzUzOTY=） - 观点 - 站酷设计师Monotype蒙纳原创素材 - 站酷ZCOOL

Helvetica Now 配有三款视觉字号，图示从上至下依次为 Display、Text、Micro

收藏

视觉字号也能够有效优化小尺寸排版问题。例如 Helvetica Now 的 Micro 版本专门针对此类环境进行了简化和突出。既保留 Helvetica 在小尺寸环境中的效果，简化部分细节，又提供了宽裕的间距，这样一来，在微型文字和低分辨率环境下也能保持文本的可读性。

02 字宽选择

窄体并非总是最优解

产品成分列表、披露说明、免责声明等内容常常是排版中的一大难题，不仅因为尺寸受限，更因为文本信息过多；然而，这些内容却是监管和审查最为严格的部分。

细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍（图ZMTQ3MzU0MDA=） - 观点 - 站酷设计师Monotype蒙纳原创素材 - 站酷ZCOOL

左：Gotham Condensed 右：Gotham Narrow

收藏

那么该如何选择字体呢？许多人的第一直觉是选择窄体，毕竟这样每个字母占用的空间较少。

然而，与直觉相反的是，更宽的字体拥有舒适的比例和舒展的字怀，配合上更小的字号以及间距，才是效果更为理想的选择。

上图是使用了 Gotham 字体的配料表，左侧是 Gotham Condensed，右侧为相对更宽的 Gotham Narrow，显然右侧的视觉效果更吸引人。

03 巧用字符

枯燥文字的「调味剂」

另一个有效提升小尺寸排版效果的诀窍是巧用字符集。大段的文字注释可能会枯燥乏味，用星号（*）和剑号（†）等进行标记能增添不少意趣。

细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍（图ZMTQ3MzU0MDQ=） - 观点 - 站酷设计师Monotype蒙纳原创素材 - 站酷ZCOOL

各种字体中的 asterisk、dagger 和 double dagger cr. The Type

收藏

但如果注释条目过多，符号的识别性就会降低，此时使用编号明确的上标更为适宜：

细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍（图ZMTQ3MzU0MDg=） - 观点 - 站酷设计师Monotype蒙纳原创素材 - 站酷ZCOOL

收藏

正文中建议使用上标，而注释前的数字使用下标，从而在二者间建立起清晰的联系。

04 等宽数字

处理繁杂数据的诀窍所在

涉及到繁杂数据时，如何排版数字也是无可避免的问题。与传统的比例数字（proportional figures）不同，等宽数字（tabular figures）的宽度不完全跟随数字的自然形状，而是建立在相同的水平尺度上，确保数据列始终对齐。

细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍（图ZMTQ3MzU0MTI=） - 观点 - 站酷设计师Monotype蒙纳原创素材 - 站酷ZCOOL

收藏

等宽数字还有一个重要特点，便是字重改变也能保持等宽，这与我们惯常见到的较粗字体也会更宽的情况不太一样，因此允许设计者在不破坏栏宽的情况下用粗体突出单行。

细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍（图ZMTQ3MzU0MTY=） - 观点 - 站酷设计师Monotype蒙纳原创素材 - 站酷ZCOOL

收藏

除了年报和财务披露这些附带密密麻麻表格的地方，成堆的数字往往也会在菜单、索引、目录、包装、标签等设计项目中出现。

股票价格、体育比分、产品分类、汇率展示等任何动态变化数字的体验中也都需要等宽数字。对于这些项目，从一开始便选择等宽数字，能够有效提升体验。

细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍（图ZMTQ3MzU0MjA=） - 观点 - 站酷设计师Monotype蒙纳原创素材 - 站酷ZCOOL

收藏

结语

转换思路

小尺寸字体排版或许并不如大家直觉那样，在有限空间里选择占位更小的字体即可。合适的视觉字号、巧用标点符号、选用等宽数字，才能让复杂的文本和数字更为清晰规范。

选择多样

尽管小尺寸排版限制更多，但您仍可以有多样化的创意选择。无论是文中所提到的 Hofler&Co. 字体，还是蒙纳所提供的 15 万+字体，您都能从中寻觅到符合规范且别具风格的字体，彰显项目的创意风采。

尽早规划

在考虑到小尺寸排版的前提下，尽早规划字体策略为宜。项目初期开始使用合适的字体、字号、字重，能够大大提高品牌视觉传播整体的兼容性和灵活性。

25

举报

|

声明

25

分享

原创文章平面网页 UI 字体设计版式设计字体排版英文字体包装设计标签设计 UI设计平面设计海报设计出版设计

相关推荐

评论

评论你的想法~

表情

喜欢TA的作品吗？喜欢就快来夸夸TA吧！

相关收藏夹

设计理论

设计理论

设计理论

设计理论

3

理论知识

理论知识

理论知识

理论知识

3

标签设计

标签设计

标签设计

标签设计

大家都在看

登录注册

25

25

评论

分享