REDISEÑO DE 1 SEMANA: Hermosa página de suscripción

Ha pasado una semana desde que diseñé por primera vez la página de Suscripción para la marca de empoderamiento, belleza y bienestar femenino, BEautiful. La versión original se encuentra al final del estudio de caso. A continuación se muestra una reflexión sobre lo que aprendí durante la semana entre estas dos versiones de la misma página web.

La semana pasada comencé a:

• usar cuadrículas de alineación de manera efectiva
• "romper" las reglas usando una cuadrícula de 16 columnas para diseñar en lugar de la cuadrícula tradicional de 12 columnas
• crear mi propio sistema de diseño con pautas para todo, desde elegir el tamaño de fuente del encabezado, subtítulo y cuerpo hasta tratar el espacio entre los elementos como elementos propios

A los espacios en blanco se les puede dar una altura y un ancho uniformes al igual que el tamaño de la fuente.

• Esta es una de las primeras reglas de mi propio sistema de diseño: “Para formularios, la altura del campo de entrada debe ser el doble de la altura de la fuente. Ej: tamaño de fuente de 16 px = 32 px de altura del campo de entrada
• Esta realización me hizo empezar a pensar en el diseño de manera diferente. En lugar de organizar solo texto e imágenes, también comencé a organizar el espacio en blanco.

• No había ninguna razón para que hubiera un párrafo debajo de las imágenes de la derecha. De hecho, llené ese cuadro con Lorem Ipsum en lugar de inventarlo porque no sabía qué más información se necesitaba.
• Se eliminó el párrafo adicional y se simplificó la información debajo del encabezado principal.

• El diseño inicial tenía alrededor de 7 elementos en total (contando todos los elementos en la barra de navegación como un grupo).
• El nuevo diseño tiene solo 5 elementos, lo que reduce la cantidad de tiempo que le toma al usuario comprender la información en la página.
• Los elementos del nuevo diseño están dispuestos de manera simétrica para darle al diseño una sensación de armonía.

• Reciba una invitación para una entrevista con una empresa o agencia. (Échame un vistazo en dominique.squarespace.com)
• Enfocarme en incorporar las Gestalts de diseño de ritmo, continuidad y cierre de manera más efectiva en mis diseños.
• Sumérgete en la animación para diseñadores de UI.