将字母“错误”对齐会更“正确”


43

我目前正在为客户设计徽标。这是正在进行的工作。 在此处输入图片说明

在我看来,S应该与上面的线对齐。我认为,对齐它的最佳方法是对齐S的底部而不是顶部曲线,即使认为顶部曲线确实更突出。请参阅以下示例 在此处输入图片说明

同样在徽标的另一端,AI感觉可以执行类似的操作,从而最大限度地减少徽标末尾的空白三角形

在此处输入图片说明

我认为最终结果在对齐方面更令人满意 在此处输入图片说明

我认为这是正确的,但是我的客户对此表示怀疑。这种结盟是我在职业生涯中养成的习惯,所以我没有被正式教过,实际上,我不记得我从哪里学到的。

告诉我,我在这里养成了坏习惯吗?我的客户正确吗?如果这是正确的,这种对齐方式是否有名称?还是在某处可以推荐我的客户的文章?


3
我认为这种对齐方式没有任何名称。但是最终结果看起来更加平衡。很好
巴拉特(Bharat)2015年

1
@bharat我真的不知道:-)我意识到这不是很有帮助。我猜“光学”通常是指“用肉眼看,而不是用绝对法则”,对我来说就像是直观的名字,它出现在与其他设计师的对话中,每个人都知道(或弄清楚)的意思。我在努力寻找链接以进行“光学对准”时发现的其他术语……
user56reinstatemonica8'8

1
排版的完整手册(由James Felici撰写,由Adobe Press出版)解决了这一问题。您自然而然地了解了什么,我必须阅读这份出色的参考书来学习!
兰德尔·斯图尔特

3
是的,“光学”对准与“数学”对准。前者是您的专业设计技能所针对的。:)
DA01

1
即使客户是白痴,客户也总是对的。但是您总是可以说:“我们当中有谁拥有设计硕士学位?让我来完成您雇用我做的工作。”
罗伯特·索普

Answers:


43

是的,这些都是合法的东西,而且有名字。

“视觉对齐”“光学对齐”

这是一般原则-您是根据视觉上正确的外观来对齐,而不是根据规则。它不仅用于排版,而且在视觉一致性很重要的任何地方都可以使用,例如在设计图标集时-使带有曲线的图标与带有直边的图标对齐时,看起来整洁。


下面更具体的技术术语不是很常用(我必须查一下),它们只是出于好奇。

印刷过冲

这是角色通过适当的垂直点的时间,因为这样做看起来比严格停止自然得多。Joojaa的答案有很多很好的例子,我只是从微软的排版标准中添加一个(不要笑,尽管在世界上释放了Comic Sans,MS拥有一个相当不错的排版团队),这表明它不仅仅是基线使用它的地方:

在此处输入图片说明

光学边缘对齐

本质上是水平过冲,通常适用于弯曲或倾斜的字符,以及几乎不与边缘相交的其他字符,这些字符在硬线上看起来不对。它基本上是紧迫的字距紧调,并且所应用的字符通常与在其他地方会紧缩字距的字符相同。

维基百科目前的说明方式如下:

在此处输入图片说明


3
对于熟悉LaTeX的人来说,光学边距对齐可能被更好地称为字符突出,因为这是microtype包装所使用的术语,可控制该字符和其他几种印刷微调技术。
sigma

35

如果查看许多字体,您会发现字母's'的曲率会刺破基线和许多其他小字母的完美对齐。通常,圆形往往会这样做-刺穿直线边缘的基线。我在我的书签中的某处有关于此现象及其发生原因的文章,但此刻此链接使我回避。

圆形贯穿基线

图1:一些以“'”字刺穿基线的示例,突出显示了基线穿刺。

如果您看上去,即使是非常几何的字体也可以这样做(请参见图1)。这种情况经常发生,而不是没有发生,以至于我经常听到它被提及。但是,请注意,根据情况和形状的不同,金额会有何不同。因此,今天仍然由您决定。

如果您的眼睛敏锐,您还会注意到一些字母形状也横向穿透了垂直方向。那是因为同样的现象也在那里发生。

“ S”的曲线延伸到与垂直衬线对齐的右边

图片2:横向效果相同。如果直线和曲线在侧面混合在一起,通常会发生这种情况。

PS:对不起,我的临时工作站上可用的字体有些限制。


15

这是一种称为超调(或突出)的技术。我们使用超调的原因是因为我们将事物视为人类的方式(至少就纯数学而言)是不准确的。

不相信我吗?让我解释:

考虑这张图片:

在此处输入图片说明

圆和三角形是否对您具有相同的重量?事实是它们的高度相同,但面积不同。

现在让我们展示它们在相同区域的外观:

在此处输入图片说明

注意为圆和三角形创建的过冲。圆形和三角形看起来仍然在视觉上不平衡(特别是三角形),但是有些人会按比例缩放并且将三角形的底端与正方形对齐,我们得到以下视觉上吸引人的图像:

在此处输入图片说明

没有指南:

在此处输入图片说明

请注意,这两种情况仍然会发生超调,但是方式不同。这与不良做法完全相反,这是获得适当的视觉平衡所必需的-我们经常需要根据所使用的特定主题来调整形状的大小,宽度,间距和对齐方式。没有具体的公式,这取决于组成和所需的结果。请记住,更改垂直大小时,可能需要将水平间距更改相同的数量以保持适当的空白:

在此处输入图片说明

笔触宽度在视觉对齐时也起作用。看看这个:

在此处输入图片说明

即使缩放比例和间距相同,感觉也不对,是吗?

这里的结论是,随着行程增加,我们应该增加补偿量,注意平衡计数器。实际上,当我们拥有反形式时,它们会压倒形式的轮廓,并且其平衡变得比实体形式本身更重要。这正是任天堂在设计其任天堂开关徽标时所做的。

要更详细地阅读,请查看法比奥·马丁斯(FábioMartins)的文章“眼球的艺术–第三部分:过冲”,我实际上是在其中偷取了图像以及该答案中的某些内容。


我从未听说过它被称为“超调”。但是好像行得通!
2015年

@ DA01 user568458也称其为“排印性过冲”,我以前见过,我认为它是相对标准的
Zach Saucier

1
我一直使用“悬空”一词:ilovetypography.com/2009/01/14/inconspicuous-vertical-metrics但是“过冲”也一样!
2015年

3
我将把它组合起来并称其为悬空!
2015年

1
@NicolasDaoust正确,对不起您的讲话
Zach Saucier

6

我没有任何文章来支持它,但是根据经验我可以告诉您您是正确的。就像手动字距调整,间距和对齐字母形状(及其他对象)一样,这既是科学,也是艺术。让您的眼睛和直觉引导您,而不是精确的数字和数学。


4

这里的概念是,您的眼睛(即您的大脑)对曲线的处理与对直线的处理不同。以某种方式类似于您将“半色调”“看成”平滑色调的方式,您的眼睛发现了平均位置,即弯曲字母形的“边缘”。根据此概念,徽标的定位是“正确的”。当然,关键是“如何传达给有字面意义的客户,他们会确定衬线是伸出还是其他字面定位。

这种事情在印刷术中一直存在。例如,在标题居中的情况下,让行尾的结尾期间悬于行尾,因此该行在技术上是偏离中心的,但该行的平均权重为死点。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.