GESTALT CON EJEMPLOS

Los grandes diseñadores comprenden el poderoso papel que juega la psicología en la percepción visual.

¿Qué ocurre cuando el ojo de una persona se adapta a sus creaciones de diseño? ¿De qué manera su mente reacciona al mensaje de su pieza está compartiendo? Como diseñador aficionado o profesional, es importante que pueda responder estas preguntas sobre los principios de la Gestalt.

Comprender cómo se percibe e interpreta un diseño es un activo crucial que los comunicadores visuales deben poseer. No podemos influir en la percepción humana con nuestros diseños si no entendemos las fuerzas impulsoras detrás de ellos.

En este artículo, voy a compartir los principios básicos de la Gestalt , un movimiento de la psicología que evolucionó para ayudarnos a entender cómo los espectadores tienen sentido de los estímulos visuales que diseñamos para ellos.

¿Qué es la Gestalt?

La palabra Gestalt es alemana, y literalmente significa un patrón, figura, forma o estructura que está unificada . La Psicología Gestalt, un movimiento que despegó en Berlín en la década de 1920, busca dar sentido a cómo nuestras mentes perciben las cosas en formas completas, en lugar de sus elementos individuales.

Para comprender lo que la Psicología Gestalt intenta explorar y desempaquetar, piense en cómo su mente percibe automáticamente la cara de una persona que conoce bien. Esto es así a pesar de que la cara, sin duda, está compuesta de las mismas características centrales que cualquier otra: nariz, orejas, ojos, etc. Lo que hace su mente, el sentido de las características en su conjunto, es donde la Psicología Gestalt encuentra su atención.

¿Cómo cambió el juego la Psicología Gestalt?

¿Has oído hablar de los perros de Pavlov? Pavlov fue un psicólogo ruso activo desde finales de la década de 1890. Él ( accidentalmente ) fundó la idea de que podríamos influir en el comportamiento mediante el uso de recompensas (utilizó la comida como recompensa y probó su impacto en el comportamiento de sus perros). La teoría se conoce como condicionamiento clásico, y todavía impacta en el mundo del marketing y diseño hoy. Los psicólogos de la Gestalt, a diferencia de sus colegas, pensaban que procesos como la percepción, el aprendizaje y la cognición no eran tan simples y no podían entenderse dividiéndolos en partes. En lugar de ello, los psicólogos de la Gestalt estaban interesados en las ideas complejas como la visión , el holismo y la resolución de problemas ; y, si has estado en el mundo del diseño durante suficiente tiempo, probablemente también lo estés.

¿Cómo se relaciona la Gestalt con la percepción visual y el diseño?

Poco después de su introducción en psicología, Gestalt fue aplicado al campo de la percepción visual por teóricos como Max Wertheimer, Wolfgang Kohler y Kurt Koffka. La idea principal era que cuando percibimos el mundo, hay muchas señales diferentes que entran al mismo tiempo. Organizarlos, y evitar volverse loco, visualizamos nuestro entorno como unitarios formas o grupos. Cómo decidimos que algunos objetos «van juntos» sería la principal obsesión de los psicólogos y diseñadores de Gestalt en las próximas décadas.

Los principios de la Gestalt en Diseño con ejemplos

A lo largo de los años, los psicólogos de la Gestalt han creado listas para resumir los principios básicos de la percepción visual, que se han convertido en herramientas invaluables para los diseñadores. Como se mencionó anteriormente, estos principios intentan explicar cuándo y cómo nuestras mentes perciben diferentes componentes visuales como parte del mismo grupo. Los principios que se explican a continuación son una combinación de los propuestos originalmente por Max Wertheimer (1923), Stephen Palmer (1999, 2002) y otros teóricos de la Gestalt contemporáneos.

01. Simplicidad

La ley de la simplicidad indica que nuestra mente percibe todo en su forma más simple. La imagen a continuación, por ejemplo, cuando se estudia en profundidad se compone de componentes individuales que no tienen significado cuando se ven por separado, pero nuestra mente los percibe automáticamente en combinación para deletrear la palabra ‘logotipo’.

Principios de la Gestalt, 01

Es importante que los diseñadores comprendan la ley de la simplicidad porque cuando se combina ingeniosamente con la creatividad, los dos pueden aprovecharse para producir diseños realmente impresionantes. Para dominar la simplicidad del diseño es necesario equilibrar dos consideraciones a menudo competitivas: el uso de formas y objetos sin complicaciones y la necesidad de producir efectos de diseño llamativos. Este ejemplo lo hace perfectamente, utilizando elementos y objetos simples en combinación para producir una representación única y cautivadora de una guitarra.

Principios de la Gestalt, 02

Esencialmente, la simplicidad se trata de ayudar al ojo a encontrar figuras «cómodas» que se utilizan para activar una interpretación de lo que estamos tratando de mostrar.

02. Figura-tierra

El principio figura-fondo ayuda a explicar qué elemento de un diseño se percibirá inmediatamente como la figura y cuál se percibirá como el terreno. La «figura» es el elemento en foco, mientras que el «suelo» es el fondo detrás de la figura.

Hay otros dos principios relacionados que deberá comprender antes de poder responder esta pregunta:

  • Área: la mente a menudo percibe el objeto más pequeño de la composición como la figura, y el más grande como el suelo.
  • Convexidad: los elementos convexos se asocian con figuras más a menudo que cóncavas.

Cuando miras la imagen a continuación, tu percepción de cuál es la figura y cuál es el terreno se alterna dependiendo de cómo la perciba tu mente. En un caso, parece como si la mano negro es la figura y el blanco es el suelo, y en otra parece como si la cabeza blanca es la figura y el negro es el suelo.

Principios de la Gestalt, image06

Aplicado en el diseño, la figura de fondo puede marcar una diferencia significativa en la forma en que su pieza comunica un mensaje. En este anuncio para el Festival de Comida y Vino de Melbourne (2007), las botellas de vino están ubicadas estratégicamente para crear la ilusión de un tenedor. Al combinar objetos relacionados con el vino y la comida, este diseño transmitió el mensaje del evento de manera mucho más convincente.

Principios de la Gestalt, 04

Este póster de la película «Peter and The Wolf» ejemplifica el gran potencial creativo en el uso del principio de la figura fundamental para su beneficio. Por un lado, obtienes la imagen del cuerpo de un lobo largo. Cuando cambias a mirar el blanco en la imagen (previamente molida) como figura, inmediatamente ves la silueta de un hombre, que podemos suponer que es de Peter.

Principios de la Gestalt, 05

03. proximidad

Percibimos elementos como pertenecientes al mismo grupo si se presentan juntos. Como ejemplo, piense en cómo el interletraje adecuado puede ayudar al ojo a comprender qué letras forman palabras individuales. En algunos casos, los espacios excesivos entre letras pueden causar confusión sobre cuándo termina una palabra y comienza la siguiente. En el siguiente ejemplo, nuestra mente percibe cada una de las barras verticales cercanas para combinar y formar una sola imagen de un ciervo.

Principios de la Gestalt, crazy-cool-poster-designs-17

El principio de proximidad también se aplica efectivamente en el logotipo de Unilever. Dado que las figuras pequeñas se presentan entre sí, puede percibir fácilmente el clúster como una U (en Unilever). Según el sitio de su marca , su logotipo fue diseñado para incluir «25 iconos, cada uno de los cuales representa algo importante para Unilever».

Principios de la Gestalt 07

En el póster a continuación, Coca-Cola quería transmitir felicidad (uno de los valores centrales de su marca) al crear la forma de una sonrisa con botellas. El hecho de que se coloquen cerca unos de otros de manera tan deliberada ayuda al espectador a percibir esa sonrisa.

Principios de la Gestalt 08

04. Similitud

Percibimos elementos como pertenecientes al mismo grupo si se parecen entre sí. El principio de similitud puede activarse utilizando color, tamaño, orientación, textura e incluso fuentes. Al diseñar un documento de varias páginas, por ejemplo, crear un esquema de tipo fuerte ayudará a los lectores a comprender qué fragmentos de texto son subtítulos, cuáles son titulares y cuáles son copias del cuerpo.

En la imagen a continuación, nuestra mente percibe los círculos de colores similares no como círculos individuales sino como combinados para formar rectángulos, cuadrados y líneas separados de los de otro color.

Principios de la Gestalt

05. Destino común

Cuando los elementos visuales se mueven juntos en la misma dirección, los vemos como parte de un solo grupo. Nuestro ojo se dirige a figuras que se mueven juntas, y este principio es particularmente importante para las animaciones 2D y 3D.

En la imagen a continuación, debido a que cada una de las aves individuales viaja en unidad en la misma dirección, nuestra mente las percibe como parte de un solo grupo, llevándose un pez capturado.

10

En este póster de Street Scene, una ópera estadounidense de Kurt Weill, las letras grises se perciben como parte del mismo bloque de contenido (título) porque no solo son similares (ver Principio de similitud más arriba), o muy entrecruzadas (Proximidad más arriba), pero también aparentemente moviéndose en la misma dirección.

APELOIG_STREET_SCENE-b-756x1134

06. simetría

Los elementos simétricos se perciben como parte del mismo grupo. ¿Alguna vez has mirado figuras que parecen reflejos especulares entre sí? Esta relación nos ayuda a percibir estos elementos como una figura única.

En este póster para la Bike Expo en Nueva York, el concepto de diseño apuntaba a un círculo unificado como punto focal principal. Para crear el círculo, el diseñador retrató la mitad como una rueda de bicicleta y la otra mitad como una tapa de registro. Aunque diferentes en textura y color, el hecho de que se parecieran a una figura simétrica los unificó a los ojos de la audiencia de este afiche.

12

Paralelismo

Los elementos con pendientes iguales o muy similares se asocian como un solo grupo. Al diseñar, a menudo cambiamos la inclinación de nuestros textos para que coincidan con las flechas o curvas circundantes porque hace que toda la figura se vea más compacta visualmente. En este póster creado para anunciar la fuente Futura, se agrupan diferentes áreas de texto utilizando el principio de paralelismo.

Captura de pantalla 02/03/2016 a las 9.46.41 AM

07. continuidad

Los elementos se asocian visualmente si están alineados entre sí. Las líneas se perciben como una sola figura en la medida en que son continuas. Cuanto más suaves son sus segmentos, más los vemos como una forma unificada.

Esta tarjeta de Navidad de Publicis Singapore retrata cómo el principio de continuidad puede ayudarnos a crear formas. La delgada línea verde del lápiz afilado ayuda a guiar el ojo desde la parte superior de la composición hasta la parte inferior, creando una forma de árbol de navidad de una manera muy inesperada.

14

08. Cierre

Percibimos elementos como pertenecientes al mismo grupo si son parte de una figura cerrada. Una gran oportunidad para explorar el principio de cierre es el diseño del logotipo. El logotipo de Fedex «esconde» una flecha hacia la derecha que no muchos han podido detectar a lo largo de los años. Al crear ese espacio negativo entre la E y la X, y agregar la ilusión de cierre al intercalar las dos letras con mucha fuerza, la flecha se vuelve visualmente aparente:

fedex

09. Región común

Cuando encontramos varios elementos que forman parte de una sola región, los asociamos como un solo grupo. Considere un diseño para una insignia donde hay una combinación de texto, objetos y un banner. Los tres elementos se perciben como pertenecientes a la insignia unificada.

En este póster para Inside Out de Pixar , los artistas Stacey Aoyama y Eric Tan utilizan el principio de región común para unificar los personajes de la película dentro de una sola silueta humana. A medida que los visualizamos dentro de la misma región, los percibimos como coexistentes dentro de ese espacio. Si has visto la película, sabes que este es en gran medida su objetivo: mostrar que las emociones positivas y negativas coexisten en nuestras mentes para dar forma a nuestro comportamiento.

dieciséis

10. Conectividad del elemento

Percibimos elementos como unidos si están conectados por otros elementos. Una manera fácil de pensar sobre este principio en acción es una infografía o diagrama de flujo donde las flechas ayudan a conectar una figura (o bloque de texto) a la siguiente.

En estas piezas de Jonathan Calugi para Harvard Magazine, los objetos están unificados por una línea que atraviesa toda la composición, brindando unidad y un sentido de cohesión visual a pesar de la cantidad de actividad.

17

¡Pruebe los principios de Gestalt en su próximo proyecto!

¿Listo para aportar fuertes principios de psicología a su trabajo de diseño? La próxima vez que cree una composición, piense en cómo la proximidad, la simplicidad, la similitud y otros principios descritos anteriormente impactan a su audiencia. ¡No tengas miedo de experimentar!


Deja un comentario