DEV Community

Eloy Parga
Eloy Parga

Posted on • Updated on

¡DISEÑO UI! Las leyes de Gestalt

Hola Mundo, hoy vamos a hablar de un aspecto teórico del diseño UI

¿Qué son las leyes de Gestalt?

Son unas serie de leyes que creo la facultad de Gestland, estas leyes se crearon a partir de como los humanos interpretamos las cosas.
Estas leyes ayudan al diseñador a interpretar como focalizar el objetivo del diseño de cara al Usuario.

Ley de figura y fondo

Image description

En todo diseño hay una figura y un fondo, estas se diferenciaran por su forma, tamaño o color.

Otras formas de diferenciar la figura del fondo: Sombras, bordes, patrones, etc

Ley de la semejanza

Image description

Si hay elementos que son similares, el cerebro asociará que están en un mismo grupo.

Como hacer semejanzas: Por forma, por tamaño, por color, etc.

Ley de la proximidad

Image description

Si hay elementos cerca, el cerebro los asocia como un mismo grupo pero, si están lejos los toma como grupos separados.

Otras formas de separar y agrupar: Espacios, líneas, colores, peso de la fuente, etc.

Ley del cierre

Image description

El cerebro cierra los espacios de las figuras así no estén completas

Como hacer cierres: Puntos, líneas discontinuas, sombras desplazadas, etc.

Ley de la pregnancia

Image description

En un diseño debe haber un elemento que resalte más que los demás (Elemento más importante).

Como resaltar: Peso de la fuente, color diferente, líneas, fondo, capas, etc.

Ley de la experiencia

Image description

El ser humano tiene experiencias previas almacenadas en el subconsciente y puede relacionar elementos.

Como aplicar: Botones con sólo bordes, figuras nuevas con texto, iconos en vez de textos, etc.

Ley de la simplicidad

Image description

El cerebro simplificará lo que más pueda las figuras y elementos.

Como simplificar: Utilizar la cantidad mínima de elementos posibles (bordes, separadores, cajas, etc)

Ley de la simetría y el orden

Image description

El cerebro asocia en un mismo grupo a los elementos que tienen simetría.

Como hacer simetría: Compensar espacios, alinear elementos, etc.

Ley de la continuidad

Image description

El cerebro asocia a los elementos que siguen una misma dirección, como parte de un mismo grupo.

Como hacer continuidad: Carruseles, tabs, secuencias, partir elementos, etc.

Conclusiones
Si quieres ser un experto en UI debes manejar muy bien las leyes de Gestalt, te ayudarán en gran medida para obtener interfaces intuitivas, limpias y profesionales.

Si os gusta mi contenido no dudéis en darle apoyo.

Top comments (0)