La composición

Objetivos: Que se entiende por composición y sus formas básicas. * Afianzar las ténicas de la composición como ser: Proporciones, simetría, equilibrios, armonía, etc., que ayuden a relacionar la las formas visuales básicas del Diseño compositivo. * Comprender las diferentes elementos o herramientas conceptuales y técnicas compositivas para poder implimentarlas y elaborarlas en sucesivas unidades.

1. Formas básicas de composición

Los conceptos y métodos geométricos de disposición de los elementos en el espacio blanco, constituyen una sólida base para la introducción al estudio de la armonía de la composición, misma que nos es útil en el campo editorial, ya sea de proyectos impresos o digitales.

En primer lugar, diremos que la composición es, ordenar o adecuar distintos elementos gráficos dentro de un espacio visual, que previamente habremos seleccionado, combinándolos de tal forma que todos ellos sean capaces de poder aportar un significado para transmitir un mensaje claro a los receptores del mensaje.

1.1. Diferentes Clases de composición

1)Composición Clásica o estática: Se define como la disposición de los diferentes elementos visuales para crear un todo satisfactorio que presente un equilibrio, un peso y una colocación perfecta.

Características: * Elementos estáticos, buscando el equilibrio, el ritmo y la simetría.

* Acentuar el sentido de continuidad, eliminando todo aquello que pudiera sugerirmovimiento,evolucióno transformación dando por resultado un efecto tranquilizador.

Fig. 1.y 2. Fig.2.

Fig. 1.

Diseño Gráfico

Escuela Superior de Comercio cuarto bachillerato en Diseño Gráfico Prof. Marlon Orellana

2) Composición Libre o dinámica: Se define como la disposición de elementos diversos para expresar decorativamente una sensación. Es libre o dinámica porque supone una ruptura con el equilibrio estático de las obras. Características: * Movimiento y fuerza contrastado con lo apenas insinuado.

* Lo dominante es el contraste entre los distintos elementos de la composición, desde el que da un sentido de fuerza violenta, hasta aquel que es apenas insinuado, sugerido e inconcluso. Fig.3.y 4.

Fig.3.

Fig.4

3)La composición continua: * Se caracteriza porque en ella la acción de los elementos visuales se desarrolla dominando el espacio-formato con una narración continua, de tal manera que su lectura visual tendrá que ser sucesivamente coordinada en todas las zonas del formato, ya que no habrá ningún punto que esté determinado por un interés preponderante. Fig. 5. y 6.

Fig.5.

Fig.6.

Fig.7.

4) La composición Espiral: * Se consigue un efecto de fuerza vital cuando los elementos se expanden hacia el exterior del formato, si por el contrario la línea espiral se repliega hacia sí misma el efecto será trágico. En este tipo de composición lo más característico es el sentido de profundidad. Fig.8.

Fig.7.,8. y 9.

Fig.9.

Diseño Gráfico

1.2. Elementos del Diseño bidimensional

De igual forma que el lenguaje verbal puede descomponerse en diversas unidades de distinta significación, también tenemos un lenguaje no verbal, visual, que puede constituir un alfabeto de significación. Es decir, que las imágenes podrían descomponerse en unidades de significación más pequeñas en función de algunos de sus componentes: punto, línea... etc. Cada uno tiene características diferentes, lo que les permite desempeñar funciones determinadas dentro de la composición.

En general se distinguen 4 grupos de elementos: Conceptuales; Visuales; de Relación y Prácticos.

1.2.1. Elementos Conceptuales

Los elementos conceptuales no son visibles. No existen si no a manera de concepto. Se dividen en 4 elementos: el punto, la línea, el plano y el volumen.

El punto:

Es la unidad mínima de comunicación visual, el elemento gráfico fundamental y por tanto el más importante y puede intensificar su valor por medio del color, el tamaño y la posición en el plano. No es necesario que el punto esté representado gráficamente para tomar fuerza, ya que en cualquier figura su centro geométrico, puede constituir el centro de atención.

El punto esta definido por su color, dimensión y sobre todo por el dinamismo que puede reflejar dependiendo de donde lo situemos dentro del plano. Cuando vemos varios puntos dentro de una determinada composición, por el principio de agrupación, podemos construir formas, contornos, tono o color (como las imágenes de semitonos creadas con tramas de puntos para su composición o las del tipo ilusiones ópticas).

Ilusión óptica: Los cilindros no se mueven.

Características del punto:

≈ Tiene un gran poder de atracción cuando se encuentra solo. ≈ Puede producir sensación de tensión cuando se añade otro punto y construyen un vector direccional. ≈ Da lugar a la creación de otros conceptos como el color cuando aparecen varios puntos en el mismo campo visual.

Diseño Gráfico

La línea:

Podemos definirla como la unión o aproximación de varios puntos. Puede definirse también como un punto en movimiento, por lo cual tiene una enorme energía, nunca es estática

Generanenlacomposicióndinamismoy direccionamiento. Su presencia crea tensión en el espacio donde la ubiquemos y afecta a los diferentes elementos que conviven con ella, permitiendo crear diferentes planos, niveles y volúmenes.

Cebras por Victor Vasarely

La línea puede tener1. múltiples significados y distintasformasdeexpresiones,desdela conformación de figuras a otros significados como acción,dirección,movimiento,estabilidad... dependiendo de sus distintos grosores o valores también variará su significado.

Los elementos de la línea que con mayor facilidad podemos analizar y percibir son: el espesor, la longitud, la dirección con respecto a la página, la forma (recta o curva), el color y la cantidad.

La constancia y la variabilidad afectan al conjunto de las dimensiones antes citadas, aunque también pueden referirse a la distinción entre la línea continua y la lÌnea de puntos o a la naturaleza de los bordes (irregulares o lisos). Color y valores, forma y cantidad también son variables de uso del trazo.

La forma Por su trazo las líneas pueden: ≈ Transporte un humor o una emoción. ≈ Organizar un diseño. ≈ Establece las columnas del texto. ≈ Crear una textura. ≈ Crear el movimiento. ≈ Definir una forma. ≈ Llamar la atención a una palabra. ≈ Conectar trozos de información en su disposición.Capítular una imagen o una palabra.

Diseño Gráfico

El plano: la forma plana está determinada conceptualmente por sus líneas de borde. Por lo tanto el tipo de líneas usadas en su contorno definen sus características. El plano permite fragmentar y dividir el espacio, de esta forma podemos delimitar y clasificar las diferentes zonas de nuestra composición.

El plano se clasifica según sus bordes en tres clases básicas: ≈ Geométricas: formas planas construidas geométricamente. Fig.1.

≈ Lineales: formas planas cuyos bordessonrectilíneos, curvilíneos o combinados cuya configuración es espontánea. Fig.2.

Fig.2. ≈ Gestuales: nacen de una intención expresiva a mano alzada, o por procesos de estampado,grabadoo sopleteado, o por uso de materiales determinados. Fig.3.

Fig.3.

Fig.1.

Superposición de planos por Jesús Fopiani

http://www.inter arteonline.com/Jesus_Fop iani.htm

Volumen: El recorrido de un plano en movimiento se convierte en volumen, tiene posición en el espacio, esta limitado por planos y obviamente en un diseño bi-demensional el volumen es ilusiorio. Cada visión representa sólo una parte del objeto total, pero el pensamiento gestáltico (desarrollado en la unidad 4, cap. 5) nos induce a interrelacionar las caras para obtener una percepción del volumen como forma visual integrada. La toma de conciencia de que cada cara o parte del volumen fluye y se continúa en las demás es decisiva para el acto de diseñar.

Intersección de tres planos por 1.2.2. Elementos VisualesMaurits Cornelius Escher.

http://www.psicoactiva.com/ curios/escher/escher.htm

Jaula imposible por Maurits Cornelius Escher.

Diseño Gráfico

1.2.2. Elementos Visuales

Cuando los elementos conceptuales se hacen visibles aparecen los elementos visuales que son los siguientes: El contorno: el circulo, el cuadrado y el tríangulo y La forma: la dimensión, el color y la textura.

1) El contorno:

Hablamos de contorno cuando el trazo de línea se une en un mismo punto. En la terminología de las artes visuales se dice que la línea articula la complejidad del contorno. Cuando la línea cierra un determinado espacio se crea una tensión entre el espacio y sus límites y es entonces cuando la línea tiene un gran poder de atracción. La característica principal del contorno es que son estáticos o dinámicos dependiendo del uso que se les dé o de las diferentes direcciones que éste adopte.

Las formas más generales del diseño son provenientes de los principios básicos de verticalidad, horizontalidad, centro e inclinación. A partir de estos contornos básicos y mediante combinaciones y variaciones podemos contruir todas las formas físicas e imaginarias que se nos ocurran.

El círculo: Es una figura continuamente curvada cuyo perímetro equidista en todos sus puntos del centro.

Representa tanto el área que abarca, como el movimiento de rotación que lo produce. Este contorno tiene un gran valor simbólico especialmente su centro. Y puede tener diferentes significaciones: protección, inestabilidad, totalidad, infinitud, calidez, cerrado... Su direccionalidad es la curva y su proyección tridimensional la esfera. Las modificaciones son el óvalo y el ovoide.

El cuadrado: Es una figura de cuatro lados con ángulos rectos exáctamente iguales en sus esquinas y lados que tienen exactamente la misma longitud.

Es una figura estable y de carácter permanente (aun cuando se modifica alargando o acortando sus lados). Se asocia a ideas de estabilidad, permanencia, torpeza, honestidad, rectitud, esmero y equilibrio. Su direccionalidad es la vertical y horinzontal y su proyección tridimensional, el cubo en el caso del cuadrado y el paralepípedo en el caso del rectángulo.

Diseño Gráfico

El triángulo Equilatero: es una figura de tres lados cuyos ángulos y lados son todos iguales. Es también una figura estable, con tres puntos de apoyo, uno en cada vértice, aunque no tan estático como el cuadrado.

Su direccionalidad es la diagonal y su proyección tridimensional el tetraedro. Puede tener un fuerte sentido de verticalidad siempre que lo representemos por la base. Se le asocian significados de acción, conflicto y tensión.

2) Forma: Todo lo visible tiene una forma, la cual aporta para la percepción del ojo una identificación del objeto.

"Es la forma constante y, en ocasiones, los elementos y las expresiones constantes que se encuentran en el arte de una persona o un grupo." Meyer Shapiro.

2. Dimensiones de la forma

Características de las formas:

a) Dimensión: Las formas bidimensionales o tridimensionales tienen un tamaño y pueden ser medidas.

a) b) Color: El color se utiliza comprendiendo no solo los del espectro solar, sino asimismo los neutros (blanco, negros, grises) y las variaciones tonales y cromáticas (se desarrollará en la unidad III).

c) Textura: Consiste en la modificación o variación de la superficie de los materiales utilizados, ya sea de una forma visual o táctil. Pueden expresar visualmente las cualidades de otro sentido, el tacto. "Cuando hay una textura real, coexisten las cualidades táctiles y ópticas, no como con el tono y el color que se unifican en un valor comparable y uniforme, sino por separado y específicamente, permitiendo una sensación individual al ojo y a la mano, aunque proyectemos ambas sensaciones en un significado fuertemente asociativo" Dondis.

b)

c)

Diseño Gráfico

1.2.3. Elementos de Relación

Estos elementos gobiernan la ubicación y la interrelación de las formas en un Diseño. Son: dirección, posición, espacio y gravedad.

1. 2. 3. 4.

1) Dirección: La dirección de una forma depende de como esta relacionada con el observador, en el contexto que la contiene o con otras formas cercanas.

Cada una de las formas tiene asociada una dirección visual, así el cuadrado y rectángulo llevan asociado la horizontalidad y verticalidad, el triángulo la horizontalidad y dirección diagonal y el círculo la curva y la sensación de rotación. El dominio de la referencia horizontal-vertical facilita la sensación de equilibrio, al contrario del dominio de la dirección diagonal que constituye la fuerza direccional más inestable.

Cada uno de los contornos que hemos visto anteriormente expresan tres direcciones visuales básicas con un fuerte significado asociativo, así pues:

El cuadrado expresa la horizontal y la vertical: que constituye la referencia primaria con respecto al equilibrio y bienestar tanto psicológicamente para el hombre como para todas aquellas cosas que se construyen.

El triángulo la diagonal: también hace referencia a la estabilidad, pero en sentido opuesto ya que la diagonal es la fuerza direccional más inestable y provocadora. Su significación es amenazador y subversivo.

Y el círculo la curva: Las fuerzas direccionales curvas tienen significados asociados al encuadramiento la repetición y el calor.

2) Posición: La posición de una forma depende del elemento o estructura que la contenga.

Diseño Gráfico

3) Espacio: Todas las formas por mas pequeñas que sean ocupan un espacio, el espacio así mismo puede ser visible o ilusorio (para dar una sensación de profundidad)

4) Gravedad: El efecto de gravedad no solamente es visual, sino que también psicológica. Podemos atribuir estabilidad o inestabilidad a una forma o a un grupo de ellas.

1.2.4. Elementos Prácticos

Los elementos prácticos van mas allá del Diseño en si y como es de esperar son conceptos abstractos. Son los elementos que dan sentido y contexto al Diseño. Son tres: representación, significado y función.

Representación: Se refiere a la forma de realizar el Diseño: puede ser una representación realista, estilizada o semi-abstracta.

Significado: Todo diseño conlleva conciente o subconscientemente un significado o mensaje.

Función: Para lo que esta creado dicho Diseño.

Si bien la información recopilada y analizada en este articulo trata sobre el Diseño en general, puede ser aplicada muy fácilmente al Diseño web o al Diseño Grafico. Si bien es cierto cada rama tiene sus diferencias parten de una misma base para todos, al fin y al cabo la función de un diseño es crear un elemento tanto estéticamente adecuado como al mismo tiempo funcional y práctico.

1.3. Ejercicios del Capítulo 1.

1. Dada la siguiente composición: A. Se trata de una composición: a. Estática. b. Dinámica. c. Continua. d. Espiral.

B. ¿Qué tipos de elementos intervienen?: a. Conceptuales b. Visuales c. De Relación d. Prácticos

Diseño Gráfico

2. Completar el siguiente mapa conceptual:

Elementos del Diseño bidimensional

A) Elementos................... B) E. visuales C) E. de Relación D) .............................

Aa. El punto. Características: * Atracción. * Tensión. * Creación de conceptos. * ........................... ............................

* ............................

Ba. El Contorno Círculo * Protección *.....................

Cuadrado * Estabilidad * ..................... * Rectitud

.................... * Conflicto * ...................

Ca. ..................... * Fuerzas direccionales curvas.

* Horizontalidad y ........................

Da. Representación 1. Representación Realista.

2. ......................

3. semi-abstracta

* Dirección diagonal y .........................

Ab. La líneaBb. ..................... * Dinamismo,1. Dimensión * Emoción, * ...................2. Color * Crea planos, niveles, textura y3. Textura volúmenes. * Elementos: el espesor, la longitud, la dirección, la forma (recta o curva), el color y la cantidad.

Ac. .................... *Fragmenta el espacio Según las líneas de Borde: 1. Geométricas 2. Lineales 3. Gestuales

Ad. El volumen *El recorrido de un plano en movimiento

Cb. Posición Db. Significado * Mensaje.

Dc. ............................ Cc. ..................... * Visible * Ilusorio

Cd. Gravedad * Efecto psicológico

Diseño Gráfico

2. Proporciones y Simetría.

“Es la forma constante y, en ocasiones, los elementos y las expresiones constantes que se encuentran en el arte de una persona o grupo”. Meyer Shapiro.

2.1. La relación entre las formas

El Diseño deberá ordenarse habitualmente en una estructura rígida, coherente y dentro de los parámetros de la simetría en la disposición de los distintos elementos.

El diseñador debe tener siempre presente, que cada elemento de la composición, en función de la ubicación, dimensión o protagonismo que le asignemos, experimenta pequeñas variaciones en su significado.

Algunos de los elementos van a ser más o menos pesados dependiendo de la ubicación que les asignemos y en función de los elementos que les rodean. Los situados a la derecha del área poseen un mayor peso visual y dan sensación de proyección y avance en la composición. Por lo contrario, los situados a la izquierda retrotraen la composición y dan una sensación de ligereza visual más acentuada según nos vayamos acercando al margen izquierdo de nuestra página (fig.1. y fig.2.).

Lo mismo nos ocurre si utilizamos la parte superior o inferior del espacio. La parte superior de la composición es la que posee mayor ligereza visual, en esta parte el peso de los elementos es mínimo, al verse equilibrado por la zona inferior de la página. Por el contrario, en el borde inferior nos encontraremos que los elementos que ubiquemos tendrán un mayor peso (fig.3. y fig.4.).

Fig.1. Fig.2. Fig.3. Fig.4.

1. Lo primero que se debe establecer es, que parte del área de Diseño deben ocupar los elementos, y por el contrario, que espacios quedarán ausentes de elementos.

2. Una vez determinadas las áreas de diseño a ocupar con las líneas (títulos, textos) y las formas (fotografías, ilustraciones, gráficos), se puede combinar estos elementos dentro de un mismo espacio para crear composiciones alternativas.

Diseño Gráfico

2.2. Proporciones

Las proporciones, la forma, el tamaño.

La proporción es una variable que influye en el modo en que percibimos las formas. Cada elemento tiene una función determinada dentro de la composición, por tanto la elección de su tamaño, forma, o dimensión que tiene dentro del área de diseño son conceptos fundamentales a la hora de realizar una composición.

Las formas pequeñas tienen menor peso visual que las más grandes. Pero si además la forma de la figura no es regular, su peso aumenta notablemente, en cambio, las formas simples y regulares son las que se perciben y recuerdan con mayor facilidad.

Las formas angulares y alargadas amplían el campo de visión y está asociada con lo conflictivo, lo dinámico y lo masculino. Mientras que las formas angulares cortas, nos transmiten la sensación de timidez y humildad. Fig1.y 2.

Fig.1.

Fig.2.

En cambio, la redondez evoca armonía, la suavidad y la feminidad.. Fig.3.

El tamaño de un elemento, en relación al resto, también presenta diferentes definiciones. Las formas grandes, anchas o altas, se perciben cómo, más fuertes, pero las más pequeñas, finas o cortas, simbolizan la debilidad y delicadeza. Fig.4. y 5. Fig.3.

Fig.4.y 5.

Diseño Gráfico

2.2.1. Espacio

Definición de espacio: Es la distancia o el área entre o alrededor de las cosas. Cu se está diseñando, debemos pensar donde vamos a colocar todos los elementos y a distancia unos de los otros. El tipo de imágenes que colocaremos, la dimensión de é el texto y lo que habrá alrededor de ellas, etc.

Efectos que produce el espacio Efectos que nos produce el espacio, dentro de nuestro campo visual:

≈ Se pueden llegar a conseguir efectos muy variados y especiales. Por ejemplo si usamos bastante espacio en blanco, se produce un descanso para el ojo. Luego, alrededor de un objeto, imagen o texto, conseguiremos que sobresalga y destaque del resto de la composición.

≈ Lograremos una mayor profundidad a nuestro diseño, si superponemos un elemento con otro.

≈ Si utilizamos un espaciamiento desigual entre los elementos, crearemos una página dinámica.

2.1.2. Formato

El formato: DIN A4. DIN A3 y DIN A5. En Diseño, el tamaño puede funcionar, el tamaño puede atraer o el tamaño puede organizar. Dentro del espacio, es importantísimo el Formato. El formato es la forma, el tamaño y la orientación de una superficie. Cuando hablamos de formato de un archivo, hacemos referencia al tamaño en el que será presentado e impreso.

Factores importantes en el formato Referente al tamaño dentro de los elementos, se debe destacar el elemento más importante diseñándolo, más grande y el menos importante, más pequeño. Por ejemplo, Los títulos, son generalmente el elemento más grande en una página, mientras que los sutítulos y el texto del cuerpo, son más pequeños. Objetos más grandes parecen estar más cerca de la página que los más pequeños, y eso se puede utilizar para reforzar la importancia del elemento que queremos destacar y para crear relaciones espacio - artificiales.

Diseño Gráfico

Distintos formatos ISO de Papel

Dentro de los formatos de papel, encontramos los tamaños ISO (International Organization for Standardization). Estas normas también las encontramos en tamaños DIN.

En los formatos DIN, existen los siguientes tamaños:

≈ DIN A4 ( de 297 x 210 mm), es igual que un folio y el papel de uso más corriente. ≈ DIN A3 (de 420 x 297 mm), se usa normalmente para dibujos, pequeños posters, etc. Este formato es el doble, de un folio, en lo que se refiere a la anchura. ≈ Existen otros formatos de papel, por ejemplo, para un diseño de carteles y trabajos de dimensiones grandes, se puede usar un 4 A0 (2378 x 1682 mm, esto es igual a 4 m2), en otros diseños más pequeños un DIN C10 ( de 28 x 40 mm).

Sensación visual: Segun su forma el formato tiene unas cualidades emotivas diferentes. 1. Formato vetical: Sensanción visual de equilibrio y elevación. Se ha utilizado para temas religiosos porque potencia el sentido de elevación y espiritualidad. 2. Formato Horizontal:Calma y estabilidad. Muy utilizado en temas de paisajes y en bodegones, donde ayuda a crear el efecto de orden de sus elementos. 3. Formato Triangular: Da gran estabilidad a las formas situadas en su base y limita la expansión de las formas en la parte superior. 4. Formato CircuLar: Movimiento envolvente. 5. Formato Cuadrado: centra la visión y equilibra las tensiones visuales.

Diseño Gráfico

1. 2. 3.

4. 5.

2.2. Proporciones y simetría.

Todos los elementos visuales tienen capacidad para modificarse y definirse unos a otros, este proceso se llama escala: el color es brillante o apagado en yuxtaposición con otros valores, asimismo no puede existir lo grande sin lo pequeño. Pero incluso cuando establecemos lo grande a través de lo pequeño, se puede cambiar toda la escala con la introducción de otra modificación visual, por ejemplo en relación con el campo visual o el entorno.

Como vemos en este ejemplo las sensaciones de estos dos cuadrados de la misma dimensión pero con diferentes color y en diferentes contextos, nos transmiten mensajes muy distintos: su posicionamientoconrespectoal contexto, el color de los elementos y las dimensiones de su ubicación.

El color amarillo del cuadrado le permite defenderse mejor frente a la forma más grande, ya que los colores claros son expansivos, mientras que los colores oscuros se contraen visualmente.

Diseño Gráfico

La simetría

Simetría se da cuando las formas de una imagen, están dispuestas de modo que existen dos partes exactamente iguales pero contrapuestas, las formas se organizan respecto a un eje central; como si fuere una imagen en un espejo. Son formas simétricas porque poseen la misma forma y tamaño, pero su posición está invertida respecto al eje o punto. La simetría da sensación de orden y alivia la tensión. La asimetría por lo contrario, crea agitación y tensión, pero en ocasiones, un toque de asimetría se consigue que una composición visual no sea monótona.

2.2.1. Simetría Axial y Simetría Radial

Simetría Axial: Simetría axial o bilateral efecto de reflexión, imagen equilibrada y ordenada, tiene un eje único y produce otra figura igual de sentido opuesto. El eje de simetría determina dos figuras que se corresponden.

Los puntos equivalentes se encuentran sobre rectas perpendiculares al eje de simetría y a la misma distancia de éste. Las rectas simétricas concurren en el eje.

En la naturaleza se puede encontrar este tipo de simetría en muchos organismos animales, vegetales y minerales .

3. Ejercicio autodidáctico (optativo)

Diseño Gráfico

Simetría radial La simetría radial posee varios ejes que pasan por un mismo punto central. El efecto es de concentración o de expansión. La Simetría radial o central cuando son simétricos respecto a un punto se produce una rotación de 180.

Los cristales de nieve son un claro ejemplo de simetría radial hexagonal.

Los ejes de simetría Al trazar los ejes de simetría, podemos observar que todos ellos concurren en el punto central. Si trazamos una circunferencia que tenga como centro este punto veremos que todos los radios dibujados son ejes de simetría de la figura dada. Por ello, decimos que presenta simetría radial.

Tipos de simetría radial La estrella del mar, vemos que presenta cinco ejes de simetría, se puede asociar a la forma de un pentágono, por eso decimos que guarda simetría (radial) Pentagonal.1.

1 2 3

El copo de nieve, presenta seis radios de dimetría, podemos acociarla a la figura de un hexágono regular, decimos que presenta simetría (radial) Hexagonal.2.

El rosetón presenta ocho radios de simetría, lo podemos asociar a la forma de iun octógono regular, por lo tanto podemos decir que presenta simetría (radial) Octogonal.3.

4. Ejercicio autodidáctico (optativo)

Diseño Gráfico

2.2.2. Ritmo

Cuando una o más formas visuales se repiten en una composición se genera un ritmo. Este, como se puede comprobar en el ejemplo, no es una característica exclusiva del lenguaje visual.

Tipos de ritmos: 1. Cuando una figura se repite a intervalos regulares y conservando su tamaño se genera un Ritmo Uniforme Fig. 1. 2. Si se repite más de una figura se da lugar a un Ritmo Alterno Fig. 2.

Fig.1. Fig.2.

3. Cuando la figura va reduciendo sus dimensiones o el espacio entre cada módulo se crea un Ritmo Decreciente Fig. 3. 4. Cuando por el contrario va aumentando, se genera un Ritmo Creciente Fig. 4.

Fig. 3. Fig. 4.

Unidad/ritmo

http://www.te.ipn.mx/dg/contexto_grafico/terminologia_2.htm

Diseño Gráfico

Superficie rítmica Si una figura se repite rellenando un plano, se genera una superficie rítmica. Ciertos polígonos regulares tienen la propiedad de poder rellenar el plano por sí solos. Son los siguientes:

1. Cuadrado.

2. Triángulo equilátero. Ejemplo Echer Fig.1., que partió de una red de triángulos equiláteros y la fila de cad módulo se van deformando, para finalmente adoptar las formas de aves.

3. Hexágono.

Ejemplos de ritmo Fig.1.

Echer. “Peces y Barcos” “Feny”de V.Vasarely

Ejemplos en la naturaleza.

5. Ejercicio autodidáctico (optativo)

Diseño Gráfico

2.4. Ejercicios 2.

A. Contestar verdadero o falso: 1. Los elementos situados a la derecha del área poseen un mayor peso visual y dan sensación de proyección y avance en la composición.

2. La parte superior de la composición es la que posee mayor ligereza visual, en esta parte el peso de los elementos es mínimo.

3. Las formas complejas e irregulares son las que se perciben y recuerdan con facilidad.

4. Las formas angulares cortas, nos transmiten la sensación de timidez y humildad y las pequeñas tienen menor peso visual que las más grandes.

5. Las formas redondas están asociadas a lo masculino y agresivo.

6. Las formas grandes, anchas o altas, se perciben cómo, más fuertes, pero las más pequeñas, finas o cortas, simbolizan la debilidad y delicadeza.

7. La distancia o el área entre o alrededor de las cosas es el espacio y el espacio en blanco, se produce un descanso para el ojo.

V

V

V

F

F

F

V

V

V

V

F

F

F

F

B. Responder con la opción correcta: 1. Para dibujos, pequeños posters, el formato de papel mas utilizado es: a. DIN A4 (de 297 x 210 mm) b. DIN A3 (de 420 x 297 mm) c. DIN A2 (de 420 x 594 mm) d. Ninguna es la correcta.

2. El papel de uso más corriente, su formato es: a. DIN A1 (de 594 x 841 mm) b. DIN A6 (de 105 x 148 mm) c. DIN A3 (de 420 x 297 mm) e. Ninguna es correcta.

3. Segun su formato las composiciones poseen cualidades emotivas diferentes. 3.1. A una forma vertical le corresponde una sensación: a. De equilibrio y espiritualidad. b. De elevación y violencia. c. Ninguna es correcta. d. Las dos son correctas.

3.2. A un formato horizontal le corresponde una sensación: a. De movimiento envolvente. b. Equilibra las tensiones visuales. c. Da gran estabilidad a las formas. d. Ninguna es correcta.

Diseño Gráfico

3. La regla áurea y tipos de equilibrios.

Aprender a relacionar el tamaño con el propósito y el significado es esencial para la estructuración de los mensajes visuales. Controlados los diferentes efectos que podemos crear, nos permitirá manipular ilusiones visuales.

3.1. La regla áurea La pregunta que todos los diseñadores nos hacemos al principio es: ¿cómo podemos distribuir el espacio de diseño de una forma acertada?. Pues bien, no hay una norma que nos indique la división perfecta, pero existe una fórmula muy conocida en el mundo del diseño, que permite dividir el espacio en partes iguales, para lograr un efecto estético agradable y que puede llegar a ser muy eficaz. Esta teoría se denomina "La regla Aurea", también conocida como "sección áurea".

3.1.1. La escala Definimos el concepto de escala, cuando todos los elementos tienen la capacidad de modificarse y definirse unos a otros.

La escala normalmente se usa en la cartografía, planos, mapas... para poder representar una medida proporcional al del tamaño real. Es cuando citamos, “este plano está en escala 1:10”. Este concepto, hace referencia, que para realizar el plano, se ha aplicado un factor de reducción determinado, para poder dibujarlo o plasmarlo en un lugar más pequeño, pero sin que pierda sus proporciones.

3.1.2. La sección áurea Es la división armónica de una recta en media y extrema razón. Esto hace referencia, a que el segmento menor, es al segmento mayor, como este es a la totalidad de la recta. O cortar una línea en dos partes desiguales de manera que el segmento mayor sea a toda la línea, como el menor es al mayor. De esta forma se establece una relación de tamaños con la misma proporcionalidad entre el todo dividido en mayor y menor, esto es un resultado similar a la media y extrema razón. Esta proporción o forma de seleccionar proporcionalmente una línea se llama proporción áurea, se adopta como símbolo de la sección áurea (Æ ), y la representación en números de esta relación de tamaños se llama número de oro = 1,618.

A lo largo de la historia de las artes visuales, han surgido diferentes teorías sobre la composición. Platón decía: es imposible combinar bien dos cosas sin una tercera, hace falta una relación entre ellas que los ensamble, la mejor ligazón para esta

Diseño Gráfico

relación es el todo. La suma de las partes como todo es la más perfecta relación de proporción.

Vitruvio, importante arquitecto romano, acepta el mismo principio pero dice que la simetría consiste en el acuerdo de medidas entre los diversos elementos de la obra y estos con el conjunto. Inventó una fórmula matemática, para la división del espacio dentro de un dibujo, conocida como la sección áurea, y se basaba en una proporción dada entre los lados mas largos y los más cortos de un rectángulo. Dicha simetría está regida por un modulo común: que es el número. Definido de otra forma, bisecando un cuadro y usando la diagonal de una de sus mitades como radio para ampliar las dimensiones del cuadrado hasta convertirlo en "rectángulo áureo". Se llega a la proporción a:b = c:a. Dicho esto, y según Vitruvio, se analiza que al crear una composición, si colocamos los elementos principales del diseño en una de las líneas que dividen la sección áurea, se consigue el equilibrio entre estos elementos y el resto del diseño.

Existen otros muchos sistemas para establecer escalas o proporciones, por ejemplo la establecida por el arquitecto francés Le Corbusier. Su unidad modular es el tamaño del hombre, y sobre esta proporción establece una altura media de techo, ventana, puerta...

6. El modulor.

Diseño Gráfico

3.2. Factor equilibrio compositivo.

Podemos definir el concepto de equilibrio como la apreciación subjetiva de que los elementos de una composición no se van a caer.

La existencia de equilibrio en una composición, no quiere decir que todas las líneas o formas sean iguales en tamaño, color u otra dimensión. Por ejemplo, un parte de nuestro área de diseño puede estar formada por muchos elementos y a la vez tener equilibrio con otra parte de dicho diseño que solo consta de un elemento.

El equilibrio es el principio del arte que se preocupa por igualar las fuerzas visuales, o elementos, en una obra de arte. Los elementos de nuestra composición pueden ser imaginados como los pesos de una balanza. Una composición se encuentra en equilibrio si los pesos de los elementos se compensan entre sí.

3.2.1. Tipos de equilibrios.

La utilización más eficaz de los mecanismos de la percepción visual consiste en identificar claves visuales en un sentido u en otro, en equilibrio o en desequilibrio, fuertes o débiles. Este criterio se aplica principalmente al diseño, normalmente se busca este equilibrio, aunque en alguna ocasión se provoca un desequilibrio intencionado para conseguir unos resultados específicos en un diseño.

3.2.2. Existen dos tipos de equilibrio básicos:

El equilibrio simétrico. El equilibrio asimétrico.

Si dividimos la composición en dos extremos, el equilibrio simétrico se produce cuando encontramos igualdad de peso y tono en ambos lados de nuestra composición, y el equilibrio asimétrico se produce cuando no existe las mismas dimensiones (ya sea de tamaño, color...) en ambos lados, pero aún así existe equilibrio entre los elementos.

Diseño Gráfico

3.2.3. Podemos hacer otra división de equilibrio:

Equilibrio formal. Equilibrio informal.

El equilibrio visual que un diseñador puede definir en una composición puede ser formal o informal en función de la ubicación y carga visual que se asigne a cada elemento. El equilibrio formal se basa en la bisimetría. Buscamos con él un centro óptico dentro del diseño y que no tiene por qué coincidir con el centro geométrico de la composición. El punto de equilibrio formal suele estar ubicado un poco por encima del centro geométrico. Una composición que decida seguir este esquema compositivo reflejará estabilidad, calma y estatismo. No supone una composición muy audaz, aunque lo que sí asegura es una distribución armónica de los elementos. Fig1.

Fig.1. fig. 2.

El equilibrio informal, por el contrario, está altamente cargado de fuerza gráfica y dinamismo. Prescinde por completo de la simetría, y el equilibrio se consigue aquí en base a contraponer y contrastar los pesos visuales de los elementos, buscando diferentes densidades tanto formales como de color, que consigan armonizar visual mente dentro de una asimetría intencionada Fig.2.

Ocurre también que determinados colores poseen mayor peso visual que otros: los colores, cuanto más luminosos sean, mayorpesocompositivotendrán. Pensemos en dos cuadrados y dos situaciones distintas. Fig.3. Al mismo tamaño, el que posea un color más intensoyluminosotendrámás protagonismo en la composición. Sin embargo, si mantenemos el color pero variamos el tamaño, nadie duda que el mayor será el que adquiera más importancia gráfica. La ubicación también establece de manera determinante el peso de los elementos. Fig.3.

Diseño Gráfico

3.3. Ejercicio 3.

Dadas las siguientes oraciones marcar la opción correcta: 1. La teoría de "La regla Aurea", también conocida como "sección áurea". se utiliza para: a. Distribuir el espacio de un diseño en partes iguales, para lograr un efecto estético agradable. b.Establece una relación de tamaños y proporciones. Aplicando un factor de reducción determinado, pero sin que pierda sus proporciones. c. Se basaba en una proporción dada entre los lados mas largos y los más cortos de un rectángulo bisecando un cuadro y usando la diagonal de una de sus mitades como radio para ampliar las dimensiones del cuadrado hasta convertirlo en "rectángulo áureo". d. Cuando se establece una división armónica de una recta en media y extrema razón creando una relación de tamaños con la misma proporcionalidad entre el todo dividido en mayor y menor. e. Todas son correctas f. a.c.y d. son correctas.

2. El equilibrio informal se diferencia del formal porque: a. Es completamente simétrico. b. Busca contraponer y contrastar los pesos visuales de los elementos. c. Reflejará estabilidad, calma y armonizan visualmente dentro de una asimetría intencionada. d. Altamente cargado de fuerza gráfica y dinamismo. e. Las respuestas b y d son correctas. f. Las respuestas c y e con correctas.

Diseño Gráfico

4. Contraste y armonía.

Una obra de arte es una composición de tensiones y resoluciones, de equilibrios y desequilibrios, de coherencia rítmica en una unidad precaria, pero continua. La vida es un proceso natural compuesto por estas tensiones, estos equilibrios y estos ritmos; eso es lo que sentimos, en la serenidad o en la emoción, como pulso de nuestra propia vida". Susanne Langer "Problems of Art"

Cuando elegimos el camino de la armonía, en donde tenemos un trabajo visual nivelado, contamos con reglas visuales que podemos seguir sin problemas para la resolución de la composición visual. Pero surge una parte negativa, que será la previsibilidad de los resultados compositivos. La excesiva armonía de nuestro diseño puede generarnos el aburrimiento y no despertaremos la sorpresa del espectador. Podríamos que pensar, por ejemplo, en el lunar de la modelo Cindy Crawford, o en los muchos lunares que las mujeres se han dibujado en sus rostros, y analizar hasta que punto juega un papel importante en su belleza, como rompimiento de la total simetría del rostro y convirtiéndose en un elemento que atrae la mirada y seduce al espectador.

4.1. La elección del Contraste o la Armonía.

Cindy Crawford

La mayoría de las decisiones del diseño serán elecciones contrapuestas que nos harán inclinar por soluciones más seguras o por la realización de un trabajo de diseño más arriesgado, pero quizás con soluciones más interesantes tanto para el propio diseñador como para el receptor de esa comunicación.

El contraste es una herramienta esencial para producir y controlar diferentes efectos visuales y, por tanto, una forma de poder transmitir diversos significados.

Diseño Gráfico

4.2. Tipos de contrastes.

El contraste permite resaltar el peso visual, lo podemos conseguir por medio de diversos medios: tonos, colores, contornos y escala.

El contraste es el efecto que permite resaltar el peso visual de uno o más elementos o zonas de una composición mediante la oposición o diferencia apreciable entre ellas, permitiéndonos atraer la atención de espectador hacia ellos.

4.2.1. Contrastes de Tonos y de Colores.

Contraste de tono: La utilización de tonosmuycontrastados,claridad- oscuridad, establecen el contraste tonal. El mayor peso tonal lo tendría aquél elemento con mayor oscuridad o intensidadtonal,amedidaque eliminaramos tono al elemento perdería fuerza y dimensión dentro de la composición, por lo cual deberíamos redimensionarlo para que siguiera manteniendo su peso en el conjunto del diseño. Este tipo de contraste es uno de los más utilizados en composiciones gráficas.

Contraste de colores: El tono es una de las dimensiones del color que tiene mayor fuerza que el propio color en el establecimiento del contraste. Dentro de las dimensiones del color (el matiz, el tono y el croma) el tono domina.

El contraste complementario es el equilibrio relativo entre cálido y frío, el color complementario es el que se sitúa en el lugar exactamente opuesto de la rueda de colores. Los colores opuestos contrastan mucho más, mientras que los análogos apenas lo hacen, perdiendo importancia visual ambos. Este efecto se puede usar para dar mayor dimensión o sensación de proximidad a un elemento en una composición, situándolo sobre un color que contraste con él.

Este tipo de contraste es especialmente indicado para los contenidos textuales, en los que debe primar la facilidad de lectura. Lo ideal será el texto negro sobre fondo blanco, ya que es el que más contraste crea

Diseño Gráfico

(contraste de tono). Pero en ciertos elementos, en los que este juego de colores no sea posible, habrá que buscar siempre un texto cálido sobre un fondo frío o viceversa.

4.2.2. Contrastes de Contornos y Escala.

Contrastedecontornos:Los contornos irregulares ganan la partida en cuanto a atención a los regulares, reconocibles y previsibles. Una forma abstracta atrae mucho más la atención que una forma geométrica conocida. Este tipo de contrastes es adecuado para dirigir la atención del usuario a ciertos elementos de una composición o página web, como botones importantes, banners publicitarios, etc. No obstante, hay que ser comedidos en su uso, sobre todo si se combinan con otros tipos de contraste, ya que pueden ser un foco de atracción visual demasiado potente. Además, crean mucha tensión en el espacio que les rodea.

Contraste de escala: El contraste también puede ser conseguido mediante la contraposición de elementos a diferentes escalas de las normales, o la utilización de proporciones irreales. De esta forma estamos negando la experiencia de percepción que puede tener el receptor en cuanto a las escalas de los elementos y por lo tanto creamos una percepción inusual y dramatizamos la percepción del elemento.

Este sistema de contraste no es muy usado en las páginas web, donde se busca siempre la escala adecuada, pero sí es frecuente en fotografía y pintura, consiguiendo atraer la atención del espectador de forma muy efectiva.

4.3. Factor de tensión y de ritmo: La tensión dota de fuerza y dinamismo al diseño y atrae la atención del espectador. Reflejar tensión no es una tarea fácil, pero hay diferentes caminos para conseguirlo: ≈ Método sugestivo, consiste en dirigir la mirada a un punto concreto, por medio de otros elementos. ≈ Método rítmico, consiste en aprovechar la tendencia que tiene el ser humano en completar secuencias de elementos. ≈ Método mecánico, consiste en dirigir la atención del receptor de una forma obligada.

El factor de ritmo como ya hemos visto, se produce cuando encontramos una repetición secuencial de un conjunto de elementos. Con esta técnica se puede producir dinamismo y armonía en nuestra composición. Es capaz de transmitir movimiento dentro del área de diseño, gracias a la aproximación de elementos semejantes.

Diseño Gráfico

1. Responder si las siguientes oraciones son verdaderas o falsas:

V F a. La excesiva armonía puede generar despertar la sorpresa del espectador, es esencial para producir y controlar diferentes efectos visuales y, por tanto, una forma de poder transmitir diversos significados.

b. El contraste permite resaltar el peso visual, de uno o más elementos o zonas de una composición, lo podemos conseguir por medio de diversos medios: tonos, colores, contornos y escala.

c. Los contornos regulares, reconocibles y previsibles, atraen mucho más la atención que una forma abstracta. Además, crean mucha tensión en el espacio que les rodea.

d. A medida que eliminaramos tono a un elemento perdería fuerza y dimensión, redimensionaro es la solución.

e. El contraste por escala es muy usado en las páginas web, donde se busca siempre la escala adecuada.

V F

V F

V

V

F

F

Cuarto Bachillerato en Diseño Gráfico

Ejercicio 4