我的文字看起来好像没有居中吗?


20

在此处输入图片说明

我不知道为什么文本没有出现在黑屏的死角处。看起来有点。它是使用align工具输入的,但是由于某种原因,在我看来,它有点像。


作为测试,将您的上一行更改为与下一行相同的字体粗细和宽度(并与当前上一行相同的顶部对齐),您应该看到它看起来居中完美。
JMD

好吧,我把它带到了PS中,您的中心线不在我期望的两线之间(就在底线的顶部)。似乎您是基于文本周围的边框垂直居中。这可能在下面的注释中得到解决,但是很多时候,下降者会在文本边框的高度上增加像素,但不要添加“视觉粗细” ”。如果您认为它太高,请将其向下移动40个像素,将中心线放在两条线之间。
罗布·克雷格

Answers:


35

这是一种错觉。

下部文字的重量即使在您不关注它时也会吸引您的目光。它的概念称为“光学中心”,有据可查。数学中心永远不会看起来正确居中。这就是了解软件与了解设计不同的地方。

这是一个快速演示。

光学中心演示。

本文对此进行了很好的介绍。


7

页面(和屏幕)布局通常在数学上以某种网格或几何图案开始。但是几乎所有设计都需要“光学调整”,以便看起来正确。

在您的情况下,类型可能在数学上居中,而不是光学上居中。

如果您觉得类型有点高,请轻推它。


11
尺子规则:“当眼睛和尺子不同意时,眼睛就规则了。” :)
艾伦·吉尔伯森

4

我无法从您的照片中真正看出来,但我遇到了类似的问题,并且我认为您没有想象任何事情。如果要使用简短版本,则Illustrator会根据边界框而不是字体的宽度或em高度来使文本居中。

在此处输入图片说明

在我的示例中,各个矩形的大小恰好等于文本的em高度(蓝色),总高度(绿色)和宽度(粉红色)。您可以看到,尽管文本周围的边框恰好适合绿色矩形,但边界区域内的文本并未垂直居中。它甚至不在水平居中。

每当我必须垂直居中对齐文本时,我都会创建一个与实际文本高度相同的矩形(不是边界框!),然后将其居中。之后,您要做的就是将它们与智能指南对齐。(不过,可能有更好的方法可以这样做)


这基本上是我发布的内容,但图片+1。请注意,文本框的中心小工具与绿色和蓝色参考线的中心对齐。
Yorik 2015年

1

如果包含文本的框高于其包含的文本,则当该框居中时,文本将在框架中更高的位置显示。

在使用自动居中之前,请确保框的高度尽可能靠近文本的底部。


但是你们看到更高吗?还是只有我?
David Martineau Lachance 2015年

不,我没有批判地看,也没有衡量:我接受了您的要求较高。您使用了一种工具来自动居中。工具的正常使用(比类型高的盒子和天真地使用中心小工具作为中心点的对中工具)会导致这种情况。
Yorik

0

我认为这主要是一种错觉。

当我需要像这样对齐文本时,通常会复制文本,粘贴在前面,转换为轮廓然后分组。这样就不会使用边界框。然后,我使用对齐工具并锁定组。之后,我放置实时文本,然后解锁轮廓并删除。

我相信有很多方法可以得出相同的结论。-安迪

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.