Cuando creamos cualquier tipo de material didáctico, uno de los factores más importantes en cuestión de diseño es la selección de una paleta de fuentes apropiada. En este artículo trataremos sobre conceptos básicos y consejos para ayudarte en la creación de una paleta de fuentes para tus trabajos.

La tipografía es un elemento fundamental en el diseño gráfico de cualquier material, y una buena selección de tipos, nos garantiza una gran parte del trabajo

[aprendiendo_quote cite=”Wikipedia”]La tipografía (del griego τύπος [típos], ‘golpe’ o ‘huella’, y γράφω [gráfο], ‘escribir’) se dice que es el arte y la técnica en el manejo y selección de tipos para crear trabajos de impresión.[/aprendiendo_quote]

Familia tipográfica

Normalmente una tipografía o fuente, está compuesta por varios estilos que definen la familia tipográfica. Las variantes o estilos más comunes en una familia son: redonda o regular, negrita, cursiva y negrita cursiva. Aunque depende de la calidad de la fuente también podemos encontrar: Condensada, semi-negrita, Versal…

Los estilos tienen la función de estructurar el documento de texto, enfatizar y subrayar algún tipo de palabra o párrafos especiales, por ejemplo:

  • Redonda o regular: Es la forma más básica de la fuente, y es utilizada en la mayor parte del texto.
  • Cursiva o itálica: Se suele utilizar en palabras que sin ser nombre propio no tienen un uso conforme en el léxico español.
  • Negrita: Su función es llamar la atención, se suele utilizar en títulos, epígrafes, voces en diccionarios y similares.
  • Negrita cursiva: Se utiliza principalmente para subtítulos

Clasificación de las fuentes

Existen muchos criterios para clasificar las tipografías en grupos de fuentes. Atendiendo a criterios de forma, podemos partir de la clasificación propuesta por la ATYPI (La Asociación Tipográfica Internacional), y hablar de 4 grupos diferenciados de fuentes:

  • serifa01Romanas o Serif: Surgidas de las tradiciones romanas, de donde proceden los remates (Serif) utilizados para evitar romper el marmol al cincelarlo.
  • Palo Seco o Sans Serif: Provinientes de la época de la revolución industrial, reduce los caracteres a su esquema esencial.
  • Rotuladas: Imitan la tradición tipográfica artesanal. creadas para casos esporádicos, en situaciones que no requieran grandes cantidades de texto.
  • Decorativas: Evocan a una época o algún ambiente.

Por supuesto esta clasificación es una versión resumida y simplista de la clasificación original, pero nos servirá para nuestros propósitos. Si quieres consultar la clasificación completa, consulta el siguiente enlace: https://es.wikipedia.org/wiki/Clasificaci%C3%B3n_Vox-ATypI

Consejos para una selección de fuentes adecuada

Como hemos adelantado al principio del artículo, saber elegir y combinar una buena paleta de fuentes para nuestros documentos es crucial para el diseño. Te vamos a dar unos consejos para que no te equivoques y puedas tener ciertos criterios a la hora de elegir y combinar las fuentes:

No abuses de número de fuentes
En un documento no conviene abusar de muchas tipografías distintas, se recomienda dos fuentes, tres como máximo en algunos casos.

tipografias-14

Palo seco con romana… romana con palo seco
Es buena idea combinar las Seriff (romanas) con las Sans Seriff (Palo seco) y viceversa.

Ten en cuenta que para materiales gráficos impresos con gran cantidad de texto, las romanas suelen ser más legibles, y para textos muy densos en pantallas digitales, las de palo seco suelen dar mejores resultados.

tipografias-10

tipografias-09

No combines fuentes similares
A la hora de combinar fuentes busca la diferenciación, usar fuentes similares no es buena idea.

tipografias-11

Contrastes
Combinar fuentes contrastadas por su grosor siempre es efectivo, a veces una misma fuente y sus variantes(estilos) nos dan todo lo necesario para nuestro documento

tipografias-12

Evita fuentes Rotulada y decorativas
Las fuentes rotuladas y decorativas pueden ser llamativas, pero son poco legibles. Si las usas hazlo con moderación, solo deberías utilizarlas en frases muy cortas y combinadas con las Serif o San serif

tipografias-13

Herramientas interesantes

Para finalizar vamos a recomendarte una serie de recursos interesantes para trabajar con las fuentes, si sabes de alguna herramienta interesante no dudes en comunicárnoslo a nuestro correo. Ampliaremos este artículo con las recomendaciones más interesantes.

Páginas para descargar fuentes

[aprendiendo_row]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 10.35.53

Google fonts
Directorio de fuentes gratuitas para web y escritorio
https://www.google.com/fonts/

[/aprendiendo_column]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 10.36.40

Dafont
Directorio de fuentes gratuitas
http://www.dafont.com/es/

[/aprendiendo_column]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 10.36.33

LostType
Forja de tipos digitales, fuentes abiertas y de pago
http://www.losttype.com/browse/

[/aprendiendo_column]

[/aprendiendo_row]

[aprendiendo_row]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 10.42.31FontFabric
Forja de tipos digitales, fuentes abiertas y de pago
http://www.fontfabric.com/

[/aprendiendo_column]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 10.43.44

TypeKit
Catálogo de fuentes de adobe (suscripción)
https://typekit.com

[/aprendiendo_column]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 10.55.15

 

Fonts.com
Catálogo de fuentes por suscripción
http://www.fonts.com

[/aprendiendo_column]

[/aprendiendo_row]

Herramientas útiles

[aprendiendo_row]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 10.51.32

ver fuentes del sistema
http://wordmark.it

[/aprendiendo_column]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 10.53.07

WhatTheFont: ¿Qué fuente es?
http://www.myfonts.com/WhatTheFont/

[/aprendiendo_column]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 10.58.13

Testeador de fuentes
https://www.typetester.org

[/aprendiendo_column]

[/aprendiendo_row]

[aprendiendo_row]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 11.01.14

Comparador de fuentes
http://www.fontcomparer.com

[/aprendiendo_column]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 11.10.27

Insertar caracteres: copíar códigos de caracteres
http://www.copypastecharacter.com

[/aprendiendo_column]

[aprendiendo_column span=”4″]

Captura de pantalla 2016-04-18 a las 11.12.27

Generador de texto aleatorio
http://es.lipsum.com

[/aprendiendo_column]

[/aprendiendo_row]