Principios de diseño Gestalt es un conjunto de principios fundamentales que describen cómo las personas perciben y organizan los elementos de diseño en estructuras coherentes y ordenadas. Cuando su primera impresión de un diseño es positiva, cuando instintivamente percibe el diseño como bueno, es probable que se deba a uno o más principios de percepción Gestalt. Cuando miras un diseño y admiras una o dos partes de él, es probable que correspondan a uno o más principios Gestalt.

Una de las mejores cosas que puedes hacer como diseñador es estudiar estos principios y comprender lo que nos dicen sobre cómo las personas perciben los objetos visuales y la disposición de los mismos.

Comprender los principios de Gestalt le dará más control sobre su diseño, creará un diseño más armonioso y aumentará la probabilidad de que su mensaje sea transmitido a su audiencia.

¿Qué son los principios de diseño Gestalt?

Cuando la gente mira una pintura, una página web o cualquier combinación compleja de elementos, vemos el todo antes de ver las partes individuales que lo componen. La idea de ver el todo antes que las partes e incluso más que el todo convirtiéndose en más que la suma de sus partes es Gestalt.

La palabra alemana gestalt se puede traducir como "forma" o "forma", y el término se refiere a la forma en que las personas perciben la información visual. La psicología Gestalt fue fundada por Max Wertheimer y fue ampliada por otros autores con el tiempo.

La observación original de Wertheimer fue que percibimos movimiento cuando no hay nada más que una rápida sucesión de eventos sensoriales individuales, como una serie de luces parpadeantes en sucesión. Imagínese una cadena de luces navideñas. Cada luz se enciende y apaga secuencialmente a lo largo de la cuerda. Vemos luz moviéndose de un extremo al otro del hilo, aunque en realidad nada se movía.

Vemos algo que en realidad no está ahí, y la explicación de Wertheimer es que vemos el efecto de todo el acontecimiento, que no está necesariamente contenido en la suma de las partes.

La forma más sencilla de comprender la Gestalt es observar los distintos principios.

Principios de diseño Gestalt

Hay muchos principios de Gestalt, la mayoría de los cuales pueden explicarse en una o dos oraciones. Muchos de los principios que aparecen a continuación se pueden describir con gran detalle y le invito a que los estudie más a fondo.

Intenté proporcionar enlaces a otros recursos para que pueda comenzar su investigación y también enumeré algunos recursos al final de esta publicación. Considere la siguiente introducción a cada uno de los principios enumerados.

Dibujo / Tierra

Los elementos se perciben como una figura (el elemento de enfoque) o un fondo (el fondo sobre el que se asienta la figura).

Principios de diseño de Gestalt 2

El ejemplo clásico de figura/fondo es la imagen de la izquierda. ¿Ves un jarrón negro sobre un fondo blanco o dos caras blancas de perfil sentadas sobre un fondo negro?

Lo primero que la gente hará al mirar tu diseño es determinar qué es la figura y qué está pulido en tu composición. En la mayoría de los casos, esta determinación se produce de forma rápida y subconsciente.

Dibujo/Tierra nos permite saber en qué debemos centrarnos y qué podemos ignorar con seguridad en una composición.

Cuadrado. Principios de diseño Gestalt

La figura muestra el más pequeño de dos objetos superpuestos. El más grande se considera terreno.

La figura muestra el más pequeño de dos objetos superpuestos.

En la imagen de arriba, probablemente veas un cuadrado más pequeño como patrón en ambos casos. Es posible que veas una figura oscura con un agujero sobre un fondo más claro en la imagen de la derecha, que se basa en objetos más oscuros que aparecen más a menudo como una figura con áreas más claras vistas como el suelo. Principios de diseño Gestalt

Similitud

Las cosas similares se perciben como más relacionadas que las diferentes.

Principios de diseño de Gestalt 4

En la imagen de arriba, sin duda estás agrupando los objetos en un cuadrado o círculo debido a la similitud de forma.

A través de la repetición de color, tamaño, orientación, textura. fuente, formas, etc Podemos crear elementos para que parezcan más conectados. Piensa en los enlaces de tu contenido. Al sugerir que todos sean azules y resaltados, claramente están enviando al espectador el mensaje de que están relacionados.

Mediante repetición de color, tamaño, orientación, textura de fuente, forma, etc. , podemos crear elementos para que parezcan más conectados.

El color se ha utilizado arriba para indicar similitudes en la imagen de arriba. Deberías ver columnas alternas de cuadrados negros y rojos. Cada columna está determinada por la similitud de color de los círculos que la componen.

Isomorfismo. Principios de diseño Gestalt

Una similitud que puede ser conductual o perceptual y puede ser una respuesta basada en la experiencia previa del espectador. Piensa en las similitudes no visuales.

Conectividad uniforme (ley de la unidad)

Los elementos que tienen una conexión visual se perciben como más conectados que los elementos sin conexión.

Principios de diseño de Gestalt 6Los elementos que tienen una conexión visual se perciben como más conectados que los elementos sin conexión.

Si miras la imagen de la izquierda, verás dos cuadrados y dos rectángulos. Cuando miras la imagen de la derecha, ves dos objetos, cada uno de los cuales consta de un cuadrado y un círculo. El círculo y el cuadrado están conectados por una línea entre ellos. La coherencia uniforme es aquí más importante que la similitud.

Continuidad

Los elementos ubicados en una línea o curva se perciben como más interconectados que los elementos que no están ubicados en una línea o curva. Principios de diseño Gestalt

Los elementos ubicados en una línea o curva se perciben como más interconectados que los elementos que no están ubicados en una línea o curva.

En la imagen de arriba deberías ver una línea curva con una línea vertical atravesándola. Aquí la continuación es más fuerte que la similitud de color. Los círculos rojos en una línea curva están más relacionados con los círculos negros en la misma curva que con los círculos rojos en una línea vertical. Principios de diseño Gestalt

Cierre

Cuando observamos una disposición compleja de elementos individuales, tendemos a buscar un patrón reconocible.

Principios de diseño de Gestalt 8

Lo más probable es que su primera impresión al ver la imagen de arriba sea la de un cuadrado, incluso si la imagen consta de cuatro líneas rectas. Completamos la información que falta para crear un patrón único y reconocible.

Proximidad. Principios de diseño Gestalt

Las cosas que están cerca unas de otras se perciben como más conectadas que las que están más separadas.

Las cosas que están cerca unas de otras se perciben como más conectadas que las que están más separadas.

Deberías ver tres grupos de círculos negros y rojos arriba. La proximidad, la relativa cercanía de los círculos, es más fuerte que la similitud de los colores. En una composición más grande, la similitud de colores seguirá transmitiendo información sobre los objetos debido a las similitudes entre ellos.

Destino común (sincronicidad). Principios de diseño Gestalt

Los elementos que se mueven en la misma dirección se perciben como más conectados que los elementos que están estacionarios o se mueven en diferentes direcciones. Los elementos que cambian al mismo tiempo se agrupan.

Los elementos que se mueven en la misma dirección se perciben como más conectados.

En la animación anterior, ves dos conjuntos de tres círculos cada uno en lugar de un conjunto de seis círculos debido a su movimiento compartido o destino compartido.

Imagina que en la animación de arriba los círculos no se mueven, pero tres de ellos cambian de color entre azul y rojo. Seguirás viendo dos grupos de círculos, pero se basará en el cambio. color, y no en cambiar su movimiento. En cualquier caso, les espera un destino común. Principios de diseño Gestalt

Simetría

La idea de que cuando percibimos objetos, tendemos a percibirlos como formas simétricas formadas alrededor de su centro.

La idea de que cuando percibimos objetos, tendemos a percibirlos como formas simétricas formadas alrededor de su centro.

Probablemente vea tres conjuntos de corchetes de apertura y cierre en la imagen de arriba. Aquí el equilibrio simétrico es más fuerte que la intimidad.

Concurrencia

Los elementos que son paralelos entre sí parecen más conectados que los elementos que no son paralelos entre sí.

Principios de diseño de Gestalt 10

Las tres líneas paralelas de arriba deberían parecer más conectadas entre sí que con cualquiera de las otras líneas.

Región general

Los elementos tienden a agruparse si se encuentran en el mismo espacio cerrado.

Los elementos tienden a agruparse si se encuentran en el mismo espacio cerrado.

Anteriormente vimos cómo los colores alternos hacen que parezca que hay 5 columnas de círculos. Ahora, habiendo enmarcado algunos círculos, vemos dos grupos diferentes de círculos.

Agregar un borde (un área general) alrededor de un elemento o grupo de elementos es una manera fácil de separarlo de los elementos circundantes.

Experiencia pasada. Principios de diseño Gestalt

Los elementos tienden a agruparse si han sido agrupados con frecuencia en la experiencia pasada del observador.

Las experiencias pasadas pueden ser individuales o comunes para la mayoría de nosotros.

Ley del punto focal

Un punto, énfasis o diferencia interesante atraerá y mantendrá la atención del espectador.

Principios de diseño Gestalt Ley del punto focal

Cuando veas la pintura de Kandinsky arriba, lo más probable es que primero notes la forma circular oscura en la esquina superior izquierda. Este es el punto focal y, por tanto, el punto de entrada al cuadro. El punto focal atrae tu atención y desde allí tu atención fluye hacia otras partes de la imagen.

Ley de Pranantz (Buena Figura, Ley de Simplicidad)

Las personas percibirán e interpretarán imágenes ambiguas o complejas de la forma más simple posible.

Ley de Pranantz

El formulario anterior es ambiguo y complejo en general. Lo más probable es que lo veas formado por tres formas simples: un cuadrado, un círculo y un triángulo. Estas formas se pueden ver claramente asignando un color diferente debajo de cada una. Principios de diseño Gestalt

Lo más probable es que lo veas formado por tres formas simples: un cuadrado, un círculo y un triángulo.

Pensamientos adicionales sobre los principios Gestalt

A veces están en juego dos principios Gestalt, aunque uno dominará nuestra percepción. He tratado de señalar esto en algunas de las imágenes de arriba donde un principio Gestalt es dominante, como la imagen de intimidad de arriba. Tanto la similitud como la proximidad están presentes, pero la proximidad es el principio más fuerte en este caso, razón por la cual ves tres grupos de círculos en lugar de seis columnas de círculos.

Los principios Gestalt son un conjunto de herramientas a tu disposición para guiar cómo se perciben tus diseños.

La percepción que alguien tiene cuando mira su diseño es, en última instancia, lo que le dice. Aprende a controlar los principios de la Gestalt y aprenderás a comunicar a través de tu diseño. Principios de diseño Gestalt

Los principios Gestalt nos ayudan a diseñar mejor y nos ayudan a comprender si un elemento es necesario o no. Le ayudan a ver dónde se deben colocar los elementos en la página, cómo se deben agrupar, qué elementos deben tener el mismo color o tamaño y cuáles no. Los principios de la Gestalt le ayudan a determinar qué elementos deben estar contenidos dentro de un marco y qué elementos simplemente necesitan más espacio entre ellos.

Cuando empieces a comprender cómo los demás percibirán tus elementos, tendrás más control sobre tus diseños y te convertirás en un mejor diseñador. Tómese el tiempo para explorar más a fondo los principios de percepción de la Gestalt. Explore los diseños que le gusten y vea cómo funciona Gestalt en ellos.

Examina tu propio trabajo para ver cómo incorporas los principios de la Gestalt en tus diseños y cuáles no pero deberías hacerlo.

 

Imprenta АЗБУКА