Composiciones formales e informales

Dentro de la composición de un diseño es común utilizar métodos básicos para ya sea acomodar los elementos o crear las formas. Éste apartado contendrá las más comunes.

Composiciones Formales
Son llamados así a las formas de composición a travez de correspondencia geométrica.

Traslación: Los elementos son movidos a travez de un eje de dirección.


Rotación: Tomando un punto como centro, los elementos son dispuestos alrededor de el mismo en forma circular.


Reflexión: Se refleja una imagen de acuerdo a un eje. Si es usado en solitario, dará como resultado una forma simétrica.


Dilatación: Deformación del tamaño de los elementos o forma.


Composiciones informales
Se definen de ésta manera a los modos por sensibilidad visual.

Gravedad: Sensación de caída o viceversa.


Contraste: Diferencia de forma, tono, tamaño...


Ritmo: Repetición mediante intervalos de un mismo módulo compuesto por varios elementos.


Centro de interés: Disposición de los elementos que se perciben con mayor importancia.

Elementos de la Forma

La forma es un todo que logra representar algo o mantener una relación, siendo compuesta por elementos básicos, tales como el punto, la línea y el plano. Además, la forma engloba otros conceptos más complejos: el espacio, la profundidad y el volumen.

El punto. La unidad básica más simple y pequeña dentro de lo gráfico.
La línea. Al moverse un punto, el trazo que describe el mismo es llamado línea.
El plano. Al ser unidas varias líneas, se construyen los planos.


Espacio, lugar que ocupa la forma. Puede ser micro (la forma será contenida una o varias veces en el medio) o macro (puede tocar orillas o ser de tamaño mayor al medio).

Podemos observar el espacio micro, el círculo es contenido en el medio (la imagen), el cual contiene además a otras formas.

Profundidad, ilusión de cercanía o lejanía, lograda a travez de escala, rotación, dirección y/o deformación de las formas que componen el diseño.


Volumen, una ilusión donde se percibe la unión de planos utilizando la deformación de los mismos para simular direcciones en 3 dimensiones.

Teoría del color

En la anterior entrada teníamos algo de información sobre el color: sus propiedades.

Matiz:
propiedad de poder distinguir un color del otro. Ejemplo: diferencia entre el rojo del verde, o del amarillo; o sea, lo que comúnmente llamamos color.
Existe un orden natural de 5 matices: rojo, amarillo, verde, azul y púrpura. Se pueden mezclar con los colores adyacentes para obtener una variación continua de un color al otro.
También señala la existencia de 5 matices intermedias: amarillo-rojo, verde-amarillo, azul-verde, púrpura-azul y rojo-púrpura, formando diez matices en total.



Valor/Brillo: indica la claridad de cada color o matiz. Se logra mezclando cada color con blanco o con negro.
Tiene una escala de 0 a 10, va del negro puro al blanco puro, entre estos dos valores se encuentran los grises llamados colores neutrales, no tienen matriz (color). Los colores que poseen matriz llevan el nombre de cromáticos.



Intensidad/saturación: es el grado en que pasa un color de su valor neutro (gris) hasta su máxima intensidad o pureza del color. Los colores de baja intensidad son llamados débiles y los de máxima intensidad se denominan saturados o fuertes.



Mezcla de color
Primarios aditivos: Son los colores formados por suma de luz. Colores formados por la suma de los colores Rojo, Azul, y Verde (RGB por sus siglas en inglés). Utilizado para referirse a coloraciones en medios digitales, por ejemplo.


Primarios substractivos: Colores presentes en pigmentos. No son obtenidos por mezcla. Los colores base son Rojo magenta, Azul cyan, Amarillo y Negro (CRYK). Utilizados comúnmente en pigmentos naturales, así como en medios de impresión por medio de pigmentos.
En la siguiente imagen se observa la formación de los tres primarios aditivos a partir de los tres substractivos, además del negro, el cual es también formado al unirse los tres pigmentos, ya que se sustrae al máximo la reflexión de la luz.


Escala de Valores (Grises)
B y N son componentes acromaticos. Enfrian la mezcla y producen un cambio en el matiz, además disminuyen el valor e intensidad.
La siguiente es una imagen ilustrativa de la escala de valores y sus posibles valores representativos (descripción en inglés).


Intensidad
Un color mientras más cerca esté del blanco o negro, menor será su intensidad. Ésto porque siendo Blanco y Negro colores acromáticos, un color que se vuelve más cercano a éstos tendrá entonces menor intensidad.

Tono: Usualmente lo designamos a la escala de cualidades cromáticas y acromáticas. El tono es también resultado del matiz más la cantidad de negro y blanco presentes en el color (la cercanía a éstos). Es decir, el grado de neutralidad del color.
En la siguiente imagen se observan dos tonos distintos dentro de una imagen: un tono cálido naranja y un tono frío azulado.



M+M complementario: Un color de un matiz específico, al ser mezclado con su matiz complementario (lado o dirección opuesta dentro del círculo cromático) resulta en un gris neutro.



Bibliografía
  1. Soto Morua, Daniel. Material de clase "Sistemas de Color -Aristóteles a Bauhaus". Universidad de Costa Rica.

Sistemas del color

Aristóteles (384 - 322 a.C.)

Todos los colores se conforman con la mezcla de cuatro colores básicos: los de tierra, el fuego, el agua y el cielo. Otorgó un papel fundamental a la incidencia de la luz y la sombra sobre los mismos.





Leonardo Da Vinci (1452-1519)

Toma al color como propio de la materia, y crea el “Tratado de la pintura”: afirma que el que huye de las sombras huye de la gloria del arte de los espíritus nobles.
Colores básicos: amarillo para la tierra, verde para el agua, azul para el cielo, rojo para el fuego y negro para la oscuridad, ya que es el color que nos priva de todos los demás. El blanco es el principal, aunque no lo considera color, sino potencia receptiva de todos los demás.
Con la mezcla de estos colores obtenía todos los demás, aunque también observó que el verde también surgía de una mezcla.

Isaac Newton (1519 - 1642)

Analiza el color como un fenómeno de naturaleza estrictamente físico y objetivo. Estableció un principio hasta hoy aceptado: la luz es color.
En 1665 descubrió que la luz del sol al pasar a través de un prisma, se dividía en seis colores conformando un espectro → descomposición de la luz en los colores del espectro: Azul violáceo, Azul celeste, Verde, Amarillo, Rojo anaranjado y Rojo púrpura.
Define al color no como propio de la materia, sino como luz reflejada. Cuando la luz natural incide sobre un elemento absorbe algunos de esos colores y refleja otros.
Por lo tanto, cuando vemos una superficie roja, realmente estamos viendo una superficie de un material que contiene un pigmento el cual absorbe todas las ondas electromagnéticas que contiene la luz blanca con excepción de la roja, la cual al ser reflejada, es captada por el ojo humano y decodificada por el cerebro como el color denominado rojo.






Johann Wolfgang Von Göethe (1749-1832)

Analiza el color como un fenómeno subjetivo. Para él las impresiones visuales son realizadas por un observador.
Estudió y probó las modificaciones fisiológicas y psicológicas que el ser humano sufre ante la exposición a los diferentes colores. Lo más importante: comprender la reacción humana a los colores → Fisiología y Sicología del color → Colorterapia.
Desarrolló un triángulo con tres colores primarios: rojo, amarillo y azul, denominándolo como un diagrama de la mente humana y relacionó a cada color con emociones determinadas. Sin embargo, su teoría nunca se puso en práctica.













Albert Münsell (1950)

Desarrolló un sistema en el que ubica en forma precisa los colores en un espacio tridimensional, utilizando los atributos de su Sistema HSV (Hue-Matiz, Saturation-Saturación, Value-Valor) / HSB (Hue-Matiz, Saturation-Saturación, Brightness-Intensidad).









Matiz:
propiedad de poder distinguir un color del otro. Ejemplo: diferencia entre el rojo del verde, o del amarillo; o sea, lo que comúnmente llamamos color.
Existe un orden natural de 5 matices: rojo, amarillo, verde, azul y púrpura. Se pueden mezclar con los colores adyacentes para obtener una variación continua de un color al otro.
También señala la existencia de 5 matices intermedias: amarillo-rojo, verde-amarillo, azul-verde, púrpura-azul y rojo-púrpura, formando diez matices en total.



Valor/Brillo: indica la claridad de cada color o matiz. Se logra mezclando cada color con blanco o con negro.
Tiene una escala de 0 a 10, va del negro puro al blanco puro, entre estos dos valores se encuentran los grises llamados colores neutrales, no tienen matriz (color). Los colores que poseen matriz llevan el nombre de cromáticos.



Intensidad/saturación: es el grado en que pasa un color de su valor neutro (gris) hasta su máxima intensidad o pureza del color. Los colores de baja intensidad son llamados débiles y los de máxima intensidad se denominan saturados o fuertes.



Espacio de colores de Münsell

Münsell dejó abierto un sin fin de colores a crear, gracias al agregado de pigmentos; por esto se le llama un sistema abierto.
El matiz, el valor y la intensidad pueden ser variados independientemente de manera tal que todos los colores pueden ser ubicados en un espacio tridimensional. Los neutros se ubican a lo largo de la línea vertical, llamada eje neutral con el negro en la parte baja, el blanco en la parte de arriba y los grises en el medio. Los matices se muestran en varios ángulos alrededor del eje neutral. La escala de intensidad es perpendicular al eje y aumenta hacia afuera.


Wilhelm Oswald (1914 - 1918)

Crea una especie de doble cono con base común, además de usar su Sistema HSL (Hue, Saturation, Lightness/Luminosity) como dimesiones del mismo. Era una teoría psicológica que separaba los colores en fríos y cálidos.
En la circunferencia de la base común están situados 24 tonos y desde el vértice inferior hasta el superior va del negro al blanco.


El círculo se divide en ocho colores diferenciados: rojo, púrpura (violeta), ultramarino, turquesa, verde mar, verde hoja, amarillo y naranja. Cada uno está dividido a su vez en tres sectores, por lo que cada círculo tiene 24 divisiones. Los cálidos están a la izquierda: desde el amarillo hasta el azul intenso, pasando por el magenta y todas las mezclas intermedias posibles. Los fríos están a la derecha: desde el amarillo hasta el azul intenso, pasando por el azul claro y todas las mezclas posibles.


Escuela Bauhaus

En la escuela alemana de artes y oficios, dos de sus maestros crearon los últimos modelos de círculos cromáticos.
Johannes Itten, escritor de “El Arte del Color”, sintetizó los 12 colores del círculo cromático básico, además estudió los distintos tipos de contraste. Paul Klee, Wassily Kandinsky, Walter Gropius, Ludwig Mies van der Rohe, Josef Albers, entre otros más, da aportes importantes a la teoría del color.











Bibliografía
  1. Soto Morua, Daniel. Material de clase "Sistemas de Color -Aristóteles a Bauhaus". Universidad de Costa Rica.

Leyes de la Gestalt

Ley general de la figura y fondo
Figura, es un elemento que existe en un espacio o “campo” destacándose en su interrelación con otros elementos.
Fondo, todo aquello que no es figura, es la parte del campo que contiene elementos interrelacionados que sostienen a la figura que por su contraste tienden a desaparecer.






Ley general de la buena forma(Prägnanz ó Pregnancia)
Los elementos son organizados en figuras lo más simples que sea posible, (simétricas, regulares y estables)






Ley del cierre o de la completud
Las formas cerradas y acabadas son más estables visualmente, lo que hace que tendamos a "cerrar" y a completar con la imaginación las formas percibidas buscando la mejor organización posible.




Ley del contraste
La posición relativa de los diferentes elementos incide sobre la atribución de cualidades (como ser el tamaño) de los mismos.





Ley de la proximidad
Los elementos tienen a agruparse con los que se encuentran a menor distancia.








Ley de la similaridad
Los elementos que son similares tienen a ser agrupados.






Movimiento común o destino común
Los elementos que se desplazan en la misma dirección tienden a ser vistos como un grupo o conjunto.







Bibliografía:
  1. "Leyes de la Gestalt." Guillermo Leone. N.p., n.d. Web. 4 July 2010. .

Cohesión y agrupamiento

Se refiere al comportamiento de las partes con relación al todo según los principios de proximidad y semejanza.
Según estos factores, las unidades próximas entre sí, se agrupan en conjuntos mayores que las contienen, espontáneamente.
Este factor cede ante el de similitud o semejanza ya que entre ambos factores simultáneos predomina el de semejanza. Ambos factores responden al principio de simplicidad, agrupando las unidades de la manera más simple posible, por similitud de ubicación (proximidad) o de forma, tamaño, color, etc. (semejanza).

Agrupamiento
Tendemos a organizar los elementos que percibimos en torno a conjuntos significativos organizados. Las diversas formas de agrupamiento pueden establecerse por Proximidad, Semejanza, Continuidad y Simetría.

-Proximidad: Los elementos más cercanos se captan como pertenecientes a la misma figura.












-Semejanza: Los estímulos semejantes tienden a formar grupos perceptuales. Los elementos parecidos son percibidos como pertenecientes a la misma forma. La percepción de filas o columnas de elementos, se debe a la existencia de similitudes horizontales o verticales entre ellos.










-Continuidad: Los elementos orientados en la misma dirección tienden a organizarse en una forma determinada.












-Simetría: Los elementos semejantes separados por un eje de simetría se agrupan conformando una unidad o totalidad reconocible.












Cohesión
Cuando dos o más elementos mantienen una relación, que puede ser de agrupamiento, que permite su unión dentro de lo perceptible.
Como ejemplo, existe cohesión (de significación) entre un colibrí y una flor, puesto que por conocimiento popular, se sabe que el néctar de la flor es alimento del colibrí.
Si el colibrí es puesto en una posición opuesta a la flor, es decir, no se agrupa por posición, se creará una dirección del colibrí hacia la flor por cohesión, por la relación que los une.

Los tipos de cohesión son de atracción, enlazamiento, superposición, tono, dirección, color, líneas virtuales, y de asociación formal o significación.

ATRACCIÓN, ENLAZAMIENTO, SUPERPOSICIÓN










TONO, DIRECCIÓN O COLOR












LÍNEAS VIRTUALES










ASOCIACIÓN FORMAL O DE SIGNIFICACIÓN














Bibliografía:
  1. "Atracción agrupamiento estructuras." Blog de diseño gráfico roc21. N.p., 25 Oct. 2008. Web. 5 May 2010. .
  2. Pescio, Silvia. "Figura y Fondo." Morfología I y II. Universidad de Buenos Aires. Facultad de Diseño Gráfico, Buenos Aires. 5 May 2010. Class lecture.
  3. Page-Jones, Meilir. "Cohesion." Wayland Systems. Wayland Systems Inc, n.d. Web. 5 May 2010. .
  4. "roc21: Educación visual." roc21. N.p., 22 May 2007. Web. 5 May 2010. .