¿Cómo deben manejarse los ascendentes y los descendientes que comparten el mismo espacio?


16

Esta es la página de registro inicial para la aplicación de comunicación de mi cliente. (Cubrí el logotipo - note la caja blanca - por su privacidad)

No me gusta que la "y" descienda y la "h" ascienda al mismo espacio. hace que las dos líneas sean demasiado estrechas. ¿Alguna sugerencia?

(la fuente de la aplicación es roboto. Aquí, estoy usando Roboto Bold).

http://d.pr/i/g08p http://d.pr/i/ouTE

Cualquier otro comentario de diseño será apreciado, siempre y cuando se porten bien :)


1
No me importa Quizás podría ajustar el espacio entre las dos primeras líneas para que sea ópticamente más consistente. Todo lo dicho, ese tipo parece realmente grande para el campo de formulario.
DA01

prueba con gorras pequeñas?
Lauren-Reinstate-Monica-Ipsum

@ DA01 - "el tipo parece muy grande para el campo del formulario" - ¿se refiere a "ingrese su número de teléfono" o ingrese el número de teléfono en el cuadro? Para el "ingrese su ..." quería algo grande y atrevido con el uso de flechas y otros clichés visuales ... pero tal vez lo hice.
user12985


Me refería al texto "ingrese su teléfono". Supongo que es nervioso, pero también es solo una etiqueta para el campo, por lo que parece un poco extraño ser tan grande. Me está gritando.
DA01

Respuestas:


15

Entonces tienes algunas opciones, por lo general.

Por el momento, su problema es que las líneas 1 y 2 se ven más separadas que las líneas 2 y 3, aunque no lo estén. Es una ilusión óptica creada por la falta de descendentes y ascendentes entre los dos primeros, pero no en los segundos dos.

Las soluciones se dividen en dos categorías básicas: evitar esta situación por completo o abordarla de frente. Comenzaremos con algunas formas de evitarlo.

Opción 1: convertir a capitales

Este evita la situación. Sin embargo, probablemente esté conectado a sus minúsculas.

(Estos ejemplos usan Franklin Gothic por cierto porque no tengo instalado Roboto).

Opción 2: reorganizar saltos de línea

En este caso, he convertido a 2 líneas, pero a veces puede reorganizar los saltos de línea de otras maneras.

Tener solo dos líneas es otra forma de evitar el problema: no hay nada con lo que compararlo.

Opción 3: ajuste el espaciado manualmente hasta que se vea "visualmente correcto"

Aquí he reducido en gran medida la brecha entre la línea 1 y 2 para que se vea "más uniforme". No puedes usar una fórmula para esto, solo tus ojos.

En realidad, el espacio de línea entre la primera y la segunda línea en este ejemplo es mucho más pequeño que el espacio de línea entre la segunda y la tercera, pero no se ve muy mal debido a la ilusión óptica creada por los ascendentes y los descendientes en la segunda. .

Es posible que pueda mejorar aún más este ejemplo rápido: al hacer esto, intente ver desde más atrás, entrecerrar los ojos, etc., de modo que no esté mirando las palabras sino las formas de las letras como si fueran manchas.

Opción de bonificación: cambiar las palabras para que los ascendentes y descendentes no se superpongan

No parece tener esta opción con las palabras elegidas, pero a veces puede cambiar las palabras hacia la izquierda o hacia la derecha para que los descendientes y los ascendentes no se superpongan, como en este ejemplo con palabras diferentes.

Por cierto, creo que su uso del símbolo hash # no parece correcto y sería mejor optar por No. o N o , pero esa es mi opinión personal.


Solo diría que me gusta Enter (círculo / logotipo) y luego su número de teléfono. Otra opción sería no indicar tanto, quiero decir que es bastante obvio desde el campo de formulario que espera un número de teléfono.
Ryan

6

En la tipografía, cambiar el liderazgo puede afectar la forma en que los espectadores leen e interpretan tu pieza.

Por ejemplo, al reducir la cantidad de encabezado entre dos líneas, haciendo que los descendientes y los ascendentes choquen, tendrá un efecto adverso en la legibilidad general de su texto.

Como estilo visual, el guiado ajustado puede aumentar el ritmo en que el lector le lee el texto a sus lectores (en el aumento de las letras que llaman la atención) y / o invoca una sensación de estrechez o claustrofobia en su pieza general (1) , lo que podría no Sé tu efecto deseado aquí.

Por otro lado, aumentar el liderazgo puede reducir el ritmo del lector (2) . Al introducir más espacio entre cada línea, disminuye la velocidad del lector al reducir la cantidad de letras que llaman su atención. Esto puede invocar una sensación de relajación en el texto por parte del lector. Sin embargo, tenga cuidado con la cantidad de espacio en blanco que deja, ya que tener demasiado espacio en blanco puede causar problemas con la continuidad (3) , ya que los ojos del lector deben viajar más lejos entre cada línea.

Dat Fox

Su mejor apuesta para mejorar la legibilidad de su texto sería hacer algo con un liderazgo consistente, como este:

Mi maqueta con superposición

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.