¿Qué fuente usar para tu web?

La tarea de seleccionar una fuente para tu página web no suele ser sencillo, hay infinidad de opciones y listas interminables de categorías. Para seleccionar el tipo de letra adecuado se requiere una mezcla de tener claras las reglas y un poco de intuición, además de algunos años de experiencia.

 

Paso N° 1: “Vestido para la Ocasión”

Muchas personas principiantes escogen una fuente como cuando están buscando nueva música para escuchar, buscan algo que vaya acorde a su personalidad, cosas únicas y distintivas que expresan sus estados particulares, sus perspectivas personales y su historia. Este enfoque puede resultar problemático.

 

Aunque “conveniencia” no es un concepto atractivo, es la clave que debe guiar la elección de una fuente.

 

Paso N°2: Conoce tus familias, grupo de fuentes.

Los tipos de letras pueden ser divididos en docenas de categorías, pero realmente solo se necesita realizar un seguimiento a 5 grupos de fuentes para establecer una comprensión práctica de la mayoría de los tipos de fuentes que que utilizan actualmente.

 

La siguiente lista no significa que son las únicas ni que se abarcan todas y cada una de las categorías,  simplemente da una clasificaciones de los grupos de fuentes más manejables y claves.

 

1. GEOMETRIC SANS

 

 

Aquí se combinan tres grupos diferentes: Geometric, Realist y Grotesk. Geometric Sans-Serifs es una fuente que está basada en estrictas formas geométricas. Las formas de las letras de una fuente Geometric Sans suelen tener movimientos que son todos del mismo ancho.

 

Ejemplos de Geometric/Realist/Grotesk Sans son: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.

 

 

2. HUMANIST SAN

 

 

Estas son el tipo de fuente que se derivan de la escritura a mano, pero más limpia y moderna, algunas de sus letras conservan algo ineludiblemente humano en su raíz. Compare la “t” en las imágenes de la Geometric con la humanist y note cuántos más detalles e idiosincrasia humana se ve.

 

Esta es la esencia de Humanist Sans, mientras Geometric son típicamente diseñados para ser tan simple como sea posible, las formas de humanist tienen más detalles, menos consistencia y frecuentemente involucran movimientos y pesos más delgados.

Algunos ejemplos de Humanist Sans son: Gill Sans, Frutiger, Myriad, Optima, Verdana.

 

 

3. OLD STYLE

 

 

También conocida como “Venetian”, es nuestro más antiguo tipo de letra, el resultado de siglos de desarrollo incremental de nuestras formas de caligrafía. Se caracteriza por por el leve contraste entre grueso y fino, y las formas curvas de las letras que tienen a inclinarse hacia la izquierda.

 

Algunos ejemplos de Old Style son: Jenson, Bembo, Palatino y especialmente Garamond, la cual fue considerada tan perfecto en el momento de su creación, que nadie intentó muchas mejoras en él durante un siglo y medio.

 

4. TRANSITIONAL AND MODERN

 

 

Surgen como una consecuencia del pensamiento de la ilustración, de transición (mediados del siglo XVII) y modernismo (finales del siglo XVIII), estos tipos de letras surgieron de diseñadores que experimentaron la fabricación de sus formas de letras más geométricas, fuertes y virtuosas que las modestas formas de las letras del periodo de Old Style. Mientras que Transitional faces marca un modesto avance en éste sentido, Modernist muestra virtuosos contrastes entre trazos gruesos y finos. 

Algunos ejemplos de transitional typefaces son: Times New Ronman, Baskerville.

Algunos ejemplos de Modern serifs son: Bodoni, Didot.

 

SLAB SERIFS

 

 

También conocida como “Egyptian”, Slab Serif es un comodín que ha llegado con fuerza en los últimos años. Esta fuente tiene movimientos como los de las fuentes Sans, es decir, formas simples con pequeños y relativos contrastes entre cortes. Tienen zapatos rectangulares pegados en los extremos.

 

Algunos ejemplso de Slab Serif son: Clarendon, Rockwell,courier, Lubalin Graph, Archer.

 

 

Paso N° 3: No sea un cobarde: El principio del contraste decisivo.

Ahora que ya se han vistos las familias de fuentes, se debe decidir como mezclar y combinar y los más importante, si me si mezclar y combinar toda tu página. Muchas veces, un tipo de letra, con diferentes pesos (tamaños y estilos) podrá trabajar bien entre ellas. Pero si buscamos un punto donde nosotros queremos agregar una seguna fuente para combinar, siempre se debe tener en cuenta ésta simple regla: “mantén exactamente lo mismo, o cambialo mucho”.

 

Este es un principio general del diseño y es oficialmente llamado “correspondence and contrast”. Cuando nosotros combinamos múltiples tipos de fuentes en un diseño, nosotros queremos que estos coexistan confortablemente, nosotros no debemos distraer al espectador y dejar que éste se haga la pregunta ¿con lo mismo o no?.

 

Así es que debemos empezar por evitar dos fuentes que pertenezcan a la misma categoría, por ejemplo, dos Geometric Sans o Franklin y Helvetica. Mira la diferencia notable en las imágenes que se muestran a continuación, en la primera se usan dos fuentes del mismo grupo, en la segunda, dos fuentes de grupos distintos, evidentemente el contraste le da un gran realce a las fuentes.

Fuentes del mismo grupo

Fuentes de grupos distintos

 

Por desgracia, combinar fuentes no es tan simple como escoger dos fuentes que sean muy, pero muy distintas, en realidad, no hay una verdadera explicación de porqué algunas fuentes sí se complementan entre sí y otras no. Si queremos un principio para guiar la selección de las fuentes es este: Dos tipos de letras funcionan bien juntas si tienen una cosa en común, pero son de otra manera muy diferentes. Este aspecto común común compartido puede ser visual (similar altura-x o grosor de trazo) o puede ser cronológico.  Tipos de letras del mismo periodo de tiempo tienen una mayor probabilidad de trabajar bien juntas,... y si son del mismo diseñador, mucho mejor.

 

Paso N° 4: Algo pequeño puede hacer un largo camino.

No basta con estas fuentes de apariencia convencional y reglas descritas, quizás usted pueda necesitar algo para su carta de restaurante tailandés o tarjetas de navidad, lo que se ha discutido y sugerido hasta ahora son “tipos de letra del cuerpo”, por lo que no necesariamente quiere decir que deba usarlas para sentar un menú completo o un periódico.

 

Aunque siempre va a estar la necesidad de querer usar una fuente que resuma personalidad, esta necesidad nos puede llevar al desierto enorme de tipos de letra de pantalla, como las fuentes Comic Sans o candy-cane o bunny. “Mostrar” es una forma de decir “no exceder la dosis recomendada”. Aplicar una pequeña cantidad a los titulares de un sitio, una fuente de pantalla puede añadir un toque muy necesario de sabor a su diseño, pero rápidamente pueden arruinarlo si se usa demasiado.

 

Mira lo que pasa cuando abusamos del uso de una fuente.

En cambio, si combinamos esa misma fuente únicamente en los títulos y al resto del documento le colocamos una fuente más neutra mira lo que se obtiene.

 

Paso N° 5: “No hay reglas”

Busca lo suficiente y encontrarás un menú de aspecto deslumbrante establecido por completo en una fuente de difícil visualización. O de dos Geométricas Sans diferentes que viven juntos y felices en una página. Hay convenciones solamente, no hay reglas férreas sobre cómo usar un tipo de fuente.

 

 

La Información fue tomada y traducida de:

http://www.smashingmagazine.com/2010/12/14/what-font-should-i-use-five-principles-for-choosing-and-using-typefaces/

Año de publicación: diciembre de 2010

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.