Creación, seguimiento y liderazgo: una guía simple para una tipografía efectiva

Al diseñar para la web, debe tener en cuenta una cosa en cualquier momento: la legibilidad. No importa cuán bueno sea el diseño, cuán hermosa es su apariencia o qué tan grande es el uso del color. Si las personas no pueden leer las palabras en la pantalla (y suponiendo que hay palabras en la pantalla, por supuesto), el sitio web no puede cumplir su función. Tres de los elementos más importantes de legibilidad para el texto son el crecimiento, la búsqueda y el liderazgo, aunque muchas personas los confunden o simplemente no entienden cómo usarlos de manera efectiva. Tenemos la intención de arreglar esto hoy.
Creando, persiguiendo y liderando si los reduce a los tres elementos fundamentales absolutos, mire el espacio entre los personajes tanto en los ejes X como en Y. Sun, verá que hay más que la relación entre los caracteres de texto. Es importante comprender la relación entre estos tres atributos, porque el buen diseño y la legibilidad dependen de su uso en la medida en que pueda suscribirse. Y eso viene con el tiempo y la práctica. Pero, una vez que haya comenzado a prestar atención, notará cómo el kerning, el seguimiento y la gestión se usan de manera efectiva y débil en todo lo que lee y vea a diario. Vamos a cavar.
KERNING, Ajuste de liderazgo y seguimiento (¡y muchos más!) De hecho, antes de mirar, para revisar cómo cambia y ajustar estas configuraciones. Si bien la mayoría de los programas de procesamiento de texto tienen opciones para su ajuste, la mayoría de las personas nunca necesitarán una copia o texto típico. Al diseñar texto, se convierte en un problema más, de modo que programas como Photoshop, Illustrator, etc. Tendrán las opciones que más necesitas. En los productos Adobe, solo debe abrir el panel de caracteres de capa de texto y tiene todo lo que necesita. V / A crea, se seguirá en una caja, y subrayado, vertical, plomo. También puede ajustar el corte, el peso, el tamaño, la super / suscripción y muchos más en este panel. Vale la pena acostumbrarse a mantener esto abierto. Solo coloca el cursor donde necesita ajustar el espacio y ir. ¿Qué es Kerning? Comencemos con Kerning. Kerning es el más simple de los tres, de hecho. Es el espacio entre dos caracteres adyacentes. En una palabra, puede tener un kerning variable, porque el espacio entre las dos primeras letras puede ser diferente a entre las dos últimas (y así sucesivamente). En las fuentes de monosopatía, cada personaje ocupa exactamente la misma cantidad de espacio horizontal, sin superposición. A tiene el mismo ancho que B y J como K. La regulación del kerning entre estas letras tiende a ser más ligero que las fuentes espatizadas variables, donde las letras podrían estar superpuestas, así como imprimir en diferentes anchos.

En el ejemplo anterior, tenemos tres líneas que se han copiado y atascado utilizando la nueva fuente monoespacial Courier. La kernación de la fila superior se establece en 0, que es el valor predeterminado y utiliza cualquier espacio elegido al diseñador de fuentes. La segunda fila se establece por igual entre letras (y espacios) a 200. Como puede ver, los espacios son uniformes entre los caracteres a lo largo de la línea. Finalmente, la tercera línea se creó al azar, tanto a la distancia positiva como negativa dentro de cada palabra individual. Como puede ver, cada personaje puede tener un núcleo diferente en cada lado. ¿Cuál es la búsqueda? El seguimiento es similar a Kerning, pero no es Kerning. Si la generación es el espacio entre dos caracteres individuales, la búsqueda es el espacio uniforme entre cada palabra o línea individual. En lugar de preocuparse por cómo las cosas se ensamblan por carta por carta, como en el caso de Kerning, se asegura de que toda la línea esté uniformemente distante. Mirando hacia atrás a la imagen anterior, la segunda línea podría haberse hecho de una manera mucho más fácil.

Lo que hice por Kerning fue colocar el cursor entre cada personaje individual y adaptarme a 200. Esencialmente vi toda la línea. ¿Qué es lo que debes hacer? Simplemente resalte lo que necesita para rastrearlo y ajustarlo en el panel de su personaje.
Recuerde, sin embargo, que algunas fuentes y guiones pueden volverse ilegibles a medida que se ajusta la búsqueda.

Las fuentes de escritura a mano y los tipos de tipos cursivos se establecen con kerning específico y, si ajusta la búsqueda, obtendrá objetivos en una línea diferente. O yendo a la otra dirección para comprimir las líneas, simplemente puede hacer que el script sea ilegible. ¿Qué es lo que lidera? Con el liderazgo, ya no se trata de espaciar entre personajes. La administración es el espacio entre líneas. El uso eficiente de la gestión le permite usar el espacio en blanco en sus proyectos.


En algunos lugares, es posible ver la altura de la línea de llamada llamada, pero son casi lo mismo. Una buena regla es asegurarse de dejar al menos un poco de espacio por encima y por debajo de sus personajes. Como puede ver en el ejemplo superior, una fuente de 40 px tiene una altura de línea de 48 px. Esto significa que, pase lo que pase, habrá espacio entre letras. Si establece esto en o menor que el tamaño de la fuente, obtendrá los personajes superpuestos. Además, esta es la altura de la línea en la que se encuentran los personajes. Esta no es la altura del personaje. Al igual que el crecimiento y la búsqueda no hacen que los personajes sean más pequeños o delgados, la búsqueda no los hace más cortos o más altos. Es simplemente el espacio a su alrededor.

Sin embargo, como puede ver, las opciones bajo kerning / seguimiento del panel de caracteres de Photoshop ajustan el ancho / altura del carácter independiente de kerning, seguimiento y conducción. Controles del teclado Photoshop / Illustrator La única caída del panel de otoño es que se vuelve bastante molesto cuando necesita ajustes finos. Afortunadamente, hay atajos del teclado que lo hacen crear, perseguir y conducir a una brisa absoluta. Estos atajos son para Adobe Creative Cloud Suite, por lo que podrían ser diferentes en GIMP o Paint.net u otro programa. Para ajustar el kerning

Seguimiento -Up: con la palabra / línea hablada, mantenga presionada otra (o opción Mac) y use las flechas derecha / izquierda para ajustar el seguimiento del texto resaltado
Liderando: resalte las líneas que desea ajustar, sostenga otra (o opción Mac) y use las flechas hacia arriba / hacia abajo para ajustar el espacio entre las líneas
Aunque puede colocar el cursor o resaltar el texto e ingresar los valores en el panel de caracteres, los atajos de teclado hacen que todo el proceso sea mucho menos agotador y el tiempo. Además, obtendrá un control más granular, para que pueda hacer mejores diseños de esta manera.