Emotion Lab - Blog de Inbound Marketing

La importancia de la tipografía en el diseño web

Escrito por Olga Solans Rua | 16/02/15 11:30

La tipografía en el diseño web es tan importante como lo es las imágenes, los colores, la disposición etc., pero en cambio hasta hace bien poco era la gran olvidada. Hay dos preguntas que siempre me han rondado la cabeza al hablar de la importancia de la tipografía en el diseño web:

  •          Si el objetivo primordial de cualquier sitio es comunicar, ¿por qué la tipografía es algo de lo que muchos no se preocupan?
  •          Si casi el 90% (por no decir el 95%) del contenido de una web podría decirse que es tipografía, ¿por qué no nos esforzamos en cuidar el texto?
Estas dos preguntas pueden tener varías respuestas, pero sea cual sea, la podemos agrupar según como se entienda la tipografía:
  •          Colocamos tipografía en nuestro sitio para explicar un contenido concreto y punto.
  •          Colocamos la tipografía en nuestra página para explicar un contenido y la tratamos como un elemento visual que nos ayudará a crear un diseño web realmente valioso y eficaz.

¿Por qué muchas veces se utilizan las imágenes como principal elemento para crear el diseño de la home si también tenemos el recurso tipográfico? Pues muy fácil, todavía hay muchas personas que entienden la tipografía como una simple agrupación de caracteres para que sea únicamente leído.

Para que realmente veas que la tipografía se puede convertir en otro elemento que podemos explotar gráficamente como lo hacemos con las imágenes, hemos recopilado unos cuantos ejemplos que te harán cambiar la manera de ver la tipografía: 

 

Adoratorio

Con una estructura y representación minimalista la tipografía es la protagonista principal sin duda alguna de esta página web. En este caso, si eliminamos el tratamiento y el guiño tipográfico nos quedamos sin página web, bueno: con una página web que no destacaría en ningún sentido. 

 

 

4 rivers smokehouse

Es una de las cadenas más exitosas de comida al estilo barbacoa de Florida. Es un gran ejemplo de como combinando imágenes y vídeo a toda pantalla junto con una acertada y estudiada tipografía, su página web trasmite los origines y la esencia de esta cadena. Combina a la perfección:

  •          Tipografías palo seco texturizadas que otorgan el toque vitage-industrial propio de las decoración y de sus locales y su marca.
  •          Y las tipografías con serifas que otorgan al sitio la parte más humana y cercana.

 

 

 

 

Coup de coeur

Coup de coeur fundado en Montreal en 1987 es un festival dedicado al descrubrimiento y la difusión de la canción en todas sus formas. Su página web desprende por las 4 esquinas de la pantalla su propósito: creatividad. Centrándonos en la parte tipográfica de la página web, esta crea un contexto muy desenfadado rompiendo todos los esquemas del orden. Combina tipografía sanserif bold con tipografía manuscrita simulando el taker. En esta página web la tipografía está al mismo nivel de relevancia que el resto de elementos. Es un claro ejemplo para mostrar como la tipografía puede crear unidad con el resto de elementos gráficos. Si la tipografía no hubiera sido tratada y estudiada la página web se vería muy descompensada visualmente. 

 

 

Entec contractors 

Entec contractors es una empresa de ingeniería y construcción especializada en fuentes de energía renovables que abarca todas las etapas, desde el diseño al pleno funcionamiento. Tanto su identidad como su página web desborda modernidad. La tipografía es un giño a su identidad y por consiguiente a sus servicios. La tipografía genera formas geométricas y amables. Otra vez la tipografía demuestra la gran fuerza visual que puede generar sin necesidad de utilizar imágenes.

 

 

Los 4 ejemplos muestran diferentes formas de utilizar la tipografía mucho más allá que para explicar un contenido. Dependiendo del tratamiento y la relevancia que le demos a la tipografía  conseguiremos que transmita por sí sola, genere contenido visual, y sobre todo genere interés al usuario.

Después de estos ejemplos, seguro que cuando decidas crear o rediseñar tu página web considerarás la importancia de la tipografía en el diseño web, la que realmente merece.