Introducción
Existe una teoría (psicología de la Gestalt) sobre la percepción que estudia la forma en que nuestro cerebro decodifica la información que recibe a través de diversas asociaciones que se producen en el momento de la percepción. Según esta teoría, la mente configura, a través de ciertas leyes, los elementos que le llegan a través de los canales sensoriales (percepción) o a través de la memoria (pensamiento, inteligencia y resolución de problemas).
Toda percepción es un acto de búsqueda de significado y, en este sentido, es un acto de comunicación o de búsqueda de comunicación. Percibir no es recibir pasivamente información visual. Percibir implica buscar, seleccionar, relacionar, organizar, establecer conexiones, recordar, identificar, jerarquizar, evaluar, aprender e interpretar.
En el proceso de diseño se construye un mensaje visual con alguna intención concreta. ¿Cuándo crees que se logra alcanzar este objetivo?
La construcción de mensajes visuales conlleva siempre una intención comunicativa que tendrá éxito cuando el receptor del mensaje sea capaz de decodificarlo correctamente de acuerdo con las intenciones del emisor del mismo.
Logo de Carrefour
¿Crees que el logo de Carrefour consigue su intención?
Las personas dedicadas al diseño son comunicadores visuales por lo que deben conocer al público, sus necesidades e inquietudes para poder lograr que el mensaje visual llegue de manera correcta a los receptores del mismo.
Cuando utilizamos imágenes para construir mensajes audiovisuales, debemos tener presente que con las imágenes sólo podemos comunicar las experiencias comunes.
Principios básicos de la Gestalt
Los principios básicos de la Gestalt son:
- Principios de proximidad y de semejanza
- Principios de simetría y de continuidad
- Principios de cierre y de área o tamaño relativo
- Principio de figura-fondo
- Ley de simplicidad, pregnancia o buena forma
En los subapartados siguientes veremos estos principios y su aplicación en el diseño de interfaces Web.
Principios de proximidad y de semejanza
Principio de proximidad
Nuestra mente tiende a agrupar los elementos en función de la distancia que hay entre ellos.
En la imagen nuestra mente agrupa los elementos formando 3 columnas, 4 filas y 6 bloques.
Un ejemplo de la aplicación de este principio lo puedes ver en la imagen de una de las páginas del antiguo sitio de la Comunidad de Madrid. En esta imagen se han agrupado, dentro de dos rectángulos azules, aquellos elementos que, siendo todos enlaces a otras páginas del sitio y, presentando el mismo formato, se perciben como bloques distintos por estar sus elementos más próximos entre sí.
La cercanía de los elementos del mismo tipo es percibida por el usuario como si fueran una única unidad. Y, la distancia que hay entre los dos bloques, es suficiente para que el usuario los perciba como elementos que pertenecen a diferentes categorías de información.
Agrupamos todo lo que nos rodea por sus características similares. A las personas las agrupamos por su raza, religión, sexo, altura, color del pelo, clase social. También realizamos agrupamientos en el resto de los seres vivos: arbustos, vegetales, mamíferos, anfibios, etcétera y, en nuestras alacenas, tendemos a agrupar objetos según su funcionalidad: artículos de droguería, alimentación, jardinería, utensilios de cocina.
Principio de semejanza
Nuestra mente tiende a agrupar aquellos elementos que son similares en su aspecto visual: forma, color, tamaño, etcétera
Nuestra mente no percibe los 36 elementos de la parte izquierda de la imagen. Percibe 3 filas de elementos amarillos y 3 filas de elementos marrones. En la parte central de la imagen vemos las líneas en diagonal formadas por elementos con la misma forma. En la parte de la derecha de la imagen distinguimos 3 bloques de rectángulos, el bloque superior horizontal y dos bloques paralelos dispuestos verticalmente.
Un ejemplo de la aplicación de este principio lo puedes ver en la imagen de una de las páginas del antiguo sitio de la Xunta de Galicia. En esta imagen se han agrupado dentro de unos rectángulos azules aquellos elementos que, siendo todos enlaces a diferentes páginas del sitio, son similares entre sí tanto en forma como en tamaño.
Principios de simetría y de continuidad
Principio de simetría
Nuestra mente tiende a percibir como un único elemento aquellos que están dispuestos simétricamente.
En el dibujo no vemos el símbolo © del Copyright que está colocado cuatro veces pero girándolo de modo que la letra C de cada uno de los símbolos está mirando al centro. Lo que vemos son los pétalos de una flor.
Un ejemplo de la aplicación de este principio lo puedes ver en la imagen de la página de la Tienda On-line de Bornay Desserts. En esta imagen se han separado mediante una línea vertical de color azul las dos zonas simétricas. En la zona de la izquierda el texto está alineado por su derecha, mientras que en la zona de la derecha, el texto está alineado por su izquierda. Desde lejos parece un único elemento centrado en la imagen.
Principio de continuidad
Nuestra mente tiende a percibir los elementos continuos aunque estén interrumpidos entre sí.
En la imagen vemos a la izquierda un grupo de ovejas que avanzan por un camino. Las ovejas que van delante no se ven claramente pero nosotros las percibimos igualmente por efecto del principio de continuidad. En la parte derecha de la imagen no vemos la forma de aleta de delfín de color azul que se ha repetido ocho veces. Por efecto del principio de continuidad lo que vemos es una forma con ondulaciones sobre las que está escrito el texto “abcd”.
Un ejemplo de la aplicación de este principio lo puedes ver en la imagen de la parte central de la página de la Tienda On-line de Bornay Desserts. En esta figura se han separado mediante una línea vertical de color azul la imagen central original con su hueco central, de la imagen de lo que el usuario percibe destacando con color azul la letra B completa y con color granate el hueco de la línea central. El usuario percibe estos elementos unidos aunque estén interrumpidos.
Principios de cierre y de área o tamaño relativo
Principio de cierre
Nuestra mente tiende a percibir figuras completas o cerradas a partir de contornos, incluso aunque éstos estén incompletos.
Un ejemplo de la aplicación de este principio lo puedes ver en las tres zonas enmarcadas con un rectángulo grisáceo en la parte derecha de la imagen. La parte izquierda se corresponde con el aspecto original de la página web de la empresa Enesa Logística S.L.
Principio de área o tamaño relativo
Nuestra mente tiende a percibir como objeto el más pequeño de dos objetos que se superponen, percibiendo el objeto de mayor tamaño como fondo.
La hexágono se percibe como el objeto principal de la imagen y el cuadrado azul se percibe como el fondo sobre el cual se encuentra el hexágono.
Un ejemplo de la aplicación de este principio lo puedes ver en las zonas enmarcadas mediante círculos en la parte derecha de la imagen. La circunferencia roja representa el fondo y los círculos pequeños son los elementos de interés. La parte izquierda de la imagen se corresponde con el aspecto original de la página web de la empresa Golfitness style Donde se pueden ver las imágenes que están debajo de los círculo y que se corresponden con la zona de navegación de la página.
Principio de figura-fondo
Nuestra mente tiende a percibir ciertos elementos como figuras, con forma y borde, destacándolos del resto de los objetos que los envuelven (fondo).
En la imagen distinguimos el triángulo de color claro como una forma sobre un rectángulo de color azul que está de fondo, debido a que asimilamos mejor la forma triangular que la poligonal. Si esto no fuera así, estaríamos viendo un triangulo a la izquierda y una forma poligonal a la derecha.
Un ejemplo de la aplicación de principios es la imagen de la página de ISAIAH FRAZIER ARTISTIC DESIGNS. En ella podemos ver el corazón como objeto principal situado sobre un fondo de rectángulos de colores.
Ley de simplicidad, pregnancia o buena forma
Nuestra mente tiende a percibir las formas más simples, facilitando así su recuerdo. Es un principio de organización de los elementos que componen una experiencia perceptiva, por el cual se reducen las ambigüedades o efectos distorsionadores, permitiéndonos centrarnos en un objeto separándolo del entorno con facilidad.
La misma imagen que proponíamos como ejemplo del principio figura-fondo nos vale como aplicación práctica de otros principios. Distinguimos en la fila superior los elementos que forman parte del sistema de navegación por la tonalidad más oscura de los colores (principio de semejanza). También hay agrupación de elementos en distintos rectángulos con fondo blanco (principio de proximidad). Y, vemos rectángulos completos, aún cuando no lo están por estar recortados con la silueta del corazón blanco del centro (principio de cierre).