tipografía y términos para diseñadores

Explicamos los conceptos fundamentales y la terminología de la tipografía en palabras que puede entender.

La tipografía es, simplemente, el arte y la técnica de organizar el tipo. Es fundamental para las habilidades de un diseñador y es mucho más que hacer que las palabras sean legibles. La elección del tipo de letra y su forma de trabajar con el diseño, la cuadrícula, la combinación de colores, el tema del diseño, etc. marcarán la diferencia entre un diseño bueno, malo y excelente.

Hay muchos tutoriales de tipografía para ayudarte a dominar la disciplina. Pero una buena tipografía a menudo depende de la intuición creativa. Una vez que se sienta cómodo con lo básico, visite algunos recursos de tipografía para investigar las familias de fuentes y descubra algunas combinaciones de fuentesque se hacen entre sí.

Elegir una fuente

Hay una sorprendente variedad de fuentes gratuitas y de pago para elegir en línea. Pero con gran poder viene una gran responsabilidad. El hecho de que pueda elegir entre una gran biblioteca no significa que tenga que hacerlo; Hay algo que decir para pintar con una paleta limitada, y las fuentes probadas como Helvetica siguen sirviéndonos bien.

Hay una amplia selección de tipos de letra para que elijas

Hay una amplia selección de tipos de letra para que elijas

Un tipo de letra, como cualquier forma de diseño, es creado por artesanos durante un período de tiempo considerable, utilizando el talento que han estado perfeccionando durante muchos años. Y los beneficios de una fuente diseñada profesionalmente – varios pesos y estilos para formar una familia completa, pares de kerns cuidadosamente considerados, soporte en múltiples idiomas con caracteres internacionales, glifos alternativos expresivos para agregar caracteres y variedad a la configuración de tipo – no siempre se encuentran en una fuente disponible de forma gratuita.

Estas son algunas de las consideraciones tipográficas más importantes que los diseñadores profesionales deben tener en cuenta.

01. tamaño

Todos los tipos de letra no son creados igualmente. Algunos son gordos y anchos; algunos son delgados y estrechos. Por lo tanto, las palabras configuradas en diferentes tipos de letra pueden ocupar una cantidad muy diferente de espacio en la página.

La altura de cada personaje se conoce como su ‘altura x’ (simplemente porque se basa en la letra ‘x’). Cuando se emparejan tipos de letra, como cuando se usa una cara diferente para denotar un área de atención, generalmente es aconsejable usar aquellos que comparten una altura x similar. El ancho de cada carácter se conoce como el ‘conjunto de ancho’, que abarca el cuerpo de la letra más un espacio que actúa como un búfer con otra letra.

El método más común utilizado para medir el tipo es el sistema de puntos, que se remonta al siglo XVIII. Un punto es 1/72 de pulgada. 12 puntos forman una pica, una unidad utilizada para medir los anchos de columna. Los tamaños de tipo también se pueden medir en pulgadas, milímetros o píxeles.

02. Liderando

Líder describe el espacio vertical entre cada línea de tipo. Se llama así porque originalmente se utilizaron tiras de plomo para separar líneas de texto en los días de la composición tipográfica del metal.

Para un texto legible que sea cómodo de leer, una regla general es que su valor inicial debe ser mayor que el tamaño de la fuente; Desde 1.25 hasta 1.5 veces.

03. Seguimiento y kerning

Kerning describe el acto de ajustar el espacio entre los personajes para crear una pareja armoniosa. Por ejemplo, cuando una ‘A’ mayúscula se encuentra con una ‘V’ mayúscula, sus trazos diagonales generalmente están marcados de manera que la parte superior izquierda de la ‘V’ se encuentra arriba de la parte inferior derecha de la ‘A’.

Kerning similar a, pero no lo mismo que, ‘tracking’; esto se relaciona con el espaciado de todos los caracteres y se aplica de manera uniforme.

04. medida

El término ‘medida’ describe el ancho de un bloque de texto. Si está buscando lograr la experiencia de lectura óptima, es claramente una consideración importante.

05. Jerarquía y escala.

Si todos los tipos fueran del mismo tamaño, sería difícil saber cuál era la información más importante en la página. Para guiar al lector, entonces, los encabezados son generalmente grandes, los subtítulos son más pequeños y el tipo de cuerpo es aún más pequeño.

El tamaño no es la única forma de definir la jerarquía, también se puede lograr con el color, el espacio y el peso.

El glosario (AD)

¿Qué es la tipografía?

Una guía visual de algunos términos de tipografía comunes – vea la clave a continuación

Clave de la imagen: 1. Cuenco; 2. Tallo; 3. Contador; 4. el brazo; 5. Ligadura; 6. terminal; 7. Columna vertebral; 8. Ascendente; 9. ápice; 10. Serif; 11. Oreja; 12. Descendiente; 13. Barra transversal; 14. Finial; 15. Altura ascendente; 16. Altura de la tapa; 17. X-altura; 18. Línea de base; 19. Línea descendente

aesc

Una aesc es la ligadura de una 'a' y una 'e'

Una aesc es la ligadura de una ‘a’ y una ‘e’

Pronouced ‘ash’, esta es una ligadura de dos letras: ‘a’ y ‘e’. El aesc se deriva del inglés antiguo, donde representaba una vocal diptongada, y ha migrado con éxito a otros alfabetos, incluidos el danés y el islandés.

Abertura

Puedes ver la apertura de la 'A' resaltada en rojo

Puedes ver la apertura de la ‘A’ resaltada en rojo

La apertura restringida de un glifo, como se ve en la letra ‘e’. Variar el tamaño de la abertura tiene un efecto directo en la legibilidad de una forma de letra y, en última instancia, la legibilidad.

Apéndice

El punto en la parte superior de un carácter donde se encuentran los trazos izquierdo y derecho. El ejemplo que se muestra en la imagen del encabezado es el punto superior de una ‘A’ mayúscula.

Brazo

Un trazo horizontal que no se conecta a un trazo o vástago en uno o ambos extremos, como la parte superior de la T mayúscula.

Ascender

¿Qué es la tipografía?

El ascendente se proyecta por encima de la altura x de la fuente.

La parte de una forma de letra minúscula que se proyecta por encima de la altura x de la fuente. Los ascendentes son importantes para facilitar la lectura prolongada, aunque la combinación de una altura demasiado elevada y una altura x insuficiente puede causar problemas.

Base

La línea de base es donde se sientan los pies de sus letras mayúsculas. Debajo de esta línea hay descendientes y bucles.

cuenco

Las partes bien proporcionadas, encerradas de letras como ‘p’ y ‘b’.

Pico

El terminal en forma de pico en la parte superior de las letras como ‘a’, ‘c’, ‘f’ y ‘r’.

Bicameral (a diferencia de unicameral)

Bicameral se refiere a los alfabetos que tienen letras mayúsculas y minúsculas, como el romano y el cirílico, a diferencia de los gustos del hebreo y el árabe.

Soporte

Una forma de cuña que une un serif al tallo de una fuente en algunos tipos de letra.

Altura de la tapa

La altura de una letra mayúscula por encima de la línea de base.

Copia

El trabajo de ajustar el tamaño del punto y el espacio entre letras en un intento por hacer que el texto ocupe su espacio asignado de manera armoniosa.

Mostrador

Los contadores están resaltados en rojo

Los contadores están resaltados en rojo

La parte encerrada, o parcialmente encerrada, de formas de letras tales como ‘c’, la parte inferior de ‘e’ y ‘g’; Fácil de mezclar con el bol.

Travesaño

La barra transversal conecta dos movimientos, como en ‘H’. No se debe confundir con la pulsación cruzada que atraviesa el vástago de las formas de letra como ‘t’.

Cursivo

Estos son tipos de letra que imitan la escritura a mano. Siempre popular entre Joe Public, la comunidad de diseño suele estar menos que encantada con estas fuentes a veces floreadas.

Descender

La parte de la forma de letra que cae por debajo de la línea de base. En minúsculas, esto significa ‘p’, ‘y’ y ‘q’, y algunas veces se aplica a las mayúsculas ‘J’ y ‘Q’.

Diacrítico

Las marcas diacríticas, como la tumba que se muestra aquí, indican cómo se debe pronunciar una letra

Las marcas diacríticas, como la tumba que se muestra aquí, indican cómo se debe pronunciar una letra

¿Es tan crítico que puedas morir? No. Los signos diacríticos se refieren a acentos aplicados a las formas de las letras en idiomas como el francés, el checo y el alemán en un intento por mejorar la función del glifo.

Dingbat

¿Qué es la tipografía?

Los dingbat son elementos decorativos como balas.

Una vez conocidas como las flores de la impresora, los dingbats son elementos decorativos que pueden variar desde simples balas hasta la delicada fauna y flora, que a menudo forman colecciones temáticas.

Mostrar fuentes

Cualquier tipo de letra que se utilice en ráfagas cortas se puede definir como fuente de visualización. A menudo se crean solo para su uso en tamaños de puntos grandes, como con titulares y títulos.

Tapa de la gota

La gorra 'E' desciende cuatro líneas.

La gorra ‘E’ desciende cuatro líneas.

Una letra mayúscula de gran tamaño que se usa a menudo al comienzo de un párrafo que «cae» en dos o más líneas de texto, pero también puede subir hacia arriba.

Oreja

Un pequeño trazo que se extiende desde el lado superior derecho del tazón de minúsculas g, como se muestra en el ejemplo. También puede aparecer en una r minúscula.

Ethel

Una ligadura de las letras ‘o’ y ‘e’.

En dash

Hay muchos tipos diferentes de 'guiones'

Hay muchos tipos diferentes de ‘guiones’

A menudo denominado «Cordero» para distinguirlo del En, Em, que tiene un sonido muy similar, es un espacio horizontal igual al tamaño de punto actual del texto.

En dash

‘Nut’ para sus amigos, el En es una medida horizontal de la mitad del tamaño de un Em. Siendo ese el caso, ‘cordero’ podría haber sido más apropiado.

Ojo

El ojo es similar a un contador, pero en su lugar se refiere específicamente a la parte adjunta de la letra ‘e’.

Finial

Un extremo cónico o curvo, que aparece en letras como e y c.

florón

Una subcategoría de, o el precursor de, el dingbat. Los fleurons son marcas florales soñadas por impresoras del pasado para ayudar a decorar el texto.

<font-face>

La etiqueta HTML5 que lleva la tipografía a Internet con tipos de letra incrustados directamente en las páginas web.

Glifo

¿Qué es la tipografía?

Los glifos son las partes singulares que forman una fuente.

Cualquier marca singular que forme parte de una fuente, ya sea una letra, un número, un signo de puntuación o incluso un dingbat. Los glifos son los bloques de construcción de la tipografía.

Grafema

Muy similar al glifo, pero posiblemente un poco más amplio. Un grafema es una unidad fundamental de lenguaje, como un pictograma chino, un signo de exclamación o una forma de letra. ¿Sigues con nosotros en nuestra guía de qué es la tipografía? ¡Genial! ¡Porque tenemos más términos en tu camino!

chicos

Los espacios entre las páginas opuestas y, muy a menudo, las columnas de texto.

Justificado

En un párrafo de texto justificado, cuando los contenidos están organizados de modo que no haya espacios en blanco al final de una línea: cada uno comienza a ras de la izquierda y termina a ras de la derecha.

Kerning

Los diseñadores ajustan - o 'kern' - las formas de letras para mejorar su legibilidad

Los diseñadores ajustan – o ‘kern’ – las formas de letras para mejorar su legibilidad

El arte de ajustar la proximidad de las letras adyacentes para optimizar su atractivo visual y legibilidad.

Líder

¿Qué es la tipografía?

El líder describe el espacio vertical entre cada línea de tipo

Líder describe el espacio vertical entre cada línea de tipo. En tiempos antiguos, las tiras reales de plomo se usaban para separar líneas de texto verticalmente; La convención de nombres persiste.

Legibilidad

La facilidad con que una forma de letra puede distinguirse de la siguiente. Se alimenta de, pero no es lo mismo que legibilidad.

Lazo

¿Qué es la tipografía?

La parte inferior de las letras ‘g’ y ‘y’ se conocen como el bucle o lóbulo

La parte inferior de la letra ‘g’ se conoce como su bucle o lóbulo. A veces se le llama cola: un término que también incluye la parte inferior de la letra ‘y’.

Logotipo

La parte con letras de cualquier marca o identidad. El logotipo se puede tomar por separado de su compañero gráfico.

Ligadura

Los gemelos unidos pero no idénticos del universo tipográfico. Las ligaduras juntan dos formas para producir un nuevo glifo.

Manicule

También conocido como el puño del obispo (deja de reírse en la espalda), el símbolo de la mano que apunta es un dingbat popular.

La gente de Carrier

Los caracteres en la fuente monoespaciada son todos del mismo ancho

Los caracteres en la fuente monoespaciada son todos del mismo ancho

Fuentes en las que cada forma de letra ocupa el mismo espacio horizontal.

OpenType

Diseñado por Microsoft y Adobe, OpenType suplantó y mejoró sobre las fuentes TrueType y PostScript.

Oblicuo o en pendiente romana

Para distinguirse de las cursivas, en las que las formas de las letras se dibujan a propósito para que sean diferentes a sus primos verticales. Las letras oblicuas son simplemente versiones inclinadas de la forma romana estándar, que a menudo se obtienen por medios mecánicos.

Huérfano

La primera línea de un nuevo párrafo varado en la parte inferior de una página. Esto se considera tan malo como sugiere su nombre.

Pica

Una sexta parte de una pulgada de largo, la pica está asociada con el largo de la línea y el ancho de la columna. Hay 12 puntos o 16 píxeles en una pica.

Piloto

El símbolo de párrafo, ahora marca la presencia de un retorno de carro, pero en algún momento se piensa que denota un cambio de tema en el texto que fluye.

Punto

Una medida tipográfica estándar igual a 1/12 de una pica o 1/72 de una pulgada.

Legibilidad

La legibilidad se refiere a la facilidad con la que se puede escanear un bloque de texto a simple vista.

Serif

Una llamarada o terminación termina al final de los trazos de una forma de letra que se cree que se originan con la tendencia romana de pintar letras en mármol antes de cincelarlas.

margen interior

El espacio horizontal a cada lado de una forma de letra, separándolo de otras letras.

Espina

El trazo curvo principal de una minúscula o mayúscula.

Squoosh

¿Qué es la tipografía?

Squoosh es el proceso de aplastar o expandir una tipografía digitalmente

Este es el proceso desaconsejable de aplastar o expandir una tipografía digitalmente para que se ajuste a un espacio o para un efecto visual. Si lo haces, asegúrate de guardarlo para ti mismo.

Estimular

Una pequeña proyección de la curva de una forma de letra, a veces conocida como pico o barba. G proporciona un buen ejemplo.

Vástago

Un trazo vertical de longitud completa en caracteres verticales.

TDC

El Type Directors Club es una organización de tipografía con sede en Nueva York.

Ápice

¿Qué es la tipografía?

Título es el nombre del punto encima de i o j

El nombre brillantemente sugerente para el punto arriba de las letras ‘i’ y ‘j’.

Terminal

Un tipo de curva al final de un trazo. Los ejemplos incluyen las formas de lágrima en: ‘final’, ‘bola’, ‘pico’ y ‘lagrimal’.

altura x

La altura de la x minúscula en cualquier tipo de letra. Esto delimita el tamaño de los detalles del glifo y, por lo tanto, también de sus ascendentes y descendientes.