Alinear letras "Incorrecto" aparece más "Correcto"

Actualmente estoy trabajando en un logotipo para un cliente. Aquí está el trabajo en progreso.

Me parece obvio que la S debe alinearse con la línea de arriba. Sin embargo, creo que la mejor manera de alinearlo es alinear la parte inferior de la S en lugar de la curva superior, incluso aunque la curva superior sobresalga más. Ver el siguiente ejemplo

También en el otro extremo del logotipo, la sensación de IA puede hacer algo similar, minimizando el triángulo en blanco al final del logotipo.

El resultado final creo que es más agradable en su alineación.

Siento que esto es correcto, pero mi cliente lo está cuestionando. Esta alineación es un hábito que aprendí durante mi carrera, por lo que no me han enseñado esto formalmente, de hecho, no recuerdo dónde lo aprendí.

Dime, ¿he adquirido un mal hábito aquí? ¿Es correcto mi cliente? Si esto es correcto, ¿este tipo de alineación tiene un nombre? ¿O hay algún artículo en algún lugar al que pueda referir a mi cliente?

Sí, estas son cosas legítimas y tienen nombres.

"Alineación visual" o "Alineación óptica"

Este es el principio general: se alinea a simple vista por lo que se ve bien visualmente, en lugar de por regla. Se usa no solo en tipografía, sino que también es importante la consistencia visual en cualquier lugar, por ejemplo, en el diseño de conjuntos de iconos, haciendo que los iconos con curvas se vean bien cuando se alinean con iconos con bordes rectos.

Los términos técnicos más específicos a continuación no se usan con mucha frecuencia (tuve que buscarlos), solo están aquí para los curiosos.

Sobreimpulso tipográfico

Esto es cuando un personaje pasa el punto vertical apropiado porque hacerlo parece más natural que detenerse estrictamente. La respuesta de Joojaa tiene muchos ejemplos excelentes de esto, solo agregaré este de los estándares de tipografía de Microsoft (no se ría, a pesar de liberar a Comic Sans en el mundo, MS tiene un equipo de tipografía generalmente bastante bueno) que muestra que no es solo la línea de base donde se usa esto:

Margen óptico de alineación

Esencialmente un sobreimpulso horizontal, generalmente aplicado a caracteres curvos o inclinados, y otros caracteres con poca coincidencia con el borde que se vería mal contra una línea dura. Es básicamente un kerning ajustado en los márgenes, y los caracteres a los que se aplica son generalmente los mismos que recibirían un kerning ajustado en otros lugares.

Así es como Wikipedia lo ilustra actualmente:

Si observa muchas fuentes, notará que la curvatura de la letra 's' perfora la alineación perfecta de la línea base y de muchas otras letras pequeñas. Y como regla general, las formas redondas tienden a hacer esto: perforar la línea base de los bordes rectos. Tenía un artículo sobre este fenómeno y por qué sucede, en algún lugar de mis marcadores, pero el enlace me evade en este momento.

Imagen 1 : Algunos ejemplos de ronda 's' perforando la línea de base, con las perforaciones de la línea de base resaltadas.

Si observa, incluso las fuentes que son muy geométricas hacen esto (ver Imagen 1). Esto sucede con más frecuencia de lo que no sucede, tanto que he oído hablar de él como una regla. Sin embargo, observe cómo la cantidad difiere de una situación a otra y de una forma a otra. Aún hoy, son tus ojos los que deciden.

Si su ojo está atento, también notará que algunas formas de letras también perforan la vertical de lado. Eso es porque el mismo fenómeno también ocurre allí.

Imagen 2 : Mismo efecto hacia los lados. Esto ocurre comúnmente si tiene líneas rectas y líneas curvas mezcladas de lado.

PD : Lo siento, las fuentes disponibles en mi estación de trabajo temporal son un poco limitadas.

Esta es una técnica llamada sobrepasar (o sobresalir). La razón por la que usamos el exceso es porque la forma en que percibimos las cosas como humanos (al menos en términos de matemática pura) es inexacta.

No me creas Dejame explicar:

Considera esta imagen:

¿Sientes que el círculo y el triángulo tienen el mismo peso para ti? La verdad es que tienen la misma altura pero un área diferente.

Ahora vamos a mostrar cómo se ven con la misma área:

Observe el exceso que se ha creado tanto para el círculo como para el triángulo. Tanto el círculo como el triángulo se ven visualmente desequilibrados (especialmente el triángulo) pero con algunos jugando con la escala y alineando la base del triángulo con el cuadrado, obtenemos la siguiente imagen visualmente atractiva:

Sin guías:

Tenga en cuenta que el exceso aún ocurre con ambos, pero de diferentes maneras. Esto es todo lo contrario a la mala práctica, es lo que se necesita para obtener el equilibrio visual adecuado: a menudo tenemos que jugar con el tamaño, el ancho, el espaciado y la alineación de las formas en función de los temas específicos que estamos usando. No hay una fórmula específica para esto, depende de la composición y el resultado deseado. Tenga en cuenta que cuando cambie el tamaño vertical, es probable que necesite cambiar el espacio horizontal la misma cantidad para mantener el espacio en blanco adecuado:

El ancho del trazo también entra en juego cuando se trata de la alineación visual. Mira esto:

No se siente del todo bien aunque la escala y el espaciado sean los mismos, ¿eh?

La conclusión aquí es que debemos aumentar la cantidad de compensación a medida que aumentamos el golpe, prestando atención al equilibrio de los contadores. De hecho, cuando tenemos formas contrarias, dominan el contorno de la forma y su equilibrio se vuelve más significativo que la forma sólida misma. Esto es exactamente lo que hizo Nintendo al diseñar su logotipo de interruptor de Nintendo .

Para leer con más detalle, consulte el artículo de Fábio Martins, The Art of Eyeballing - Part III: Overshooting, donde prácticamente robé las imágenes y parte del contenido de esta respuesta.

Consulte también este excelente artículo sobre ilusiones tipográficas que habla sobre este efecto.

No tengo ningún artículo que lo respalde, pero puedo decirle por experiencia que está en lo correcto. Al igual que el interletraje manual, el espaciado y la alineación de formas de letras (y otros objetos) como este es en parte ciencia, en parte arte. Deja que tu ojo y tu tripa te guíen en lugar de los números exactos y las matemáticas.

El concepto en juego aquí es que su ojo (es decir, su cerebro) procesa las curvas de manera diferente a las rectas. De manera similar a cómo "ve" un tono medio como un tono suave, su ojo encuentra una ubicación promediada como el "borde" percibido de una forma de letra curva. Su posicionamiento de sus logoformas es "correcto" de acuerdo con esta noción. La clave, por supuesto, es "cómo transmitir al cliente de mentalidad literal que se fija en si las serif se destacan u otro tipo de posicionamiento literal.

Este tipo de cosas entra en juego TODO EL TIEMPO en tipografía. Por ejemplo, en un titular centrado, dejando que el período final al final de una línea sobresalga, por lo tanto, la línea está técnicamente descentrada, pero el peso promedio de la línea está en el punto muerto.