Moodboards y Styleguide

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.

moodboards

moodboards

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.

moodboards

moodboard

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.

styleguide

Compartir:

Leave a Reply

Your email address will not be published.