Este documento describe diferentes conceptos y elementos de la composición en diseño gráfico. Explica cuatro formas básicas de composición (clásica, libre, continua y espiral), y describe elementos conceptuales como el punto, la línea, el plano y el volumen. También cubre elementos visuales como el contorno, la forma, la dimensión, el color y la textura. Por último, analiza elementos de relación como la dirección, posición, espacio y gravedad que gobiernan la ubicación e interrelación de las formas en un diseño.
1. Escuela Superior de Comercio
cuarto bachillerato en Diseño Gráfico
Prof. Marlon Orellana 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.
Fig. 1.
* 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.
Diseño Gráfico
2. 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
Fig.3.
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.4
3)La composición continua:
* Se caracteriza porque en ella la acción
de los elementos visuales se desarrolla Fig.5.
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.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
3. 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
4. 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
5. 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.
Fig.1.
≈ Lineales: formas planas cuyos
bordessonrectilíneos,
curvilíneos o combinados cuya
Superposición de planos configuración es espontánea.
por Jesús Fopiani Fig.2.
Fig.2.
http://www.inter
arteonline.com/Jesus_Fop ≈ Gestuales: nacen de una
iani.htm intención expresiva a mano
alzada, o por procesos de
estampado,grabadoo
sopleteado, o por uso de
materiales determinados. Fig.3.
Fig.3.
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. Jaula imposible
http://www.psicoactiva.com/ por Maurits Cornelius Escher.
curios/escher/escher.htm
Diseño Gráfico
6. 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
7. 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 b)
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.
c)
Diseño Gráfico
8. 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
9. 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
10. 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. Ba. El Contorno Ca. ..................... Da. Representación
Características: Círculo * Fuerzas 1. Representación
* Atracción. * Protección direccionales Realista.
* Tensión. *..................... curvas.
* Creación de 2. ......................
conceptos. Cuadrado * Horizontalidad
* ........................... * Estabilidad y ........................ 3. semi-abstracta
............................ * .....................
* Rectitud
* ............................
.................... * Dirección diagonal
* Conflicto y .........................
* ...................
Ab. La líneaBb. ..................... Cb. Posición Db. Significado
* Dinamismo,1. Dimensión * Mensaje.
* Emoción,
* ...................2. Color Cc. ..................... Dc. ............................
* Crea planos, * Visible
niveles, textura y3. Textura * Ilusorio
volúmenes.
* Elementos: el espesor,
la longitud, la dirección,
la forma (recta o curva), Cd. Gravedad
el color y la cantidad. * Efecto psicológico
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
Diseño Gráfico
11. 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
12. 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.
Fig.1.
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 Fig.2.
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.
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
13. 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
14. 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
15. 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
16. 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
17. 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
18. 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
19. 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
20. 2.4. Ejercicios 2.
A. Contestar verdadero o falso:
1. Los elementos situados a la derecha del área poseen un mayor peso visual
V F 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,
V F en esta parte el peso de los elementos es mínimo.
V F 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
V F 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.
V F
6. Las formas grandes, anchas o altas, se perciben cómo, más fuertes, pero
V F 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
V F espacio en blanco, se produce un descanso para el ojo.
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
21. 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
22. 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
23. 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
24. 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
25. 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
26. 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. Cindy Crawford
4.1. La elección del Contraste o la Armonía.
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
27. 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
28. (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
29. Ejercicio 4
1. Responder si las siguientes oraciones son verdaderas o falsas:
a. La excesiva armonía puede generar despertar la sorpresa del
V F 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
V F 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
V F 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
V F dimensión, redimensionaro es la solución.
e. El contraste por escala es muy usado en las páginas web, donde se
V F busca siempre la escala adecuada.
Cuarto Bachillerato en Diseño Gráfico