English Português

Ya hemos visto el tema de escoger una tipografía adecuada para nuestro sitio, sin embargo hay algo que nunca se nos debe de escapar, sea cual sea la idea que tengamos entre manos y por experimental que quiera ser nuestro diseño, la legibilidad de nuestra tipografía.

Pero ¿Que hace a una tipografía legible?

La comunicación a través de la página requiere que el lector convierta símbolos (los caracteres tipográficos) en pensamiento. La legibilidad hace referencia a la mayor o menor facilidad para la realización de este proceso crítico. Ovink lo define como la facilidad y precisión con la que el lector percibe los textos impresos…

fuente: unostiposduros.com

En pocas palabras necesitamos que nuestra tipografía pueda hacer que nuestro lectores o visitantes puedan transformar eso en ideas y así comprender lo que nosotros queremos expresar,  recordemos también que el margen para que un usuario se interese por nuestro sitio es de aproximadamente cinco segundos si en esos pequeños segundos el usuario no logra encontrar un gancho que lo haga seguir leyendo abandonará nuestro sitio.

Por ello es importante que cuando diseñemos nuestro sitio tengamos en cuenta que el poder hacerlo legible nos dará la pauta para que los usuarios lo recuerden.

Y ¿Cómo aplico esto a mi diseño?

Simple. Si en tu diseño te interesa mezclar conceptos, por ejemplo te interesa hacerte ver como fresco pero al mismo tiempo responsable y formal, elegante pero también haciendo ver que eres creativo en tu diseño; deberás de tener un gran cuidado en que a pesar de que tu diseño sea muy vintage, muy libre y desordenado, logres hacer que la tipografía sobresalga para el nombre de tu sitio sea legible (y poderlo recordar). Por ello puede usar el contraste, y la mezcla de estilos te da esa posibilidad.

Los contrastes nos sirven como herramienta para lograr la atención del espectador, y es gracias a ese contraste que lograremos que lean nuestro contenido o el encabezado de nuestro sitio.

Ahora pueden ver como a pesar de un diseño tan dinámico y expresivo Webdesigner Depot optó por una tipografía Sans Serif, haciendo que se realce más, el color blanco es realzado con una sombra en el texto haciendo que los elementos en el fondo no interfieran.

Lo que buscamos es crear contrastes y que esto nos ayude a tener legibilidad, puedes usar tipografías de cualquier tipo pero si es "recomendable" las más legibles. Y por supuesto hay tipografías de fantasía interesantes, que salen fuera de lo común y quizás son lo que buscas, por ello lo tea consejo que no tenga elementos que hagan ruido, mantener cierta área limpia de otros elemento y así estarás por un lado con un gran diseño para llamar la atención de tu usuario y al mantener el área de texto limpia lograrás que la gente pueda leer más fácil tu sitio.

Un diseño muy creativo y el uso de una tipo Serif nos queda claro como se llama el sitio de Carbon Sugar, ¿No lo creen?

Puede usar cualquier estilo y hacer que tu web o header se vea ordenado, puedes ser un estilo muy vanguardista y aún así usar una tipografía Serif, lo importante de todo es crear equilibrio y armonía, que la gente se sienta sorprendida al ver tu diseño pero sobre todo que entienda para que fue hecho y cuales son los elementos que hay en este, que pueda reconocer las secciones, el nombre del sitio y reconocer su estructura.

A pesar de hacer un diseño que pareciera sin retícula, el portafolio de Ayaka Ito deja un espacio limpio para leer de quien es el sitio y para que sea legible el texto: "Click here to go my portfolio"

Para Terminar

No te sientas limitado ante la idea de hacer un header legible, ya hemos visto ejemplos donde se le saca provecho a los diseños impactantes pero sin descuidar  que haya un espacio libre para el texto. Se puede crear un sitio con una estructura muy organizada sin que esto se vea reflejado en un diseño aburrido. Recuerda que solo basta buscar compilados de las mejores webs para encontrar inspiración y poder encontrar los estilos que buscas, Internet es la mejor opción para hacer crecer tu cultura visual y que tus diseños sean más novedoso.

Nuestros amigos de Basmatri Tree, nos dan una muestra de un diseño grunge bien reticulado y organizado

Equilibrio, la saturación es buena y las texturas en el fondo muy buenas opciones, pero lucen aún mas cuando se contraponen a espacios más limpios, y estos mismos espacios nos sirven para poner los textos

Si quieres dejar un comentario o ideas sobre este tema mi Twitter es @ulizes y siéntete libre de agregarme.

Escrito por Ulises

Diseñador e ilustrador, Me encanta leer blogs, tutoriales y diseño. Me gusta escribir y compartir cosas interesantes, reflexionar sobre el futuro de la sociedad y sus formas de comunicarse, soy entusiasta del Web 2.0 y me gusta conocer gente; y si a esa charla le añades café, me has dado lo que necesito.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Jorge Duré / Hace 7 años /

      Esta muy bueno el post, ayuda al diseño y sobre todo a los lectores. El problema de la tipografía lo eh visto en el weblog de Chica SEO (el cual es bastante difícil de leer desde firefox, no si si desde otros navegadores sera diferente).

      Responder a Jorge Duré →
    2. Ulises / Hace 7 años /

      Jorge: gracias por el comentario, sería bueno saber cual es en especifico el problema y hacérselo saber al autor; siempre son bien recibidos los comentarios para mejorar los sitios, al menos a mi me guata que mis usuarios me den ese feedback.

      saludos

      Responder a Ulises →
    3. Jorge Duré / Hace 7 años /

      Ulises: perdón, pero es que hace vario días que no socializo con otros bloggers y por ese motivo no eh podido leer hasta ahora tu respuesta. Me parece que notificar a Chica SEO seria algo bueno, pero siempre tubo ese diseño de tipografía y nunca leí un comentario quejándose, por lo que decirlo que debería cambiar de letra no me parece algo apropiado. De todas maneras: gracias por responderme.

      Responder a Jorge Duré →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad