¿Cómo es que mi texto parece que no está centrado?


20

ingrese la descripción de la imagen aquí

No puedo entender por qué el texto no está en el centro de mi pantalla negra. Mira un poco hacia arriba. Se ha ingresado con la herramienta de alineación, pero por una razón u otra, para mí parece un poco hacia arriba.


Como prueba, cambie su línea superior al mismo peso y ancho de fuente que la línea inferior (y la misma alineación superior que la línea superior actual) y debería ver que se ve perfectamente centrada.
JMD

Bueno, lo tomé en PS y su línea central no está entre las dos líneas como esperaba (está justo en la parte superior de la línea inferior). Parece que se centró verticalmente en función de un cuadro delimitador alrededor del texto. Esto puede abordarse en los comentarios a continuación, pero muchas veces los descendientes agregan píxeles a la altura del cuadro delimitador del texto, pero no agregan "peso visual" ". Si crees que es demasiado alto, desplazándolo 40 píxeles hacia abajo, coloca la línea central entre las dos líneas.
Rob Craig

Respuestas:


35

Esta es una ilusión óptica.

El peso del texto inferior está atrayendo tus ojos incluso cuando no te enfocas en él. Es un concepto llamado "centro óptico", que está bien documentado. El centro matemático nunca se verá correctamente centrado. Aquí es donde conocer el software no es lo mismo que conocer el diseño.

Aquí hay una demostración rápida.

Demo del centro óptico.

Este artículo lo cubre bastante bien.


7

Los diseños de página (y pantalla) a menudo comienzan matemáticamente en una cuadrícula o patrón geométrico de algún tipo. Pero casi todos los diseños necesitan 'ajustes ópticos' para que se vean correctos.

En su caso, es probable que el tipo esté matemáticamente centrado, pero no ópticamente.

Si siente que el tipo es un poco alto, empuje hacia abajo.


11
La regla de la regla: "Cuando el ojo y la regla no están de acuerdo, el ojo gobierna". :)
Alan Gilbertson

4

Realmente no puedo distinguir tu foto, pero he encontrado problemas similares y no creo que estés imaginando cosas. Si desea la versión corta, Illustrator centra el texto en función del cuadro delimitador, no por el ancho o la altura de la fuente.

ingrese la descripción de la imagen aquí

Los diversos rectángulos en mi ejemplo están dimensionados para ser exactamente la altura del em (azul), la altura total (verde) y el ancho (rosa) del texto. Puede ver que aunque el borde alrededor del texto se ajusta perfectamente en el rectángulo verde, el texto dentro del área delimitadora no está centrado verticalmente. Ni siquiera está centrado horizontalmente.

Siempre que tengo que centrar verticalmente el texto, creo un rectángulo que tiene la misma altura que el texto real (¡no el cuadro delimitador!) Y lo centro. Después de eso, todo lo que tiene que hacer es alinearlos con guías inteligentes. (Sin embargo, probablemente haya mejores formas de hacerlo)


Esto es básicamente lo que publiqué, pero +1 para la imagen. Tenga en cuenta que los gadgets centrales para el cuadro de texto están alineados con el centro de sus guías verde y azul.
Yorik

1

Si un cuadro que contiene texto es más alto que el texto que contiene, el texto aparecerá más arriba en el marco cuando el cuadro esté centrado.

Asegúrese de que la altura del cuadro esté lo más cerca posible de la parte inferior del texto antes de usar el autocentrado.


¿Pero ustedes lo ven más alto? ¿O solo soy yo?
David Martineau Lachance

No, no miré críticamente ni medí: te tomé tu palabra de que era más alto. Usaste una herramienta para autocentrar. El uso normal de las herramientas (cajas más altas que el tipo y una herramienta de centrado que ingenuamente usa el dispositivo central como punto central) provoca eso.
Yorik

0

Creo que esto es una ilusión óptica principalmente.

Cuando necesito alinear texto similar a este, generalmente copio el texto, lo pego al frente, lo convierto en contornos y luego lo agrupo. De esta manera, el cuadro delimitador no se está utilizando. Luego uso las herramientas de alineación y bloqueo el grupo. Luego coloco el texto en vivo, luego desbloqueo los contornos y los borro.

Estoy seguro de que hay muchas maneras de llegar a la misma conclusión. -Andy

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.