Blog

Tipografías para diseño Web

Tipografias para diseño web
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Elegir las tipografías para el diseño de una web es algo que os puede dar mas de un quebradero de cabeza. Dependiendo de la temática del proyecto, deberéis seleccionar correctamente las tipografías que den sentido a vuestra marca. Es algo que además de diseño le va a aportar personalidad a vuestro proyecto. Una mala decisión a la hora de elegir las tipografías puede empeorar la experiencia del usuario, con las consecuencias que ello acarrea. Tomaos vuestro tiempo y dadle la importancia que requiere la selección de las tipografías de vuestras páginas web.

Contenido

Google Fonts

Es el directorio gratuito donde podréis encontrar cientos de tipografías para diseño web. Os aconsejo entrar a su página para familiarizaros con las diferentes opciones que os ofrece, como elegir entre los variados estilos de cada fuente, tamaño, etc…

Las fuentes de Google Fonts se adaptan a todo tipo de dispositivos. Recomiendo utilizarlo para cualquier proyecto que os traigáis entre manos.

Tipografías para diseño web más comunes

Las tipografías para diseño web son interminables, pero una certeza en el mundo del diseño web es que hay tipografías que son útiles para cualquier diseño. Dentro del mar infinito de todas ellas, podemos encontrar las más utilizadas o comunes para el diseño de páginas web. Veamos de que tipografías estamos hablando.

Tipografías para diseño web mas comunes

Roboto

Dentro de las “Sans serif” se encuentra la tipografía llamada “Roboto”. Es una de las tipografías más usadas dentro de las páginas web que visitamos cada día. Es una fuente que se visualiza muy bien en dispositivos móviles y tablets. Su diseño de lineas curvas y remates geométricos la sitúan dentro del Top-5 de tipografías mas usadas en el diseño Web.

Tipografias para diseño web

Descargar Roboto en Google Fonts

Montserrat

Montserrat también forma parte de las llamadas “Sans Serif”. De diseño moderno y curva nos ofrece múltiples posibilidades y versiones. Su diseñadora se inspiró en las marquesinas de barrio para el diseño de la tipografía. En mi opinión, es una de las tipografías más bonitas estéticamente para utilizarla en Títulos y Subtítulos. Una apuesta segura.

Tipografias para diseño web

Descargar Montserrat en Google Fonts

Open Sans

Una tipografía muy unida a la introducción de Google Fonts en WordPress. Google utiliza Open Sans en muchos de sus anuncios digitales. Destaca por ser una fuente de estilo abierto y de muy facíl lectura. Una muy buena opción para dotar de personalidad vuestras webs.

Tipografias para diseño web

Descargar Open Sans en Google Fonts

Lato

No es una tipografía tan conocida como las anteriores, pero es de las más populares en Google Fonts. De las llamadas “palo seco”, Lato nos ofrece una gran cantidad de variantes y pesos dentro de su elegancia. Es una tipografía muy similar a Roboto pero algo mas redonda. Una de las más utilizadas para los párrafos.

Tipografia Lato

Descargar Lato en Google Fonts

Cuidado con los tamaños

Requiere especial atención la elección de los tamaños de las tipografías. Unos títulos exageradamente grandes pueden quitar las ganas de seguir leyendo el contenido de vuestras páginas. Sucede lo mismo si a los textos les añadimos un tamaño muy pequeño, ya que hay que forzar la vista para poder leerlo. Los tamaños deben ser acordes a la estructura y el contenido. Hoy en día se pueden considerar unas medidas estándar las siguientes:

  • H1 entre 34 – 38px.
  • H2 entre 28 – 30px.
  • H3 entre 20 – 24px.
  • H4 entre 18 – 20px
  • Parrafos de texto 16px.
Tamaños tipografias responsive

No olvideis adaptar esas medidas para cada tipo de dispositivo.

Recomendaciones

1- Elegid bien la tipografía que querais utilizar en función de lo que queráis transmitir. Vuestra marca quedará sujeta a vuestra elección. Dedicad el tiempo necesario para tomar esta decisión tan importante.

2- No utilicéis mas de dos o tres tipografías diferentes en vuestras páginas web, y probad hasta dar con la combinación deseada. Sobrecargar de tipografías vuestras webs aumentará también el tiempo de carga.

3- No olvideis cosas tan importantes como el peso, tamaño, o grosor de vuestras tipografías. Debéis tratar de que encaje con el resto del diseño de la web.

4- Elegid tipografías en las que el texto sea legible, tanto en versión de escritorio como en versiones para tablets y móviles.

Exito Msfactoria blog

La elección de las tipografías para diseño web es una decisión que debéis tomar muy en serio. Una buena o mala elección puede hacer que el éxito de vuestros proyectos continúe por buen camino o se quede estancado en punto muerto.

MSfactoria

MSfactoria

Comparte el articulo

Share on facebook
Share on twitter
Share on linkedin

Suscríbete a nuestra newsletter

Recibe un correo electrónico en tu e-mail cuando añadamos artículos nuevos

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies