Los principios de la Gestalt aplicados al dise√Īo

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!