fundamentos del diseño gráfico y la Teoría Gestalt

 




LA GESTALT



La Gestalt aparece en Alemania a principios de siglo como una reacción a las teorías reduccionistas y atomistas que empezaban a imperar en el ámbito psicológico. Max Wertheimer (quien publicó su "manifiesto" gestaltista en la misma época que Watson hizo lo propio respecto al conductismo), Wolfgang Köhler y Kurt Koffka son sus principales representantes.

La Gestalt estudia la incidencia en los sistemas totales, en las estructuras en las que las partes están interrelacionadas dinámicamente de manera que el todo no puede ser inferido de las partes consideradas separadamente. Los primeros estudios sobre el movimiento aparente de la luz (el fenómeno phi) o el análisis de la percepción de las películas cinematográficas muestran como, por ejemplo, si analizamos una película fotograma a fotograma tendremos una idea muy diferente e imprecisa que si vemos la secuencia en conjunto, es decir, si miramos la película como una totalidad. Estas totalidades se llaman, precisamente, gestalts (forma, pauta, configuración o conjunto total). De aquí se desprende el principio general de esta corriente: "el todo es más que la suma de las partes".

Fue un movimiento de gran amplitud, con gran incidencia en la arquitectura. Corrientes artísticas como la Bauhaus y arquitectos como Venturi utilizaron, de una u otra forma, los principios gestálticos para sus construcciones (si queréis profudinzar más en la relación entre la Bauhaus y la Gestalt podéis acceder a este interesante artículo de María Cecilia Grassi).

La Psicología de la Gestalt y la Bauhaus: una historia de intercambios e interacciones (1919-1933) 

La Gestalt tuvo, sobretodo, una gran importancia por sus contribuciones al estudio de la percepción, definiendo una serie de principios de organización perceptiva que permiten captar de forma integral estas totalidades o gestalts. Estos principios se estructuran básicamente en dos leyes: la Ley de la figura-fondo y la Ley de la buena forma (llamada también Ley del agrupamiento o Ley de la pregnancia).

Según la Ley de la figura-fondo, el proceso perceptivo remite a un mecanismo básico según el cual tendemos a focalizar nuestra atención sobre un objeto o determinado grupo de objetos (figura) destacándolos del resto de los objetos que los envuelven (fondo).

En esta figura, por ejemplo, se puede, ver según se juegue con esta ley de una forma o de otra, una cara con una vela delante o dos caras separadas per una vela.



el diseño gráfico está en constante evolución, como medio comunicativo que es en nuestro sistema social basado en la palabra, el diseño se adapta a él a lo largo del tiempo, se va refinando y ampliando su enfoque.




La Ley de la buena forma remite a un principio de organización de los elementos que componen una experiencia perceptiva y que los gestaltistas llamaron Pregnancia (Prägnanz). Este mecanismo permite reducir posibles ambigüedades o efectos distorsionadores, buscando siempre la forma más simple o la más consistente; en definitiva, nos permite ver los elementos como unidades significativas y coherentes.

Uno de los principios básicos de la Gestalt es que la forma percibida es una propiedad emergente que no es intrínseca de los componentes de un objeto (Rock y Palmer, 1990). En la percepción hay más de lo que está al alcance de los sentidos.

Además, la Ley de la buena forma se rige por una serie de principios básicos

Proximidad: permite relacionar elementos que están unos cerca de los otros.

Semejanza: permite relacionar elementos en función de su similitud.

Continuidad: permite agrupar diversos elementos en una fila o curva uniforme.

Cierre: permite ignorar determinados "vacíos" para completar una figura.

Veámoslo gráficamente





LOS MÓDULOS



Los módulos constituyen un tipo de restricción muy útil y valorada en diseño gráfico. Pero, ¿qué es un módulo? Un módulo es un elemento compacto que se encuentra integrado en una estructura más grande. En diseño gráfico, los módulos son formas básicas e idénticas que se repiten en un diseño con la finalidad de crear una imagen visualmente atractiva. La repetición bien utilizada de un módulo otorga armonía al producto final. Dicha repetición puede ser:de formas
de color
de dirección


El módulo supone en sí mismo una restricción, puesto que exige al diseñador/a que se ciña a determinadas formas, colores y texturas.


A.Repetición de Figura: La figura es siempre el elemento más importante. Las figuras que se emplean pueden tener diferentes medidas, colores, etc.B.Repetición de Tamaño: Esta solo es posible cuando las figuras son también repetidas o muy similares.C.Repetición de Color: Esto supone que todas las formas tienen el mismo color, pero que sus figuras y tamaños pueden variar.
D.Repetición de Textura: Todas las formas pueden ser de diferentes conformaciones, medidas o colores.
E.Repetición de Dirección: esto solo es posible cuando las formas muestran un sentido definido de dirección, sin la menor ambigüedad.
F.Repetición de Posición. Esto se refiere a como se disponen las formas, de acuerdo a una estructura.
G.Repetición de espacio: Todas las formas pueden ocupar su espacio de una misma manera.
H.Repetición de gravedad: Es un elemento demasiado abstracto para ser usado repetidamente. Es dificultoso afirmas que las formas sean de igual pesantez o liviandad, de igual estabilidad o inestabilidad, a menos que todos los otros elementos estén en estricta repetición.
Variaciones de Repetición
La repetición de todos los elementos puede resultar muy monótona. La repetición de un solo elemento puede no provocar la sensación de orden y de armonía que asociamos normalmente con la disciplina de repetición, deben explorarse las posibilidades de variaciones direccionales o espaciales.
Variaciones Direccionales
Con la excepción del círculo todas las formas pueden variar de dirección en cierto grado. Aun los círculos pueden ser agrupados para dar una sensación de dirección. Pueden distinguirse varias clases de arreglos direccionales:





Estas pueden ser obtenidas reuniendo a las formas en una cantidad de interrelaciones, como se describió en una cantidad de interrelaciones, el uso imaginativo de la superposición, la penetración, la unión o las combinaciones y negativas puede conducir a resultados sorprendentes.











Submódulos y Supermodelos
modulo puede estar compuesto por elementos mas pequeños, que son utilizados en repetición. Tales elementos más pequeños son denominados Submodulos. Si estos al ser organizados se agrupan juntos para convertirse en una forma mayor, que luego es utilizada en repetición son denominados como Supermodulos. Hay una variedad de ambos módulos.







El Encuentro de las Figuras
Disposición Lineal: Las Figuras son alineadas como si fueran guiados por una línea conceptual que pasara por el centro de todas las figuras. Esta línea puede ser recta, curva o quebrada. La distancia entre los círculos puede ser regulada como se desee.
Disposición Cuadrada o Rectangular: Las figuras ocupan 4 puntos que entre si podrían formar un cuadrado o un rectángulo.
Disposición en Rombo: Las figuras ocupan 4 puntos que unidos entre si forman un rombo. Regulando la distancia entre las figuras pueden surgir varios tipos de Supermodelos.
Disposición Triangular: Las figuras son dispuestas para que 3 ocupen el extremo de un triangulo, con la cuarta en el centro.
Disposición Circular: Produce el mismo resultado que en la posición cuadrada, pero la disposición puede ser muy singular agregando mas círculos.


RADIACION: giro de formas unitarias alrededor de un centro comun para obtener un efecto radiante.
RECORRIDO CERRADO: recorrido que hace un cierre completo sin que se vean puntos extremos
RECORRIDO: linea de union recta o curva entre puntos.
RELLENO: color, dibijo, textura que ocupa el interior de una figura cuyo contorno esta delimitado por un recorrido cerrado.
REPETICION: uso constante de la misma forma. La repeticion puede estar restringida a la figura o a cualquier elemento especifico con variaciones en otros elementos (figura, tamano, color, textura…)
RETICULA: lineas verticales y horizontales espaciadas regularmente para colocar formas de una composicion.
SUBDIVISION ESTRUCTURAL: celula espacial bi-dimensional formada por lineas estructurales en una estructura.
SOLAPE: ubicacion de formas en que una tapa en parte la otra.
SEMEJANZA: relacion entre formas que se parecen entre si por su figura. pueden varian entre si en figura, tamano, color o textura.
SIMETRIA: figura o forma con su imagen refleja en disposición bilateral.
SUSTRACCION: Solape de forma negativa sobre otra forma eliminando la porcion de la otra forma y exponiendo el fondo positivo.
TAMAÑO: Dimensión de una forma.
TEMA: Contenido reconocible en una forma figurativa.
TRASLACION: cambio d e posición de una figura sin cambiar su direccion.
VOLUMEN: espacio tridimensional delimitado por planos.
FONDO: espacio vacio detras de las formas positivas en un diseño bi-dimensional.
GIRO: cambio de direccion de una forma.
GRADACION: cambio gradual en una serie de formas unitarias en una secuencia ordenada.
GRAVEDAD: pesadez o ligereza de una forma que produce los efectos de inestabilidad y movimiento o estabilidad y equilibrio.
GROSOR: atributo de una linea para establecer su anchura.
INTERSECCION: situacion de solape donde solo es visible el area solapada.
LINEAS ESTRUCTURALES: lineas invisibles que sirve para la construccion de una composicion mediante la ordenacion de las formas dentro de ellas.



FUNDAMENTOS DEL DISEÑO GRAFICO


En la escuela de la Bauhaus en Alemania, el lugar donde se estandarizó y se consolidó el diseño en base a un “lenguaje de la visión” universal que fuera comprensible para todos, analizando las formas en elementos geométricos básicos con los que se pudiera diseñar, con racionalidad y con diferentes puntos de vista. Era su principal finalidad, Pero el diseño gráfico se transforma con cada avance humano que existe, se reconstruye con la evolución tecnológica y con la aparición de diferentes materiales donde plasmar el arte y el diseño (fotografía, cine, producción masiva…), está en constante replanteamiento ideológico pues también se une al cambio del pensamiento y al cambio social, por tanto, ya puede existir toda la tecnología del mundo y sistemas o métodos racionales, que sus ideas no pueden dejar de estar ligadas al humanismo ni reducirse a su función o una descripción física.

Este pensamiento es lo que llevó a diferentes educadores de los años 40, en la Nueva Bauhaus de Chicago entre otras escuelas de Alemania y Suiza, a ampliar el enfoque con originales perspectivas estructurales del diseño hasta que en los años 60 con los teóricos de la posmodernidad desacreditaron la experimentación formal como componente del pensamiento universal y la realización de las artes visuales, ya que en las obras se debe distinguir entre descripción e interpretación, el hacer que es universal y la universalidad del significado. Por tanto, se incluyó a los fundamentos del diseño.

La interpretación propia del receptor según sus condicionantes culturales y experiencias. A lo que en los años 80 y 90 fue el pensamiento dominante a causa del aumento de mayor número de estilos culturales y mensajes dirigidos a comunidades cada vez más definidas.


El diseño no solo es la forma, sino el significado según la percepción e interpretación del lector y los rasgos culturales y experiencias.




LOS ELEMENTOS BASE






Se distinguen en 4 grupos:

Elementos conceptuales
Elementos visuales
Elementos de relación
Elementos prácticos



Elementos conceptuales



Aquí entra en juego la forma en que estos elementos no son visibles a simple vista.







El punto marca posición en el espacio, es un par de coordenadas x e y. Pero en cambio puede representar una partícula insignificante, la marca de un clavo o de un lugar, puedes ser su propia identidad o confundirse en una multitud formando entre ellos una línea o un plano.



La línea es la sucesión de puntos y tiene longitud pero no ancho, aunque puede cambiar su grosor hasta llegar al punto de convertirse en plano. Conecta con dos puntos o es la propia trayectoria que hace uno a otro. No tiene porque ser solo recta, puede ser curva, continua o a trozos. Cuando la línea se multiplica crea volúmenes, planos y texturas.También puede representar una dirección, ascenso y descenso como ondas o la representación del palpitar de un corazón. Están representadas de manera invisible en los textos, justificando a la izquierda o a la derecha, creando columnas… rigen un orden.



El plano es una superficie plana con largo y ancho, posición, dirección y está limitado por líneas, las cuales lo forman. Es el recorrido de una línea en movimiento que al cerrarse forma un plano acotado. En el software de vectores (Illustrator) todas las formas consisten en línea y relleno, un plano puede ser paralelo a la superficie, desviarse para dar sensación de espacio, de distancia, lejanía… puede ser sólido, transparente, perforado, texturizado, etc.



El volumen es un objeto gráfico que crea un espacio tridimensional con sus características de ancho, altura y profundidad. Se crea por medio de planos en movimiento y también perspectivas variando el tamaño, todo ello de manera ilusoria.


Elementos visuales

Estos elementos, como su nombre indica, son visibles y están creados por formas con líneas, colores, texturas (según el material utilizado), ancho… componen el principal lenguaje visual del concepto, formas y figuras. Es decir, no visual no es lo que percibes sino su nivel semántico y conceptual.








Forma, todo lo visible tiene una forma que el ojo percibe e identifica el objeto.






Medida, tamaño o escala es relativo. Un mismo elemento gráfico puede parecer grande o pequeño según la ubicación, el color y los elementos que le rodean, las pequeñas tienden a alejarse y en general, cualquier objero carece de escala cuando no se puede comparar con algo.






Color, el ojo humano puede distinguir entre 10000 colores y aquí no solo se habla de color del espectro solar, RGB, sino también a los neutros negro, blanco y grises, además de sus variaciones cromáticas según la percepción y sus propiedades materiales: tono, saturación y brillo.




Examina los elementos visuales básicos, estrategias y opciones de las técnicas visuales, las implicaciones psicológicas y fisiológicas de la composición creativa y la gama de medios y formatos
Punto


El punto es el elemento más simple de una imagen
Tiene una dimensión variable, que va desde el grano de la emulsión fotográfica o de la marca del pincel, hasta la superficie apreciable de un objeto.
Por tanto, debemos estudiarlo en dos niveles...
*Como recurso expresivo intencionado de la imagen
*Como parte inherente al soporte de la imagen
•Un punto en el centro geométrico del encuadre significa equilibrio.
•Cuando se desplaza el punto, la significación es de desequilibrio o inestabilidad     




Linea
Podemos definir la línea como la huella de un punto en movimiento o como una sucesión de puntos contiguos.
La línea presenta una serie de cualidades:
•Puede sugerir una textura
•El grosor de la línea se usa como medio de significación.
•Puede usarse para transmitir la idea de movimiento.
•Tiene un gran valor como elemento compositivo de la imagen.
•La dirección de las líneas también se asocian con distintos significados:
 *Líneas rectas = quietud, tranquilidad.
 *Líneas oblicuas y curvas = movimiento, inestabilidad, violencia





Contorno

La forma es un signo gráfico que tiene una superficie delimitada y una cierta extensión.

Predominio de lo recto                       Predominio de lo oblicuo              Predominio de lo curvo
Robustez, dogmatismo, fuerza           Tensión, dramatismo                     Perfección, equilibrio


Valores subjetivos aproximados





Dirección




Tono


Color



Textura





Escala

El tiempo y el movimiento

La imagen fija puede perfectamente indicar el transcurso del tiempo y, por tanto, reflejar el movimiento.

Recursos

*Las líneas cinéticas del cómic.
*La multiplicidad de gestos en una misma imagen (recurso típico del cómic).
*La congelación de la imagen mediante una alta velocidad de obturación.
*La imagen borrosa.

Movimiento 




Definición de composición

“Componer es agrupar, ordenar todos los valores visuales (línea, punto, color, luz, formas, planos, ángulos, objetos, etc...) para obtener imágenes con sentido, según una idea guía, según un estilo, para alcanzar un efecto estético, informativo o narrativo determinado”
Roberto Aparici y otros, La imagen, Madrid, UNED, 1992


Desde la Antigüedad han venido transmitiéndose un conjunto de normas académicas sobre lo que es correcto o incorrecto en una composición
Estos elementos don la materia prima de toda información visual que está formada por elecciones y combinaciones selectivas.


La anatomía del Mensaje Visual:


Representación: Reconocemos y vemos a través de la experiencia.

Abstracción: Calidad cinestetica de un hecho visual, realza los medios más directos y emocionales y hasta primitivos de confección del mensaje.

Simbolismo: Por medio de un sistema de símbolos codificados, que el hombre ha creado arbitrariamente y adscribe un significado.

Dinámica del contraste: Son los criterios intacticos ofrecidos por la psicología de la percepción, la familiaridad con el carácter y la convivencia de los elementos visules, proporcionando a los que buscan la alfabetidad visual unos fundamentos firmes a la hora de tomar decisiones compositivas.

Las siguientes son algunas de la Técnicas de Expresión Visual del contenido:

Principios de composición 


EQUILIBRIO - INESTABILIDAD

Composición Estática

•Huyen de todo lo que suponga inestabilidad, movimiento o transformación.
•Se buscan factores como la armonía, la uniformidad, la ausencia de tensiones o la simetría.

Composición Dinámica

•Asimetría, ritmo, conflicto y contraste.
•Dinamismo no es confusión
•Los motivos dinámicos incluidos están sometidos a una jerarquización dentro del encuadre.



Ritmo:

 El ritmo se consigue mediante la especial ordenación de los diferentes elementos de la imagen y por su repetición según una cierta cadencia.

Regla de los tercios
Se trata de una simplificación de la Sección Áurea
Los cuatro puntos de intersección de las líneas se convierten en zonas de gran atracción visual y, por lo tanto, se tendrán muy en cuenta al situar los centros de interés de la imagen
Las franjas superior e inferior se consideran también zonas de atracción visual.
La franja derecha se considera “más pesada” y es arriesgado situar en ella elementos importantes de la imagen 
La franja izquierda tiene más estabilidad.


El centro de interés:  
*La composición debe estar al servicio del centro de interés. 
*La composición debe provocar en el espectador la urgencia de encontrar el centro de interés. 
*El centro de interés debe ser el elemento dominante que dé sentido a una imagen. 
*El centro de interés no tiene por qué ser único, aunque cuantos más haya, más cuidado deberemos poner en conseguir la claridad de la imagen.

Tendemos a “leer” de izquierda a derecha y de arriba abajo. Pero muy a menudo, las imágenes trazan recorridos visuales diferentes. Para eso sirven las líneas de interés, que conducen la mirada por un recorrido determinado dentro del encuadre
Dependiendo de cómo sean las líneas, estas pueden tener una significación u otra. Por regla general, se considera que:
•Línea curva = calma, belleza, sensualidad.
•Línea quebrada = vitalidad, violencia.
•Línea vertical es más intensidad e impacto que la horizontal.
•Línea ascendente es más fuerte que una descendente.
•Línea diagonal es más dinámica.


La regla de los tercios en fotografía - todo lo que debes saber



SIMETRÍA - ASIMETRÍA



REGULARIDAD - IRREGULARIDAD


SIMPLICIDAD - COMPLEJIDAD




UNIDAD - FRAGMENTACIÓN



ECONOMIA - PROFUSION




RETICIENCIA - EXAGERACIÓN



CONTINUIDAD - EPISODICIDAD





Comentarios

Entradas populares