看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍
Monotype蒙纳
机构
上海
/
艺术工作者
/
2年前
/
2124浏览
版权
私信
关注
细密的文字，用窄体还是宽体？答案有些反直觉 —— 4个小尺寸字体排版诀窍
Monotype蒙纳
关注
商品包装、产品标签、说明手册、数据展板、财务报告、应用程序……当把眼花缭乱的数据与细致入微的文字置入有限的空间，如何能够既符合特定的标准规范，又平衡阅读的舒适与清晰？
以下 4 个字体选择与应用策略，或许正是实现小尺寸字体排版理想效果的关键：
▼
01 视觉字号
小尺寸文本也有适配字体
复杂文本的呈现通常可以分为主要数据和辅助注释两个部分。
而建立这种信息层次最直接的方法便是调整字号大小，注释部分使用较小的字号，来与正文进行区分；然而，小字号同时也会降低文本的易读性，间距过于紧凑，字怀变得拥挤。
左：Whitney 右：Whitney ScreenSmart
收藏
在这种情况下，使用专为屏显设计调整的字体，或是配备视觉字号的字体，可以改善字号的影响。如上图所示，左侧使用了 Whitney 字体，右侧则使用了 Whitney ScreenSmart 字体，呈现了更高的清晰度及更舒适的阅读体验。
Helvetica Now 配有三款视觉字号，图示从上至下依次为 Display、Text、Micro
收藏
视觉字号也能够有效优化小尺寸排版问题。例如 Helvetica Now 的 Micro 版本专门针对此类环境进行了简化和突出。既保留 Helvetica 在小尺寸环境中的效果，简化部分细节，又提供了宽裕的间距，这样一来，在微型文字和低分辨率环境下也能保持文本的可读性。
02 字宽选择
窄体并非总是最优解
产品成分列表、披露说明、免责声明等内容常常是排版中的一大难题，不仅因为尺寸受限，更因为文本信息过多；然而，这些内容却是监管和审查最为严格的部分。
左：Gotham Condensed 右：Gotham Narrow
收藏
那么该如何选择字体呢？许多人的第一直觉是选择窄体，毕竟这样每个字母占用的空间较少。
然而，与直觉相反的是，更宽的字体拥有舒适的比例和舒展的字怀，配合上更小的字号以及间距，才是效果更为理想的选择。
上图是使用了 Gotham 字体的配料表，左侧是 Gotham Condensed，右侧为相对更宽的 Gotham Narrow，显然右侧的视觉效果更吸引人。
03 巧用字符
枯燥文字的「调味剂」
另一个有效提升小尺寸排版效果的诀窍是巧用字符集。大段的文字注释可能会枯燥乏味，用星号（*）和剑号（†）等进行标记能增添不少意趣。
各种字体中的 asterisk、dagger 和 double dagger cr. The Type
收藏
但如果注释条目过多，符号的识别性就会降低，此时使用编号明确的上标更为适宜：
收藏
正文中建议使用上标，而注释前的数字使用下标，从而在二者间建立起清晰的联系。
04 等宽数字
处理繁杂数据的诀窍所在
涉及到繁杂数据时，如何排版数字也是无可避免的问题。与传统的比例数字（proportional figures）不同，等宽数字（tabular figures）的宽度不完全跟随数字的自然形状，而是建立在相同的水平尺度上，确保数据列始终对齐。
收藏
等宽数字还有一个重要特点，便是字重改变也能保持等宽，这与我们惯常见到的较粗字体也会更宽的情况不太一样，因此允许设计者在不破坏栏宽的情况下用粗体突出单行。
收藏
除了年报和财务披露这些附带密密麻麻表格的地方，成堆的数字往往也会在菜单、索引、目录、包装、标签等设计项目中出现。
股票价格、体育比分、产品分类、汇率展示等任何动态变化数字的体验中也都需要等宽数字。对于这些项目，从一开始便选择等宽数字，能够有效提升体验。
收藏
结语
转换思路
小尺寸字体排版或许并不如大家直觉那样，在有限空间里选择占位更小的字体即可。合适的视觉字号、巧用标点符号、选用等宽数字，才能让复杂的文本和数字更为清晰规范。
选择多样
尽管小尺寸排版限制更多，但您仍可以有多样化的创意选择。无论是文中所提到的 Hofler&Co. 字体，还是蒙纳所提供的 15 万+字体，您都能从中寻觅到符合规范且别具风格的字体，彰显项目的创意风采。
尽早规划
在考虑到小尺寸排版的前提下，尽早规划字体策略为宜。项目初期开始使用合适的字体、字号、字重，能够大大提高品牌视觉传播整体的兼容性和灵活性。
25
举报
|
声明
25
分享
原创文章
平面
网页
UI
字体设计
版式设计
字体排版
英文字体
包装设计
标签设计
UI设计
平面设计
海报设计
出版设计
相关推荐
换一换
Gotham 面世 25 周年：全新可变字体上线
201
Monotype蒙纳
TT Turns：字体所传达的强烈动态张力
58
Monotype蒙纳
Winter Wonder：富有变化的镂空风格冬日字体
546
Monotype蒙纳
Tarita：如烘焙甜品般温暖的手作感字体
19
Monotype蒙纳
Marylebone：源于伦敦街区灵感的随性笔刷体
23
Monotype蒙纳
关注
设计理论
3
龙size
从纽约街头到总统竞选：一文读懂传奇字体 Gotham 的前世今生
484
Monotype蒙纳
你和优秀设计师只差0.1毫米！4个被忽视的文字排版细节
449
Monotype蒙纳
七夕浪漫字体特辑｜花笔、手写、油墨陷印……这些细节让字体更具细腻情感
574
Monotype蒙纳
传音定制字体 TransSans：在多元语境中实现视觉与品牌的进化
365
Monotype蒙纳
会员精选
WOLIZOM亚马逊品牌旗舰店/Amazon Store
2780
VELORA_Studio
推广
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
你可能喜欢
换一换
星星之火 可以燎原
284
YuanDian_
RGB广州-木棉花开
260
didaso
回力小子-无限
246
多余不多余
数字人民币游戏棋
400
万鱼鱼
相生之宠® 浓酪餐包｜宠物 品牌 包装
149
DXD_studio
DUOGO 朵狗｜宠物全生命周期健康管理
113
余尤勇
相关收藏夹
换一换
关注
设计理论
3
龙size
关注
理论知识
3
Z005489711
关注
技巧
小肥七
关注
文章
Kostov
关注
标签设计
heiry
关注
排版
白小白719
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
# 字体设计
字体设计 、
字体设计～
字体设计·
、字体设计
a字体设计
字体 设计
字体设计】】】】
，字体设计
.字体设计
字体设计A
#字体设计#
字体设计,
字体设计、
字体设计‘’
字体设计
字体设计
字体设计/
字体设计#
#字体设计
字体设计’
字体设计，
字体设计】
【字体设计】
字体设计‘
字体设计
字体设计.
字体设计
设计字体
设计,字体设计
登录注册
25
登录即可同步推荐记录哦
25
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享
