¿Cuándo un espectador observa uno de nuestros diseños, qué siente? ¿Le gusta? ¿Cómo podemos saber cómo se está percibiendo nuestro trabajo? En el diseño gráfico, la psicología siempre jugará un papel muy importante. Porque buscamos llamar la atención, impactar, comunicar un mensaje y asegurarnos que se percibe correctamente por nuestro espectador. Es por esto que, el diseño gráfico no sólo tiene que ver con las emociones, sino también con la percepción. Conocer la Teoría de la Gestalt y sus principios, nos ayudará a llamar la atención de nuestros espectadores, a estimular nuestra creatividad y a mejorar la comunicación de nuestros diseños.
En diseño gráfico, buscamos impactar visualmente a nuestro espectador. Necesitamos conocer cómo funciona la percepción humana para llegar a ese objetivo o acercarnos lo máximo posible. Es aquí donde entra en juego la Teoría de la Gestalt.
Con este artículo, quiero enseñaros lo útil de comprender el funcionamiento de esta teoría y el sentido que le otorga a los estímulos visuales. ¡Veámoslo!
¿Qué es la Teoría de la Gestalt?
La Teoría o psicología de la Gestalt, fue un movimiento que se inició en la década de 1920 en Berlín, Alemania, con la contribución de los investigadores Max Wertheimer, Wolfgang Köhler y Kurt Koffka. Gestalt es una palabra alemana que significa patrón, figura, contorno o forma. Este movimiento buscaba encontrar un sentido a cómo nuestras mentes perciben las cosas como un todo, en lugar de individualmente cada elemento.
Estos investigadores estudiaron cómo nuestra mente configura, mediante ciertas leyes o principios, los elementos que llegan a ella a través de la memoria y de los distintos canales sensoriales. Demostraron que nuestro cerebro siempre intentará simplificar y organizar imágenes complejas, porque está muy preparado para comprender el mundo que nos rodea.
“El todo es mayor que la suma de las partes”.
Immanuel Kant
Para la Gestalt, el ser humano organiza sus percepciones como totalidades, ya sea como forma o configuración. Pero no como una simple suma de sus partes. Por ello, que lo percibido pueda pasar de ser un conjunto de manchas a convertirse, dependiendo del caso, en objetos, personas o escenas.
Es una disciplina que estudia el proceso mediante el cual nuestro cerebro ordena y les da sentido, o forma, a las imágenes que recibe del mundo que le rodea. Así como a aquello que le ha parecido relevante.
¿Qué relación tiene la Teoría de la Gestalt con el diseño gráfico?
La idea principal que exponía la Teoría de la Gestalt es que cuando percibimos el mundo, a pesar de que existen distintas señales impactándonos al mismo tiempo, nuestra mente resume el entorno mediante formas o grupos de elementos para organizarlas. Básicamente lo simplifica. Quédate con este concepto.
Por tanto, la Teoría de la Gestalt también es aplicable al diseño gráfico o diseño en todas sus variantes. Para que un diseño funcione bien se debe tener en cuenta, no sólo los elementos visuales por separado, sino también cómo se percibe la totalidad del diseño.
Con el tiempo, los partidarios del movimiento de la Gestalt fueron desarrollando una serie de principios básicos de la percepción visual, también denominados principios gestálticos o leyes de la gestalt. Herramienta que ha sido de gran utilidad desde entonces para los diseñadores gráficos, arquitectos, artistas, etc.
Ideas clave de la Teoría de la Gestalt
Antes de profundizar en los principios gestálticos, necesitamos conocer las 4 ideas clave en las que se basaron. Vamos a verlas rápidamente.
1. Aparición (nuestra mente identifica el todo antes que las partes)
La idea de aparición surge cuando se percibe un objeto y le damos una interpretación a partir de la información previa que ya conocemos. Suele usarse con frecuencia en el diseño de logotipos.
Es el proceso de formar patrones complejos a partir de formas simples. Cuando visualizamos un objeto, primero buscamos identificar su contorno y lo comparamos con formas y objetos que tenemos almacenados en la memoria para encontrar una coincidencia y así, poder determinar qué estamos viendo. Solo después de reconocer ese todo, es cuando comenzamos a identificar las partes que lo conforman.
En el ejemplo que podéis ver abajo, nuestra mente va a visualizar antes un perro que las formas individuales, porque es una silueta que ya conocemos.
2. Cosificación (nuestra mente llena los huecos)
Las personas pueden reconocer objetos incluso cuando les faltan partes o están incompletos. Nuestro cerebro hace coincidir lo que vemos con patrones familiares que ya conocemos y que tenemos almacenados en nuestra memoria para llenar los vacíos.
La cosificación sugiere que no necesitamos presentar la imagen o el esquema completo para que los espectadores entiendan el mensaje. Podemos omitir partes del contorno siempre que proporcionemos suficiente información para permitir una sugerencia a la imagen lo suficientemente cercana para entenderla.
Aquí podéis ver un nuevo ejemplo. En cada una de estas tres figuras, nuestra mente construye nuevas formas en el espacio negativo a partir de las que percibimos visualmente. En el primer ejemplo percibiríamos un círculo, en el segundo un triángulo y en el tercero un cuadrado.
3. Multiestabilidad (nuestra mente evita la incertidumbre)
La idea de la multiestabilidad se basa en que a menudo interpretamos objetos ambiguos en más de una forma. Nuestros cerebros van de un lado a otro buscando una imagen reconocible. La multiestabilidad es la tendencia que tenemos de saltar entre interpretaciones alternativas.
Un ejemplo muy conocido que nos puede servir para demostrar esta idea clave, sería la famosa ilustración del psicólogo danés Edgar Rubin. Todos la conocemos. Al espectador se le presentan dos formas: dos rostros o un jarrón. Probablemente te quedes un rato observándola intentando analizar cuál es la forma correcta (aunque las dos los sean).
4. Invariabilidad (nuestra mente reconoce semejanzas y diferencias)
Nuestro cerebro es capaz de percibir objetos desde diferentes perspectivas a pesar de que cuenten con apariencia diferente. La invariabilidad es una propiedad de la percepción que sugiere que los objetos simples se reconocen independientemente de su rotación, traslación y escala.
En este ejemplo podemos percibir que se trata exactamente de la misma forma, a pesar de que el objeto se ha rotado, escalado o trasladado.
Imagínate lo absurdo que sería que solo pudieras reconocer a la gente si te está mirando de frente, y que dejases de hacerlo si se pone de perfil. Aunque su apariencia “cambie” por tener una perspectiva diferente, seguimos siendo capaces de reconocer el objeto, o en este caso, el sujeto.
Las Leyes de la Gestalt en la percepción visual y el diseño gráfico
Ahora que ya conocemos las 4 ideas clave o fundamentales desde las que partieron los miembros de la Teoría de la Gestalt para desarrollar las leyes o principios, podemos conocer cómo se relacionan con el diseño gráfico.
Como he mencionado antes, estos principios intentan explicar cómo y cuándo nuestras mentes perciben diferentes componentes visuales como parte de un grupo. Si quiere dedicarte al diseño, necesitas conocer estos principios, porque te van a ayudar a crear un trabajo estructurado y coherente, que atrape la atención del espectador.
Veamos cuáles son estos principios acompañado de ejemplos de cómo los han aplicado de forma exitosa algunas empresas.
1. Principio de Semejanza o Similitud
El principio de semejanza se utiliza para unir elementos que estén o no próximos entre sí. Si los encontramos similitudes entre sus elementos, tenderemos a verlos como parte de un grupo. Además, si un diseño está formada por objetos similares, el espectador va a percibir el conjunto como algo equilibrado y coherente. Cuanto mayor es la similitud entre los objetos, más coherencia transmitirá la obra en su conjunto.
La similitud entre los diferentes elementos puede ser de forma, color, tamaño o textura.
Gracias a este principio de semejanza, podemos generar énfasis sobre un elemento, rompiendo el patrón de similitud dentro de los elementos que conforman el grupo. A estos casos donde un objeto destaca del resto y no concuerda con la similitud, se denomina Anomalía.
En el ejemplo, los círculos y cuadrados se encuentran equidistantes unos de otros, con exactamente el mismo tamaño. Sin embargo, nuestra mente pasa a agruparlos por color, y distinguimos dos conjuntos, por un lado los turquesa y por otro los negros. Esto es debido a la semejanza de los colores.
Un ejemplo de este principio, lo podemos apreciar en el logo de Sun Microsystems. Está compuesto por elementos iguales, pero girando algunos de estos, se rompe el patrón generando énfasis en unas agrupaciones de ellos, reflejando el nombre de la marca que representa.
2. Principio de Continuidad
El ojo puede crear visualmente la continuidad de una línea. Este principio se basa en la idea de que el ojo humano va a seguir siempre el camino visual natural, más suave, menos forzado y más coherente.
Por ejemplo, en las ilustraciones que podéis ver bajo estas líneas, nuestro ojo va a querer seguir la línea recta o curva, de un extremo a otro. Incluso aunque las líneas cambien de color a mitad de su recorrido. Nuestra mente tiende a agrupar los elementos por la continuidad que percibe nuestro ojo.
El principio de Continuidad puede resultarnos de mucha utilidad, por ejemplo, para apuntar hacia un elemento del diseño o cuando necesitamos guiar la mirada de nuestro espectador.
Un claro ejemplo de este principio es el logo de Coca Cola, que hace un uso literal de este principio. La primera «C» del logotipo hace que nuestros ojos se vayan dirigiendo hacia la siguiente «C». Y esta, a su vez, crea una línea que fluye hasta la «A» final. Con dos simples trazos, vemos todo de un simple vistazo en la dirección deseada. Las flechas de Subway, también nos invitan a ese camino visual más suave y fluido.
3. Principio de Cierre
Cuando una figura que no está cerrada o delimitada por líneas, nuestra mente tiende a transmitir una sensación de cierre o forma completa.
Según la Teoría de la Gestalt, las formas cerradas se perciben como formas más estables. Tendemos a cerrar o completar las formas abiertas, buscando otorgarles más estabilidad. Por eso, tendemos a agrupar las formas individuales como parte de un grupo, buscando componer una forma cerrada y completa.
El principio de cierre es una técnica bastante recurrida en diseño gráfico, especialmente en el diseño de logos. Al percibir un elemento como incompleto, nuestro cerebro trabaja rellenando la información que falta.
Algunos ejemplos de logos que utilizan este principio de cierre podrían ser el logo de WWF, el logo de Carrefour, el logo de la UEFA Champions League o el logo de Adobe.
4. Principio de Proximidad
El principio de proximidad teoriza sobre cómo tendemos a agrupar las formas o elementos visuales que están próximos entre sí. Para ello, dichos objetos deben compartir alguna de estas características en común: forma, color, tamaño o textura.
Por otro lado, si aumentamos el espacio entre los elementos podemos conseguir una sensación de separación, aún cuando los elementos tengan características en común.
En este ejemplo, comprobamos que la única diferencia entre la imagen de la izquierda y la imagen de la derecha es la proximidad de las líneas. Sin embargo, nuestra mente interpreta la imagen de la derecha como 4 grupos diferentes de elementos.
El logo de Unilever es un buen ejemplo de cómo aplicar el principio de proximidad sobre un diseño. Gracias a la proximidad de los elementos podemos acabar distinguiendo la letra «U».
5. Principio de Figura y Fondo
El principio de Figura y Fondo es bastante similar al principio de cierre, porque aprovecha también la forma en que el cerebro procesa el espacio negativo a su alrededor. Este principio describe la tendencia que tiene el ojo humano a ver un objeto separado de lo que le rodea.
Nuestra mente no es capaz de interpretar un mismo elemento como figura o como fondo al mismo tiempo. Distinguirá entre los objetos que considera que están en el primer plano de una imagen (la figura o punto focal) y el fondo (el área en la que descansan las figuras). Las cosas se ponen interesantes cuando el primer plano y el fondo en realidad contienen dos imágenes simultáneas distintas, como estas:
Un artista que podríamos destacar sin duda alguna, es M. C. Escher. Fue un maestro jugando con este principio y con tantos otros de la Gestalt.
Para poner un ejemplo de este principio en marcas reales, me viene inmediatamente a la cabeza FedEx. La «E» y la «x» en su logotipo, generan una flecha dentro del espacio negativo entre ellas. Una flecha que nos transmite movimiento, dirección o envío. Por otro lado, el logotipo de My Fonts hace uso de este principio de figura y fondo con el «My» cuyo vacío nos recuerda a una mano. Mano que nos transmite la manualidad artesanal con la que se realizan las tipografías. Muy adecuado para la finalidad del sitio; «encontrar la fuente a tu medida”.
6. Principio de Simetría y Orden
Este principio, también conocido como prägnanz (que significa buena forma o figura), defiende que los elementos que cuentan con simetría y orden, son también percibidos como parte del mismo grupo.
Nuestro cerebro tiende a completar una imagen simétrica y a percibirla como una figura armónica y completa. Esto se debe a que la simetría evoca una sensación de equilibrio y armonía que nuestro cerebro encuentra atractiva y fácil de procesar.
Aquí algunos ejemplos de logos que se han valido de este principio para transmitirnos esa armonía. Como son el logo de Chanel, el logo de las Olimpiadas o el logo de MacDonald´s.
Además, este principio establece que nuestra mente tiende a analizar siempre de la forma más simple, organizando los elementos en figuras simétricas, regulares y estables. Nuestra mente, por tanto, tiene una tendencia natural a percibir objetos simétricos como formas completas y equilibradas, aunque en realidad estén incompletas o sean asimétricas.
Veamos otro ejemplo. ¿Cómo percibimos la figura de la izquierda? ¿Veis una forma compleja o tal vez tres formas simples solapadas?
Nuestra mente siempre va a interpretar la imagen de la izquierda como un triángulo, un círculo y un rectángulo, incluso aunque contase con los contornos incompletos, porque son formas más simples que la imagen general y compuesta por formas geométricas almacenadas en nuestra memoria.
7. Principio de Dirección Común
En los últimos años se habla también de este principio de dirección común. Esta última ley, teoriza que los objetos y elementos que parece que construyen un patrón o flujo en la misma dirección, son una vez mas percibidos como parte de un grupo.
Como ejemplo de marca que hace uso de este principio de dirección común, podríamos hacer mención de IBM. Que con sus líneas horizontales que varían en longitud nos hacen legibles las siglas de esta famosa marca tecnológica.
Conclusión.
La teoría de la Gestalt ha revolucionado la percepción visual. Demuestra que el cerebro humano procesa la información como un todo coherente y significativo, influyendo en disciplinas como la psicología, el arte y el diseño. Estudiarla nos permite crear composiciones visuales armoniosas y eficaces. La Teoría de la Gestalt son la base de algunos de los principios de diseño gráfico.
Ahora que las conoces mejor, no olvides tenerlas en cuenta cada vez que realices un diseño y así, controlar mejor cómo impacta en la percepción visual. Porque la Teoría de la Gestalt reside en la mente, no en los ojos.
Hola, soy Roberto Vidiella.
Soy fundador y Director Creativo de VIDI. Me apasiona el diseño gráfico, y mediante este blog, intento profundizar en mis conocimientos y compartir lo que he aprendido durante mi trayectoria. Si me dejas un comentario, me ayudas a seguir aprendiendo y mejorando, ¡y además me hace mucha ilusión!