《超越平凡的平面设计: 版式设计原理与应用》—字母部件

简介: <span style='letter-spacing:1px'>本节书摘来自异步社区《超越平凡的平面设计: 版式设计原理与应用》一书中的字母部件,作者【美】John McWade,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>

本节书摘来自异步社区《超越平凡的平面设计: 版式设计原理与应用》一书中的字母部件,作者【美】John McWade,更多章节内容可以访问云栖社区“异步社区”公众号查看。

字母部件
超越平凡的平面设计: 版式设计原理与应用
排版用字符具有多种形态和属性,了解它们的名称是很有用的。在学习观察和识别不同字体的时候,知道这些特征与部件的存在是很有必要的。


screenshow?key=1506472792dd764b538e

7 三种尺寸的48磅字体
字符的磅值与其本身的大小无关。磅值是用来表示包围字符的不可见方框的高度。24磅的方框按理应包围24磅的字符,但其实只要适合方框,任何磅值的字符都可以。

这种形式沿袭自以前的传统:将热铅灌入被称为嵌条的金属块塑成铅字。通常会在嵌条中字母上伸部之上和下伸部之下留出一点空间,这样脱模的时候就能避免截断铅字。结果,从铅字上伸部到下伸部的距离就比字磅值小了。

不过,具体小多少在视觉艺术上却非常灵活。具有较短下伸部的字型在尺寸上更小(30%);而像Regency这类手写风格的字型,纤细蜿蜒的主体和纤长飘逸的尾部使其在尺寸上偏大但,看上去偏小;x高度的字体类型尺寸偏小,看上去却偏大,等等。


screenshow?key=1506fab7af2b8129c8d2

在现实世界,2加2永远等于4。但在设计的世界里,却可将这些烦人的物理定律抛到一边——2加2可以等于任意一个数字。比如你说,上述三种字体各有多大?不知道?其实三种字体都一样大,都是48磅。你的软件能证明这一点。字符的磅值与自身尺寸无关,而由包围字符的不可见方框的高度决定。实际上只要字符适合方框,任何尺寸都可以。因为,字体如此丰富多样,有的短而粗,有的却高而细——字体工艺相同,其实际尺寸却可能大相径庭。

而字体设计师甚至常常忽视这些古怪的规则。注意,以上三种字体都超出了边框线。直至现代的数码排版,唯一没变的是字体基线,它位于从边框底部往上大概1/3处。


<a href=http://write.epubit.com.cn/api/storage/getbykey/screenshow?key=1506b0e4aba979025622" >

理想情况,上述三种字体的尺寸应该是不同的。如左图所示,同样的三种字体,现在被重新调整到适合方框的高度。看上去多么截然不同!现在它们显得更正式,字体上伸部、下伸部、x高度(小写字母的高度)随着字型的变化而变化,但只要大写字母的高度恒定,整体变化就不明显。这个方法轻松加强了字体的对比,给字体以恒定的尺寸参照,却丝毫没有影响排版的艺术效果。

本文仅用于学习和交流目的,不代表异步社区观点。非商业转载请注明作译者、出处,并保留本文的原始链接。

相关文章
|
自然语言处理 JavaScript 前端开发
vue2 div滚动条下拉到底部时触发事件(懒加载) 超级简易版本的懒加载
【6月更文挑战第4天】导文 vue2 div滚动条下拉到底部时触发事件(懒加载) 超级简易版本的懒加载 文章重点 内容效果展示: 当div拉到底部的时候: 在这里插入图片描述 编辑器返回: 在这里插入图片描述 代码展示 在Vue 2中,可以通过监听div的scroll事件来判断滚动条是否到达了底部。以下是一个简单的示例:
518 2
|
人工智能 算法 机器人
用QQ机器人改变群组管理新方式
随着互联网技术的不断发展,人工智能机器人已经逐渐渗透到我们的日常生活之中。近日,一组来自某工作室编写出一款第十代QQ机器人,凭借其强大的功能和高效的管理,引起了广泛关注。
|
前端开发 算法 JavaScript
LeetCode二分查找使用JavaScript破解|前端学算法
LeetCode二分查找使用JavaScript破解|前端学算法
197 0
LeetCode二分查找使用JavaScript破解|前端学算法
|
8天前
|
数据采集 人工智能 安全