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).
Cualquier otro comentario de diseño será apreciado, siempre y cuando se porten bien :)
typography
interface-design
usuario12985
fuente
fuente
Respuestas:
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.
fuente
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.
Su mejor apuesta para mejorar la legibilidad de su texto sería hacer algo con un liderazgo consistente, como este:
fuente