Tipografía 101 Entendiendo la anatomía de una letra

Todos los diseñadores, ya sea que estén impresos o en la web, deben poseer una comprensión básica de las fuentes y el tipo. Usar el tipo de letra correcto y comprender cómo una fuente afectará su diseño puede agregar ese pop adicional a los proyectos impresos y digitales y los diferenciará de todos los demás.

Un área importante a entender es la anatomía del tipo. Los ascendentes, descendientes y remates pueden sonar como palabras de otro idioma, pero son la base para comprender el estilo de una tipografía y cómo se relaciona con su proyecto. Hoy analizaremos brevemente algunos términos que deberías saber.

Anatomía de una fuente

Piensa en tu infancia temprana y aprende a escribir. El papel que utilizó para formar esas primeras letras es la misma cuadrícula que se utiliza para identificar las partes de una fuente.

La línea de base es la cuadrícula inferior sobre la que descansa cada letra. Las líneas de base se utilizan para una variedad de propósitos, desde mantener el tipo en un solo plano hasta alinear múltiples columnas de tipo. Una línea de base para el tipo crea una línea limpia con una sensación organizada. La falta de una línea de base permite que las letras o palabras queden fuera de alineación y crea un sentimiento de caos.

Las partes superiores de las letras también crean una línea de cuadrícula horizontal llamada altura x. Esta línea es creada por el espacio vertical usado por las letras minúsculas. El nombre se deriva porque la letra? X? ejemplifica este principio, de acuerdo con el 'Tipo de índice de idea: la herramienta definitiva del diseñador para elegir y usar fuentes de forma creativa'. Cuanto mayor sea la altura x de una fuente, mayor será la fuente, incluso cuando se compara con una fuente del mismo tamaño de punto.

Algunas partes de ciertas letras llenan el espacio arriba y debajo de la línea base y la altura x, estas se refieren a ascendentes y descendentes, respectivamente. Los ascendentes son los tallos que se elevan por encima de la altura x. (¿Piensa en la letra? D.?) Los descendientes son las partes de una letra que se extienden por debajo de la línea de base. (Piense en la letra? G.?) El tamaño y el peso de los ascendentes y descendentes varían según la fuente y deben considerarse en su diseño. Las fuentes con letras decrecientes largas, por ejemplo, podrían invadir el espacio de otras letras dependiendo de qué tan apretadas estén las líneas.

Ligaduras

Una ligadura combina dos letras en un solo personaje. Este es un atributo de ciertas fuentes, y una opción con aún más, pero los diseñadores deben desconfiar del uso de ligaduras tanto en impresión como en diseño digital. Las ligaduras deben evitarse por completo en proyectos donde se realizarán ajustes al espaciado de las letras, ya que las ligaduras no permiten cambios de espaciado interno. Las ligaduras F son las más comunes. Cuando una minúscula? F? Se coloca delante de otra letra con un centro ascendente, las letras se fusionan. Pensar palabras con el? Fl ,? y? fi.? En cada caso el? F? quita parte de la segunda letra - la parte superior de la? l? y el punto sobre el? i.? El? Th? La combinación de letras también crea una ligadura en algunos tipos de letra.

¿Serif o no?

¿Qué tipo de sentimiento estás tratando de transmitir? ¿Moderno o clásico? Su fuente puede ayudar. El estilo de una fuente puede agregar significado a su proyecto.

Las fuentes serif más clásicas, aquellas con trazos cortos que se extienden desde los extremos superior e inferior de cada letra, se usan comúnmente para crear el tipo de cuerpo en libros, periódicos y otros medios impresos. Este estilo de tipo tradicional también se usa comúnmente en las comunicaciones digitales: piense en Times New Roman, que se usa desde todo, desde el envío de correos electrónicos hasta la fuente predeterminada en muchas aplicaciones de software de procesamiento de textos.

Las fuentes Sans serif, aquellas sin trazos que se extienden desde las letras, se han convertido en el estándar para el tipo de cuerpo en el diseño digital. Las fuentes Sans serif son generalmente más fáciles de leer en proyectos digitales, especialmente en aquellos donde el tipo de letra es pequeño, ya que los trazos en las fuentes serif pueden perderse en la pantalla. Las líneas limpias facilitan la lectura web, por lo que el uso de fuentes sans serif se ha vuelto tan popular.

Las fuentes Sans serif también se usan comúnmente en el diseño de impresión para las palabras grandes, como los titulares de los periódicos. ?¿¡GUERRA!? no tendría el mismo impacto con detalles de lujo en cada letra. En contraste, muchos diseñadores de sitios web utilizan fuentes serif para titulares en diseño digital.

Las fuentes cursivas, de fantasía y monoespaciadas son estilos que se utilizan con menos frecuencia en proyectos de diseño. Cada uno de estos tres estilos se usa mejor en aplicaciones decorativas y no para leer. Fuentes cursivas, como "Monotype Corsiva o" Lucida Handwriting, " tienen líneas que conectan letras que también tienden a tener una inclinación distinta. Las fuentes de fantasía, como Comic Sans MS, son una mezcla de tipos de fuentes que tienen un ambiente lúdico y pueden no incluir un conjunto completo de caracteres. Algunos tipógrafos no hacen una designación entre fuentes cursivas y de fantasía. Las fuentes monoespaciadas, como Courier, tienen un ancho establecido y se usan comúnmente en aplicaciones de codificación por computadora.

¿Me puedes leer ahora?

Además de seleccionar una fuente que tenga la sensación adecuada para su proyecto, la selección de fuentes también debe funcionar con su medio de impresión o digital.

Tipo grande contra pequeño

En los proyectos de impresión, considere las fuentes sans serif con una altura x más baja para los elementos que usarán tamaños de puntos muy pequeños (por lo general, 8 puntos son menos). El estilo de fuente más redondo y horizontal, sin detalles adicionales, es más fácil de leer en un tamaño pequeño. Es probable que se reproduzca con más precisión también en una variedad de medios. Para proyectos que usan tipos más grandes (9 puntos o más), observa una mezcla de fuentes serif y sans serif. Considere un estilo de tipo de cuerpo tradicional emparejado con un titular sans serif.

Estilos de mezcla

Para proyectos con solo unas pocas palabras (carteles o tarjetas de visita) también considere una combinación de los estilos de fuente. Asegúrese de que el estilo de la fuente principal coincida con su proyecto: serif para usos más tradicionales y sans serif para una sensación más contemporánea.

Utilice fuentes estándar en línea

En aplicaciones digitales, un diseñador debe tener en cuenta los conjuntos de fuentes estándar. Los navegadores web solo usan las fuentes instaladas en cada computadora para ver sitios web, no necesariamente las fuentes utilizadas para construir el sitio. Para asegurarse de que su sitio mantenga un aspecto coherente, opte por las fuentes estándar.

Algunas de las fuentes estándar más comunes multiplataforma (Windows y Macintosh) incluyen Arial, Comic Sans MS, Courier, Impact, Times New Roman, Trebuchet MS y Verdana. Si desea salirse de las fuentes estándar, considere usar @ font-face o una solución relacionada como Google Fonts.

Conclusión

Comprender y pensar en las fuentes en las primeras etapas de un proyecto puede ayudarlo a comenzar de la manera correcta. Piense en el tamaño y la forma de las fuentes para cada proyecto. Siga la regla de su línea de base para los proyectos que deben tener una sensación organizada. Alejarse de la línea de base para crear desorden. Recuerde que las fuentes con una altura x más vertical se verán más grandes que aquellas con una altura x más corta.

Seleccione y pruebe algunas fuentes en la fase de diseño inicial e imagine cómo funcionará la selección de tipos en diferentes medios. Recuerde también pensar en la legibilidad y la sensación al hacer selecciones de fuentes. Para proyectos digitales, seleccione fuentes del conjunto estándar para asegurarse de que su proyecto tenga el aspecto deseado.