Moodboards – Referencia visual

Para transmitir una idea, una emoción, sentimientos los profesionales en diseño web creamos moodboards los cuales generan una sensación estética de la web, establecen una línea de diseño gráfica, esto incluye una colección de fotografías, estilos, paleta de colores, tipografía, patrones sobre las que girará el estilo de la página web. Es súper útil para tener una guía visual aprobada a la hora de diseñar la web y unificará el estilo de la web. De no hacerlo se puede caer en el error de tener una web con millones de estilos sin una identidad gráfica reconocible.

Estilo 1: Collage

Una especie de lluvia de ideas visuales unificadas o visual brainstorming.

Estilo 2: The template

Un acercamiento más racional y claro, dónde se define la línea de color, tipografías, colores y jerarquías.

Styleguide – Guía de estilo

Toda web está formada por un conjunto de elementos que se repiten de forma reiterativa en la guía de estilo se define cómo serán estos elementos y de esta forma se construye una especie de biblioteca de estilo.

Los elementos a considerar son: Botones, tamaños, colores, tipografía (h1,h2,he,links,p), estilo de los campos en los formularios.