tipografia&color

¿Porqué la tipografía y el color son vitales en tu web?

 

La importancia de la tipografia y el color en una web es básica, ambos son dos de los elementos vitales en tu proyecto online.
Suena raro pero me pasa con webs en los que entro y es una delicia, con una buena elección de tipografía consiguen una legibilidad clara y hace que el usuario escanee casi todo el artículo, aunque no sea 100% la temática que está buscando.

Por el contrario, me ocurre con otras cuya elección de tipografías es nefasta pero el artículo en cuestión incluye la información que me permite resolver un problema y aunque lo leo me cuesta horrores, imagínate sino tiene la información que busco…

No duro ni 2 segundos

Tú transmites desde tu web tus conocimientos en la materia que dominas pero la legibilidad y elección de una buena tipografía puede determinar el éxito o fracaso del mismo.

Claves para una buenas prácticas en tu web:
Tipografía
Color

1.Tipografía

Máximo 2 tipografías en mi web

No crees un batiburrillo de fuentes en tu web, porque sólo necesitas 2.

Usa una para tus títulos y otra para todo el contenido con ello encontrarás un equilibrio perfecto.
En mi web siempre sigo esta misma premisa: Utilizo una tipografía para los títulos >> Poppins Y para los textos utilizo una tipografía que permite una mayor legibilidad >> Merriwether

Tamaño de la fuente

El tamaño ideal depende del tipo de fuente, ya que cada una puede variar de tamaño, pero se suele usar como standar 15pts para conseguir una legibilidad óptima.

Color de la fuente

Utiliza el negro (0,0,0,100)

Usar grises muy oscuros que se acercan al negro lo único que hace es cansar a la vista y puede provocar que el lector abandone tu web sintiendo desconcertado.

Interlineado

Es una de los aspectos muy a tener en cuenta, debes tener un interlineado que haga que el párrafo respire.

Si el interlineado es pequeño el lector se va a sentir agobiado y no conseguirá encontrar la información que busca.

Enlaces

Debes dejar bien claro qué son enlaces a otras webs y cuales no.

Se suele utilizar algún color para destacar los enlaces (en muchas ocasiones el azul).

Longitud de las líneas

Es importante no recargar los párrafos para no abrumar al lector, lo ideal es que cada párrafo no supere más de 3 líneas y experese una idea.

No intentes condesar demasiada información en un párrafo sino es totalmente necesario.

Yo soy un enamorado de las tipografías sin serifa, me parecen muy elegantes y permiten conseguir una buena legilibidad, Aquí os dejo algunos ejemplos:

 

2.Color

Otro aspecto importante antes de comenzar a plantear tu marca es el color, la combinación cromática que vayas a utilizar en tu web en muchos casos puede determinar el éxito de tu proyecto.

Los seres humanos nos movemos por emociones y los colores son en gran medida un detonante emocional que de manera inconsciente nos puede llevar a amar u odiar una marca.

Puede sonar muy extremo, ya que no solo actúa el color en esa decisión … pero si que una mala elección cromatica puede hacer que una visitia a tu web pueda ser muy fugaz.

Aquí van 3 trucos que puedes usar para la elección del color de tu Marca:

Uso de la misma gama cromática

Elige un color y utiliza sus variantes en diferentes tonalidades.

Uso de colores complementarios

Son aquellos muy cercanos en su gama cromática y tienen un color común como denominador.

Uso de colores opuestos

Aquellos que están situados en su extremos cromáticas con lo que conseguirás un buen contraste que haga más atractiva tu identidad de marca.

 

Fuente http://enlanubeblog.blogspot.com.es/

Con esta infografía puedes jugar con las diferentes tonalidades para encontrar los colores que mejor pueden encajar y la representación que cada uno tiene.

Qué transmiten los colores en una web y algunos ejemplos:

Azul

Simboliza la confianza y la paz, transmite serenidad.

Es usado por empresas de tecnología ya que refleja evolución.

http://www.wallt.be

Amarillo

El amarillo trasmite alegría, optimismo y luz, representa el sol.

Cierto es que no es un color muy usado en la web ya que puede cargar mucho la vista para el usuario pero es muy usado en portfolios de trabajos ya que desprende un aire muy juvenil.

Verde

El color verde está muy enfocado a la naturaleza, por ello simpre se asocia al medio ambiente.

También es un color asociado a la riqueza y a la suerte.

Rojo

El color rojo refleja pasión, fuego, deseo.En el mundo web es muy utilizado en los Call to Action (llamadas a la acción) para atraer al usuario al click.

Un color muy potente que usado en pequeñas dosis puede ser letal 😉

Blanco

Refleja equilibrio, tranquilidad, sinceridad y verdad.

Usado por muchos de los diarios digitales no solo por estos valores sino porque también permiten liberar el peso de la información y una mejor legibilidad.

Negro

El negro refleja elegancia, serenidad, prestigio y fortaleza. También puede trasmitir misterio.

No es un color en sí sino la ausencia de color y al igual que el blanco es utilizado como apoyo a otros colores.

http://kirschnerbrasil.cc/p>

Estos son algunos de los tips que os aconsejo seguir para el diseño de vuestra, os van a ayudar mejorar la experiencia de usuario de vuestra plataforma.

Categorías >>

Compartir es vivir >>

Facebook
Google+
Twitter
LinkedIn
5claves-hotel

Descubre las claves para potenciar las reservas directas de tu alojamiento

Un Checklist para mejorar la web de tu alojamiento


Acerca del Autor >> Alex Fernández

Diseñador Gráfico & Web con Wordpress, ayudo a emprendedores turísticos a exprimir al máximo la web de su alojamiento  potenciando las reservas directas desde su web.

Si te ha gustado este post seguro que estos también te interesan >>

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.