Cap 4
Cap 4
Fundamentos
ergonómico
s
para el diseño de la interfaz visual
EDITORI AL
UN
IVE
RS
ITARIA
cuaad
Universidad de Guadalajara
UNIVERSIDAD DE
GUADALAJARA
Botnemsbпu
200919
Itzcoatl Tonatiuh Bravo Padilla
Rectoría General
Bibliografía: p.184-186
La versión original de esta obra se publicó en octubre de 1997 bajo el título Fundamentos ergonómicos en el diseño. Percepción
visual, y la segunda edición se publicó en septiembre de 2009 dividida en dos volúmenes bajo el título
Percepción visual I. Elementos teóricos para el diseño y Percepción visual II. Aplicaciones en el diseño,
ambas ediciones en coautoría con Rosalío Ávila Chaurand.
Autora
Lilia Roselia Prado León
Coordinación editorial Sol Ortega Ruelas
Cuidado editorial
Juan Felipe Cobián Esquivel
Ilustraciones
J. Daniel Zamorano Hernández
Paola E. Vázquez Murillo
D.R. 2016, Universidad de Guadalajara
EDITORI
AL UN
IVE RS ITARIA
Editorial Universitaria
José Bonifacio Andrada 2679 Colonia
Lomas de Guevara 44657
Guadalajara, Jalisco
www.editorial.udg.mx
01 800 UDG LIBRO
Marzo de 2016
Se prohíbe la reproducción, el registro o la transmisión parcial o total de esta obra por cualquier sistema de
recuperación de información, sea mecánico, fotoquímico, electrónico, magnético, electroóptico, por
fotocopia o cualquier otro, existente o por existir, sin el permiso por escrito del titular de los derechos
correspondientes.
02 sb
94
CAPÍTULO 4
Teoría de la Gestalt y los principios de la
forma
Introducción
El contorno es la principal característica informativa de las imágenes visua- les que percibimos. Constituye el
límite entre la figura y el fondo y surge por la interacción entre la forma y el
color. La percepción de los objetos y sus características están situadas dentro de un
todo, de modo que no se percibe nada aislado; a una forma determinada se le asigna una
ubicación dentro del espacio, una puntuación en la escala de tamaño, luminosidad o
distancia relativos. Este es el rasgo inherente de la percepción, como ya se
estableció en el capítulo 2. Muchos de los principios psicológicos que rigen este
comporta- miento perceptivo los ha establecido la psicología de la Gestalt.
A finales del siglo XIX, Wetheimer (1880-943) creó las bases de la teoría de la Gestalt en
Alemania. Köhler (1887-1967) y Koffka (1886-1941) fueron sus discí- pulos y
continuaron su trabajo durante el primer cuarto de siglo xx, en Estados Unidos
(Gordon, 2001). Sus demostraciones acerca del papel que desempeñan el fondo y la
organización sobre los procesos perceptuales desembocaron en una serie de leyes
sobre la organización perceptual que siguen siendo sólidas. En general, estas leyes
se encuentran enmarcadas en un enfoque integral, totalitario e interactuante de la
forma con su contexto. Rudolf Arnheim (citado por Dondis, 1976) ha realizado
brillantes trabajos, en los que aplica buena parte de la teoría de la Gestalt y de otras
cuestiones psicológicas involucradas en la percepción. Este apartado reúne una síntesis
fundamentada básicamente en los trabajos de esta corriente psicológica, de la cual
tomaremos los elementos que nos ayudarán a lograr el objetivo de esta sección.
El elemento de la forma es imprescindible y de gran relevancia en el diseño, su manejo apropiado implica
conocimientos tanto a nivel psicoló- gico como técnico. En este apartado, sólo
corresponde abordar al primero,
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA FORMA
Símbolo
Objeto, expresión o
actividad reactiva que
sustituye a otra y se
convierte en un sustituto
representativo. Signo
convencional usado para
representar una clase de
Elementos críticos esenciales de la forma
96
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA FORMA
esenciales de un
internet de turismo de México. Este símbolo contiene los elementos críticos
avión, en el que podemos observar que, aunque su repre- sentación gráfica no es
detallada, sí incluye los elementos críticos esenciales para ser reconocido e
identificado por las personas que lo ven a distancia y que se dirigen al
aeropuerto. Este principio está ligado estrechamente con la ley de Prägnanz
acerca de la simplicidad en el diseño, ya que esta se puede lograr incluyendo los
elementos críticos y eliminando los accesorios.
El caso contrario, con un diseño que incluye demasiados detalles (figura
4.5), lo convierten en un diseño complejo, que dificulta su rápida interpreta-
ción, como cuando se conduce en automóvil rumbo al aeropuerto. ¿Cuál de los dos será
más fácil y rápido de interpretar en esta situación? Obviamente que el más simple,
por ello los símbolos deben ser sencillos para facilitar su interpretación.
disc
GOOD YEAR
97
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA FORMA
80
0
Figura 4.8 Efecto del contexto en
la percepción.
Figura 4.7 Efecto del contexto en la percepción.
Asimismo, el contexto puede dar lugar a percepciones distorsionadas o ilusiones visuales (Matlyn y Foley,
1996), como se observa en la figura 4.8 en la que se presenta la ilusión de
Müller-Lyer. Tanto en la figura superior como en la inferior, el segmento de la
izquierda parece más largo que el de la derecha, aunque ambos tienen la misma
longitud, debido a la dirección de las flechas o posición de los rectángulos de cada línea.
98
Figura 4.9 Percepción de la estructura.
La simplicidad en el diseño puede lograrse con la mínima cantidad de ele- mentos que se requieran para
definir una organización dada. Para ello resulta útil plantearse la siguiente pregunta:
¿cuál es la estructura más sencilla que servirá para el fin buscado y cuál es la
manera más sencilla de organizar esta estructura? En este cuestionamiento está
implicada, en primera instancia, la moderación y, enseguida, el orden; ambos son
elementos imprescindibles de un diseño sencillo.
La sencillez se utiliza no en un sentido peyorativo, sino como una cualidad y un requerimiento del diseño, y se
refiere a la organización de significados y formas dentro de una estructura global
que defina claramente tanto el lugar como la función de cada uno de los detalles del
conjunto. Para que un usuario
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA
FORMA
Buena continuación
Figura-fondo
MUSEUM
Figura 4.10 Buena continuidad.
También la forma se ve más cercana al observador, encima del fondo, el cual se presenta como flotante detrás de
la figura. La figura es más dominante, impresionante y se recuerda mejor que el fondo. En la figura 4.11 la
organiza- ción inmediata conduce a ver un triángulo encima de un fondo blanco, pero si vemos el círculo
blanco como figura ahora este se verá al frente del triángulo Figura 4.11 Relación entre
negro, que se verá como fondo.
figura y fondo.
99
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA FORMA
Figura 4.12a Mal contraste
entre figura y fondo. Fuente:
mypresosucks.com
de
Le
TOUR
Franc
e
Figura 4.12b Buen contraste
entre figura y fondo. Fuente:
http://3tris3tigres.
blogspot.mx/2011/12/
ilusiones-opticas-en-
logos-comerciales.html
La relación figura y fondo es de gran importancia en la percepción de
la forma. La forma se distingue del fondo por las siguientes características:
Por su carácter de objeto definido.
•
Extensión y figura
Cuando tanto la figura como el fondo pueden percibirse como figura, la que menor superficie ocupe en la
configuración tenderá más a percibirse como figura. Por ejemplo, en la imagen
4.13 en la ilustración de la izquierda, la fi- gura negra con menor extensión es la
que tiende más a percibirse como figu- ra y en la de la derecha es más fácil ver la
misma figura, ahora en blanco, aunque esté el color invertido. Esta figura está
adaptada de un logotipo de una marca de automóviles, en la que el objetivo es
que se identifique como forma una T, y lo lograron aplicando este principio.
100
A ob
Cierre y figura
Figura 4.13 Distinción entre figura y fondo.
Si en un diseño gráfico se tienen figuras abiertas y cerradas, y ambas pueden percibirse como figuras, es más
probable que percibamos como figuras las que estén cerradas. La figura 4.14
ilustra este principio: en el inciso a, aunque hay una Fabierta, también se
puede percibir como figura el triángulo y la figura irregular
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA FORMA
que está cerrada. En este ejemplo se dificulta más ver las figuras cerradas como
figuras, debido a que la figura irregular no es una figura reconocible que tenga un
nombre para el observador, además la figura abierta está en la parte central del
diseño gráfico. En el inciso b es mucho más claro el ejemplo, ya que muy fá-
cilmente se reconocen como figuras las dos prendas de vestir que están en blan- co
(cerradas) y posteriormente se ve la corona en el centro, que está sin cerrar. Como se
observa en este último ejemplo, el diseñador gráfico puede aprovechar que se ven
dos figuras, las cerradas y las abiertas, para dar dos mensajes de ma- nera
intencional: ropa y real.
a
ROYAL CLOTHES
Abiguas Gateb
Figura 4.14 Cierre y figura.
Simetría y figura
También las formas simétricas son más fáciles de reconocer y recordar que las
asimétricas. En igualdad de condiciones, las configuraciones que presentan simetría
se perciben más como figuras que como fondo. En la figura 4.15 se presentan dos
ejemplos en los que se tiende a percibir como figuras a las franjas que son
simétricas. Sin embargo, Szlichcinsk (1979, citado por Obome, 1987) señala que
hay evidencia experimental de que una figura asimétrica puede proporcionar más
información que una totalmente simétrica. Esto no con- tradice el principio de
la Gestalt, ya que la percepción tiende a la simplicidad, y mientras menos
información más simple es el estímulo visual.
101
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA FORMA
102
To
Ronce
emic Otros investigadores han presentado hallazgos que conducen a una apro- ximación evolucionista del
principio de la simetría, declarando que muchos animales presentan simetría en
su forma, principalmente simetría bilateral, lo cual facilitaría la creación de
imágenes en la retina ya que los ojos también presentan simetría bilateral (Gordon,
2001).
La preferencia por las figuras simétricas en la percepción visual ha sido demostrada con pruebas
realizadas en laboratorios similares al siguiente experimento (figura 4.16): se
muestra a los sujetos un modelo que presenta una ligera asimetría, como es el caso
de ay d, posteriormente se les pide que lo reproduzcan gráficamente. Los
resultados indican que los sujetos tienden a reproducir el modelo haciéndolo
simétrico, como se observa en by e, o agudizando las diferencias (cy f), se
eliminan así las ambigüedades y se faci- litan la observación y el posterior
recuerdo (Arnheim, 1989).
a
b
C
d
Límite definido
Aunque el límite no es, en ocasiones, un rasgo esencial para que una figura sea
reconocida, sí lo es para atraer la atención y para que sea más fácilmente
discriminada, ya que establece la diferencia entre forma y fondo. Un límite bien
definido es aquel que está trazado con una línea gruesa; también se presenta
cuando la figura está completamente rellena. Estos rasgos facilitan la
delimitación entre fondo y figura. En la figura 4.17 se pueden observar tanto
elementos gráficos con buen límite como con límite deficiente. ¿Qué es lo que sobresale
de esta composición? Los pétalos de las flores que tienen buen límite, porque están
rellenas con un color diferente al fondo. En cambio, la maceta, los tallos y las
hojas no sobresalen porque tienen un límite defi- ciente, ya que es sólo una
línea delgada la que las delimita. Por otro lado, en b se observan dos casos de buen
límite. En la palabra sub, aunque sea del mismo color que el fondo, tiene un borde
grueso que funciona muy bien, y en la palabra way, a pesar de que el contraste
amarillo-blanco es deficiente, este se mejora con el límite adecuado representado
con el borde negro. En
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA FORMA
este ejemplo está claro que no es lo mismo el principio del límite que el
de contraste. Puede haber un mal contraste, pero presentar un límite definido,
como en este último ejemplo.
SUBWAY
Figura 4.17a Principio del límite definido.
Fuente: creadotecnia.com
Figura 4.17b Principio de límite definido. Fuente:
http://web.amerpack.com.ve/?page_id=235
0190 290
nofaividua
Estabilidad
BOUT
103
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA FORMA
104
T
Figura 4.20 Diseño que contiene
dos significados: camiseta y
T.
WWF®
Figura 4.21 Ley del cierre.
口
L
D
O
O
O
D
D
D
口
口
DAVID WEINBERGER
D
Figura 4.22 Ejemplos de
agrupaciones por forma,
luminosidad, proximidad y
tamaño.
口
También puede ser el caso de que el diseñador desee precisamente es- tablecer dos mensajes en la misma
figura. Por ejemplo, la figura 4.20 muestra un logotipo de una tienda de camisetas
cuyo nombre es T, y con este diseño se logró que se perciba tanto una camiseta como
una T, a través del principio de cierre y figura, y por el uso de elementos críticos
similares en la forma de ambos elementos.
802
La ley del cierre de la Gestalt explica que las estructuras bien organizadas se
aferran a su integridad y tienden a completarse cuando se les mutila o distor- siona.
En la figura. 4.21, aunque no esté el oso panda con todo su contorno, se percibe
como un oso panda completo.
Agrupaciones
perceptuales
abanolis & asugidmis
Cualquier aspecto de los preceptos puede organizar un agrupamiento por semejanza. Sin embargo, hay que
tener en cuenta que no se pueden comparar figuras sin partir de una base
común. La figura 4.22 muestra un póster en el que se aplicaron varios principios
de agrupación:
como los grupos de letras. También está presente aquí el principio de proxi-
midad, pues hay grupos de líneas cercanas entre sí.
La figura 4.24 presenta otro ejemplo, en donde se puede observar
el prin- cipio de agrupación por luminosidad, pues tenemos círculos de diferentes
colores; agrupación por tamaño, ya que hay círculos de diversos tamaños, letras
pequeñas y letras grandes; y agrupación por forma, pues aparecen círculos y
letras.
FASHION
LONDON FASHION
IN BARCELONA
22-25/06/2010
NSIS30
CENTER
H
CONFEREN
CES
Figura 4.23 Ejemplo de agrupación por orientación especial y por proximidad.
DEERHOOF
105
106
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA FORMA
¿Por qué es importante el estudio de la forma para el diseñador gráfico? 2. ¿Cuáles son los elementos
fundamentales para identificar o describir lo
que percibimos?
3.
4.
5.
Sintetiza la esencia o idea principal en la que se fundamenta la psicología de la
Gestalt; da un ejemplo utilizando un gráfico.
¿Cuál es la principal ley general de la Gestalt? Explícala con tus propias
palabras. Presenta un ejemplo gráfico aplicado al diseño gráfico.
¿Qué relación hay entre la experiencia del observador y el principio de efecto
del contexto en la percepción?
6. ¿Qué características comparten los principios de extensión figura-fondo,
simetría, cierre y figura?
7.
¿En un buen diseño gráfico necesariamente se tienen que aplicar todos los principios
de la forma? ¿Por qué?
8. ¿Cuáles son los principios más importantes para el diseño gráfico? ¿Por qué?
9.
¿Una figura estable es siempre deseable en un diseño gráfico? Explica tu
respuesta con un ejemplo gráfico.
CAPÍTULO 4. TEORÍA DE LA GESTALT Y LOS PRINCIPIOS DE LA FORMA
Demostraciones y experimentos
Contornos subjetivos
Un proceso parecido a la ley del cierre puede ocurrir cuando una porción en
blanco del campo visual produce la apariencia de márgenes. A esto se le ha
denominado como contornos subjetivos (Kanizsa, 1976, citado por Schiffman,
2001). También se les ha llamado contornos ilusiorios o contornos aparentes. Abajo
puedes ver algunos ejemplos (figura 4.26).
33333333
"
Figura 4.26 Contornos subjetivos, también llamados aparentes o ilusorios.
107