1.3.66

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

Recommanded by editor
Monotype蒙纳
站酷推荐团队
机构
上海/艺术工作者/1年前/1935浏览
细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍Recommanded by editor
Monotype蒙纳
商品包装、产品标签、说明手册、数据展板、财务报告、应用程序……当把眼花缭乱的数据与细致入微的文字置入有限的空间，如何能够既符合特定的标准规范，又平衡阅读的舒适与清晰？
以下 4 个字体选择与应用策略，或许正是实现小尺寸字体排版理想效果的关键：
▼
01 视觉字号
小尺寸文本也有适配字体
复杂文本的呈现通常可以分为主要数据和辅助注释两个部分。
而建立这种信息层次最直接的方法便是调整字号大小，注释部分使用较小的字号，来与正文进行区分；然而，小字号同时也会降低文本的易读性，间距过于紧凑，字怀变得拥挤。
左：Whitney 右：Whitney ScreenSmart
左：Whitney 右：Whitney ScreenSmart
Collect
在这种情况下，使用专为屏显设计调整的字体，或是配备视觉字号的字体，可以改善字号的影响。如上图所示，左侧使用了 Whitney 字体，右侧则使用了 Whitney ScreenSmart 字体，呈现了更高的清晰度及更舒适的阅读体验。
Helvetica Now 配有三款视觉字号，图示从上至下依次为 Display、Text、Micro
Helvetica Now 配有三款视觉字号，图示从上至下依次为 Display、Text、Micro
Collect
视觉字号也能够有效优化小尺寸排版问题。例如 Helvetica Now 的 Micro 版本专门针对此类环境进行了简化和突出。既保留 Helvetica 在小尺寸环境中的效果，简化部分细节，又提供了宽裕的间距，这样一来，在微型文字和低分辨率环境下也能保持文本的可读性。
02 字宽选择
窄体并非总是最优解
产品成分列表、披露说明、免责声明等内容常常是排版中的一大难题，不仅因为尺寸受限，更因为文本信息过多；然而，这些内容却是监管和审查最为严格的部分。
左：Gotham Condensed 右：Gotham Narrow
左：Gotham Condensed 右：Gotham Narrow
Collect
那么该如何选择字体呢？许多人的第一直觉是选择窄体，毕竟这样每个字母占用的空间较少。
然而，与直觉相反的是，更宽的字体拥有舒适的比例和舒展的字怀，配合上更小的字号以及间距，才是效果更为理想的选择。
上图是使用了 Gotham 字体的配料表，左侧是 Gotham Condensed，右侧为相对更宽的 Gotham Narrow，显然右侧的视觉效果更吸引人。
03 巧用字符
枯燥文字的「调味剂」
另一个有效提升小尺寸排版效果的诀窍是巧用字符集。大段的文字注释可能会枯燥乏味，用星号（*）和剑号（†）等进行标记能增添不少意趣。
各种字体中的 asterisk、dagger 和 double dagger cr. The Type
各种字体中的 asterisk、dagger 和 double dagger cr. The Type
Collect
但如果注释条目过多，符号的识别性就会降低，此时使用编号明确的上标更为适宜：
细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍
Collect
正文中建议使用上标，而注释前的数字使用下标，从而在二者间建立起清晰的联系。
04 等宽数字
处理繁杂数据的诀窍所在
涉及到繁杂数据时，如何排版数字也是无可避免的问题。与传统的比例数字（proportional figures）不同，等宽数字（tabular figures）的宽度不完全跟随数字的自然形状，而是建立在相同的水平尺度上，确保数据列始终对齐。
细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍
Collect
等宽数字还有一个重要特点，便是字重改变也能保持等宽，这与我们惯常见到的较粗字体也会更宽的情况不太一样，因此允许设计者在不破坏栏宽的情况下用粗体突出单行。
细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍
Collect
除了年报和财务披露这些附带密密麻麻表格的地方，成堆的数字往往也会在菜单、索引、目录、包装、标签等设计项目中出现。
股票价格、体育比分、产品分类、汇率展示等任何动态变化数字的体验中也都需要等宽数字。对于这些项目，从一开始便选择等宽数字，能够有效提升体验。
细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍
Collect
结语
转换思路
  • 小尺寸字体排版或许并不如大家直觉那样，在有限空间里选择占位更小的字体即可。合适的视觉字号、巧用标点符号、选用等宽数字，才能让复杂的文本和数字更为清晰规范。
选择多样
  • 尽管小尺寸排版限制更多，但您仍可以有多样化的创意选择。无论是文中所提到的 Hofler&Co. 字体，还是蒙纳所提供的 15 万+字体，您都能从中寻觅到符合规范且别具风格的字体，彰显项目的创意风采。
尽早规划
  • 在考虑到小尺寸排版的前提下，尽早规划字体策略为宜。项目初期开始使用合适的字体、字号、字重，能够大大提高品牌视觉传播整体的兼容性和灵活性。
25
Report
|
24
Share
相关推荐
Marylebone：源于伦敦街区灵感的随性笔刷体
Homepage recommendation
Marylebone：源于伦敦街区灵感的随性笔刷体
20
站酷推荐团队
从纽约街头到总统竞选：一文读懂传奇字体 Gotham 的前世今生
Recommanded by editor
文章
从纽约街头到总统竞选：一文读懂传奇字体 Gotham 的前世今生
1
站酷推荐团队
你和优秀设计师只差0.1毫米！4个被忽视的文字排版细节
Recommanded by editor
文章
你和优秀设计师只差0.1毫米！4个被忽视的文字排版细节
10
站酷推荐团队
七夕浪漫字体特辑｜花笔、手写、油墨陷印……这些细节让字体更具细腻情感
Recommanded by editor
文章
七夕浪漫字体特辑｜花笔、手写、油墨陷印……这些细节让字体更具细腻情感
151
站酷推荐团队
传音定制字体 TransSans：在多元语境中实现视觉与品牌的进化
Recommanded by editor
文章
传音定制字体 TransSans：在多元语境中实现视觉与品牌的进化
3
站酷推荐团队
设计理论
设计理论
设计理论
设计理论
作品收藏夹
设计理论
3
Mohr Rounded：以字体呈上一杯夏日柠檬鸡尾酒
Homepage recommendation
Mohr Rounded：以字体呈上一杯夏日柠檬鸡尾酒
40
站酷推荐团队
Hanley Pro：温润自然，呈现手工痕迹
Recommanded by editor
Hanley Pro：温润自然，呈现手工痕迹
5
站酷推荐团队
Martellas：融合夏威夷风情元素的手写字体
Homepage recommendation
Martellas：融合夏威夷风情元素的手写字体
94
站酷推荐团队
AI 真的能造字？三位顶尖字体创意工作者的实测反馈
Recommanded by editor
文章
AI 真的能造字？三位顶尖字体创意工作者的实测反馈
1
站酷推荐团队
当设计要求人文感和温度，字体可以有哪些创新？
Recommanded by editor
内容含视频
当设计要求人文感和温度，字体可以有哪些创新？
2
站酷推荐团队
评论
in to comment
Add emoji
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
You may like
LANHE工作总结
Homepage recommendation
LANHE工作总结
250
25级视觉设计作品集
Homepage recommendation
25级视觉设计作品集
177
雅月集｜中秋礼盒视觉设计
Homepage recommendation
雅月集｜中秋礼盒视觉设计
252
「Lulu」美式街头咖啡&酒馆品牌设计
Homepage recommendation
「Lulu」美式街头咖啡&酒馆品牌设计
240
站酷推荐设计师
栖花里品牌设计&产品设计 | nofans design
Homepage recommendation
栖花里品牌设计&产品设计 | nofans design
266
站酷推荐设计师
饿了么IP 升级+延展：饿小宝
Homepage recommendation
饿了么IP 升级+延展：饿小宝
125
站酷推荐设计师
相关收藏夹
设计理论
设计理论
设计理论
设计理论
作品收藏夹
设计理论
3
理论知识
理论知识
理论知识
理论知识
作品收藏夹
理论知识
3
技巧
技巧
技巧
技巧
作品收藏夹
技巧
文章
文章
文章
文章
作品收藏夹
文章
标签设计
标签设计
标签设计
标签设计
作品收藏夹
标签设计
排版
排版
排版
排版
作品收藏夹
排版
大家都在看
IP 形象国庆LOGO 设计海报设计插画设计壁纸图片作品集VI 设计UI 设计规范AI 绘画表情包PPT模板就 字体设计字体设计 、字体设计～以字体设计字体设计对对字体设计a字体设计字体 设计字体设计·、字体设计字体设计】】】】，字体设计.字体设计字体设计就字体设计及#字体设计#字体设计,字体设计、字体设计‘’‍字体设计字体设计　字体设计/字体设计##字体设计字体设计’字体设计给字体设计，字体设计】【字体设计】字体设计‘
Log in
25Log in and synchronize recommended records
24Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share