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, 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 de espacio 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 cuestiona. Esta alineación es un hábito que adquirí durante mi carrera, por lo que no me lo han enseñado formalmente, de hecho, no recuerdo dónde lo adquirí.
Dime, ¿he adquirido un mal hábito aquí? ¿Mi cliente tiene razón? Si esto es correcto, ¿este tipo de alineación tiene un nombre? ¿O hay algún artículo al que pueda referir a mi cliente?
Sí, estas son cosas legítimas y tienen nombres.
Este es el principio general: está alineando a ojo por lo que visualmente se ve bien, en lugar de por regla. No solo se usa en tipografía, sino en cualquier lugar donde la consistencia visual sea importante, por ejemplo, en el diseño de conjuntos de íconos, lo que hace que los íconos con curvas se vean nítidos cuando se alinean con íconos 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.
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 buenos ejemplos de esto, solo agregaré este de los estándares de tipografía de Microsoft (no se rían, a pesar de desatar Comic Sans en el mundo, MS tiene un equipo de tipografía bastante bueno en general) que muestra que no es solo la línea de base donde se usa esto:
Sobreimpulso esencialmente horizontal, generalmente aplicado a caracteres curvos o inclinados, y otros caracteres con poco contacto con el borde que se verían mal contra una línea dura. Es básicamente un interletraje ajustado en los márgenes, y los caracteres a los que se aplica son generalmente los mismos que recibirían un interletraje ajustado en otros lugares.
Así es como Wikipedia lo ilustra actualmente:
microtype
paquete que proporciona control sobre esta y varias otras técnicas de ajuste tipográfico.Si observa muchas fuentes, notará que la curvatura de la letra 's' perfora la alineación perfecta de la línea de base y de muchas otras letras pequeñas. Y como regla general, las formas redondas tienden a hacer esto: perforar la línea de 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 se me escapa en este momento.
Imagen 1 : Algunos ejemplos de 's' redondas que perforan la línea de base, con las perforaciones de la línea de base resaltadas.
Si te fijas, incluso las fuentes que son muy geométricas hacen esto (ver Imagen 1). Esto sucede más a menudo que no, tanto que he oído hablar de él como regla. Sin embargo, tenga en cuenta cómo la cantidad difiere de una situación a otra y de una forma a otra. Así que todavía hoy son tus ojos los que deciden.
Si tiene buen ojo, 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 de lado. Esto sucede 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 overshooting (o voladizo). 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áticas puras) es inexacta.
¿No me crees? Dejame explicar:
Considere 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 distinta zona.
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 aún se ven visualmente desequilibrados (especialmente el triángulo), pero jugando un poco 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 todavía ocurre con ambos, pero de diferentes maneras. Esto es todo lo contrario a una mala práctica, es lo que es necesario para obtener el equilibrio visual adecuado: a menudo necesitamos 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 deba cambiar el espaciado horizontal en 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 muy bien a pesar de que la escala y el espaciado son 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 contraformas, superan 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 el logotipo de su 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.
También echa un vistazo a este gran artículo sobre ilusiones tipográficas que habla sobre este efecto.
No tengo ningún artículo que lo respalde, pero te puedo decir por experiencia que tienes razón. Al igual que el interletraje manual, el espaciado y la alineación de formas de letras (y otros objetos), esto es en parte ciencia, en parte arte. Deje que su ojo y su instinto lo 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 como lo hace con las rectas. De una manera algo similar a cómo "ve" un medio tono como un tono suave, su ojo encuentra una ubicación promediada como el "borde" percibido de una forma de letra curva. El posicionamiento de sus logotipos es "correcto" de acuerdo con esta noción. La clave, por supuesto, es "cómo transmitir al cliente de mente literal que se obsesiona con si las serifas sobresalen u otro posicionamiento literal similar.
Este tipo de cosas entran en juego TODO EL TIEMPO en la tipografía. Por ejemplo, en un título centrado, dejando que el punto final al final de una línea sobresalga, por lo que la línea está técnicamente descentrada, pero el peso promedio de la línea está en el punto muerto.
bharata
mejores amigos para siempre
user56reinstatemonica8
:-)
vea mi respuesta a continuación: tldr; puedes usar "alineación visual"bharata
user56reinstatemonica8
:-)
, me doy cuenta de que no es muy útil. Supongo que "óptico" se usa comúnmente para significar "a simple vista, no por regla absoluta", me parece un nombre intuitivo, y ha surgido en conversaciones con otros diseñadores y todos saben (o descubrieron) lo que era quiso decir. Los otros términos que descubrí mientras luchaba por encontrar una referencia para vincular a "alineación óptica"...Aleatorio832
Adicto a la sintaxis
DA01
A. Donda
Guntis Treuland
mejores amigos para siempre
DA01
Robert Sopa
pixelsnader