9. Cómo crear una guía de estilo web

¿Y esto de qué color lo pongo? No se, a ver que tal en Verde. ¿Cómo destaco esto? Pon está tipografía que vi el otro día en una web, ¿Cómo hago este botón… Y así, vas trabajando sobre la marcha y tu web parece la vestimenta de un pirata, un sombrero sacado de un abordaje a un barco español, un pantalón robado a un hombre en Isla Tortuga, la camisa ganada a las cartas a un bucanero…

La guía de estilo de tu web ayuda a que todo respire el mismo aire, hace que el usuario sienta en todo momento que está en tu casa y te hace memorable, porque entre todo el ruido de internet tu imagen es identificable. También es un faro perfecto para que nadie se pierda, ayuda al navegante (que esperemos que no sea pirata) a entender tu web, dónde encontrar la información, que es más importante, cómo navegar y que esperas que haga. 

Además, si la guía de estilo va de la mano de tu imagen corporativa ayuda enormemente a trabajar tu branding, por ello entre otros aspectos en el Podcast de esta semana repasamos diferentes elementos que deben figurar en tu guía de estilo web.

Básicos de la guía de estilo web que debemos tener presentes:

  • Paleta de color. Cuántos colores incorporar y dónde usarlos.
  • Tipografías. Qué características debe cumplir y su compatibilidad con la web.
  • Tamaños de texto. Crear una jerarquía de tamaños que se corresponda con la relevancia de la información.
  • Botones y enlaces. Qué colores deben tener, cómo destacarlos y recursos para que sean fácilmente identificables.
  • Estilo de imágenes. Cómo conseguir una homogeneidad entre las imágenes y qué queremos transmitir con ellas.
  • Iconos. Cómo aportar personalidad a nuestra imagen y ayudar a la navegación web
  • Elementos comunes. Desgranar poco a poco los diferentes elementos de una web para definir su estilo.

¿Qué otro elemento de tu web consideras imprescindible en la guía de estilo? Animate y explícanoslo dejando un comentario.

No hay comentarios


Puedes ser el primero :)



Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *