INTRODUCION

El Diseño Gráfico es una profesión importante cuya actividad es la acción de concebir, programar, proyectar y realizar comunicaciones visuales, por lo tanto es importante conocer todo acerca de este y sus elemento, los cuales son : la proporción, simetría, equilibrio, contraste y armonía. El presente trabajo nosdescribecuáles son sus importancia en el curso de diseño gráfico acompañado de ejemplos y tipos de estos elemento y cuál es el uso respectivo de cada uno.

2

DEDICATORIA

A nuestros compañeros y maestros, por su amistady enseñanza que hacen de cada día uno más para superarnos.

A mis padres porque gracias a su esfuerzo me hacen aprender nuevos conocimientos y ser una mejor persona cada día.

ÍNDICE

Pág.

Capítulo 1: LA PROPORCION 5

1.1 La Divina Proporción 7

1.2 El número de Oro 9

1.2.1 Selección Aurea 9

Capítulo2:LA COMPOSICION 17

2.1 Simetría 17 2.2 Asimetría 18

Capítulo 3: EL EQUILIBRIO 20

3.1 Equilibrio Simétrico 20 3.2 Equilibrio Asimétrico 21

Capítulo 4: EL CONTRASTE 22

4.1 Contraste de Escala 22 4.2 Contraste de color 23

Capítulo 5: LA ARMONIA 27

5.1 La elección del contraste o la armonía 28 5.2 Armonías de color 29

CONCLUSION 31

3

1.- LA PROPORCIÓN

El tamaño es una cualidad de toda figura que percibimos comparándolo con el entorno donde se sitúa.

La proporción es una

relación que

establecemos entre dos figuras. Observa:

La figura B es proporcional a A, y sigue la proporción 2:1. Esto quiere decir que los lados de B son el doble de largos que los de A, y que sus ángulos son iguales.

Dos figuras guardan proporción si cada uno de sus lados y ángulos se relacionan entre sí siempre de la misma manera.

Mediante la razón de proporcionalidad hallaremos la figura proporcional a la

4

dada. En nuestro ejemplo la razón de proporcionalidad es 2:1, es decir, que por cada unidad de la figura dada obtendremos 2 unidades en la figura proporcional.

La razón de proporcionalidad se halla dividiendo la longitud de cada uno de los lados de la primera figura entre la longitud de los lados correspondientes de la segunda.

Se llama proporción a la igualdad de dos razones; por ejemplo, a/b = c/d. Esta expresión es una proporción donde a, b, c, y d son los términos; a y d son los términos extremos y b y c los términos medios.

En la siguiente tabla te mostramos las distintas formas con las que podemos expresar la misma razón de proporcionalidad:

DISTINTAS MANERAS DEEXPRESAR UNA MISMA RAZÓN

Mediante puntos 4:10

Mediante la preposición “a” 4 a 10

Mediante un número decimal 0,4

Mediante un porcentaje 40%

La proporción es un principio del arte que describe el tamaño, locación o cantidad de un elemento en relación a otro (o a un todo) en una obra, teniendo gran impacto en la armonía de una pieza individual.

Es una importante variante que influye en el modo en el que percibimos las cosas. Las formas angulares, alargadas y las formas oblongas (dominantes en el período barroco) amplían el campo de visión, con lo que dan la impresión de captar más una escena particular, creando una estética dominante. Las formas angulares cortas dan la impresión de ser más tímidas y humildes.

5

1.1.- LA DIVINA PROPORCIÓN:

Durante los últimos siglos, creció el mito de que los antiguos griegos

estaban sujetos a una proporción numérica específica, esencial para sus

ideales de belleza y geometría. Dicha proporción es conocida con los

nombres de razón áurea ó divina proporción. Aunque recientes

investigaciones revelan que no hay ninguna prueba que conecte esta

proporción con la estética griega, esta sigue manteniendo un cierto atractivo

como modelo de belleza.

Matemáticamente nace de plantear la siguiente proporcionalidad entre dos

segmentos y que dice así: "Buscar dos segmentos tales que el cociente

entre el segmento mayor y el menor sea igual al cociente que resulta entre

la suma de los dos segmentos y el mayor"

Sean los segmentos:

A: el mayor y B el menor, entoces planteando la ecuación es:

A/B =(A+B)/A

Cuando se resuelve se llega a una ecuación de 2do. grado que para

obtener la solución hay que aplicar la resolvente cuadrática.

6

El valor numérico de esta razón, que se simboliza normalmente con la letra

griega "fi" es:

El nombre de divina proporción fue bautizada por un Matemático Italiano Luca Pacioli, que es observada en muchas plantas, galaxias, caracoles etc. en general la creación. Pero tiene otros nombres como:el número áureo o de oro, número dorado, razón áurea, razón dorada, media áurea, proporción áurea y divina proporción representado por la letra griega f (fi) (en honor al escultor griego Phidiasel más grande y conocido de los artistas en el siglo V a.C.)

7

1.2.- EL NÚMERO DE ORO:

El número áureo o de oro (también llamado razón extrema y media, razón áurea, razón dorada, media áurea, proporción áurea y divina proporción) representado por la letra griegaφ (fi) (en minúscula) o Φ (fi) (en mayúscula), en honor al escultor griego Fidias, es un número irracional:

La sección áurea es la división armónica de un segmento en media y extrema razón. Es decir, que el segmento menor es al segmento mayor, como este es a la totalidad. De esta manera se establece una relación de tamaños con la misma proporcionalidad entre el todo dividido en mayor y menor. Esta proporción o forma de seleccionar proporcionalmente una línea se llama proporción áurea.

Una sección áurea es una división en dos de un segmento según proporciones dadas por el número áureo. La longitud total a+b es al segmento más largo a como a es al segmento más corto b.

1.2.1.- Sección Áurea

Durante el renacimiento, el uso de la proporción áurea se extendió entre las artes, uno de los artistas que más uso le dio fue Leonardo Da Vinci. Sus obras se apegaban a una retícula basada en la proporción aurea, en la

8

Gioconda, el rostro encaja perfecto en un rectángulo áureo y las partes de la cara a su vez se componen de rectángulos o proporciones áureas.

Pero, qué es la proporción áurea?

El número áureo representa la proporción que existe entre dos segmentos, tales que el segmento menor es al mayor lo que el mayor es a la totalidad.

La fórmula es: (A/B)=(A+B)/A

Tal proporción corresponde al Número Áureo o Phi (φ): 1,618. De manera

9

que el segmento AB es 1,618 veces A, y A es 1,618 veces B.

Una forma fácil de entender es dibujando un cuadrado y agregar un punto medio en uno de sus lados, luego lo unimos con uno de los vértices del cuadrado y por ultimo llevamos esta distancia hacia alguno de los lados a partir del punto que dibujamos, obtenemos gráficamente un rectángulo con proporciones áureas.

Que es lo mismo que multiplicar la recta AB por el numero Phi y nos resultara igual a la recta AC. Esta proporcionequivale aproximadamente a dos segmento desiguales, uno de 62% y otro de 38% de una recta por tamaño 100%.

¿Qué ventajas ofrece esta proporción? Se dice que si a una línea recta le agregamos un punto en un lugar que no sea el centro, lamayoría de las veces lo agregaremos acercándonos a la proporción de 62% y 38%. Esto nos permite ofreces composiciones más armoniosas que puedan enfocar la atención en un punto deseado. Una de las formas para trabajar con el número áureo es dimensionando el soporte. Esto no es otra cosa que utilizar un área de trabajo que tenga proporciones áureas.

10

El rectángulo dibujado anteriormente es un área de trabajo áurea, si esto lo aplicamos al diseño web obtenemos que para una interfaz1024 x 768 con un ancho de 1010 pixeles visibles (le restamos 14 pixeles, que es lo que usan las barras de deslizamiento laterales) le correspondería una altura de 624 pixeles. Aquísurgeun problema, ya que en el diseño web generalmente podemos saber la anchura de un contenido, pero no la altura, ya que depende de la cantidad de contenido que estará en la página. Pero gracias a esta área de trabajo podemos crear una retícula proporcionada, para ajustar los elementos principales del diseño de un sitio web y ajustando los restantes con proporciones áureas.

En este caso hemos dividido el área total en dos áreas, de la cual el rectángulo del lado derecho es un rectángulo áureo. ¿Cómo resultaron esas medidas? de multiplicar el ancho total (1010 px) por Phi dando como resultado 624px, así el rectángulo queda dividió en un cuadrado y otro rectángulo áureo que a su vez vamos a dividir.

11

12

Si seguimos dividiendo infinitamente y luego trazamos un arco por la diagonal de cada cuadrado, se obtiene la espiral logarítmica, que aparece frecuentemente en la naturaleza y su ejemplo mas clásico la concha de un nautilus.

Hay diversas maneras de establecer los distintos formatos y proporciones

de una composición, que son conocidos desde tiempos inmemorables. La mayor parte de ellos está relacionada con la sección o proporción ÁUREA, llamada también divina proporción, canon áureo o regla de oro.

13

Podemos ver la divina proporción en:

EN LA CIENCIA ESPECIFICA COMO LA BOTANICA:

La serie de Fibonacci se puede encontrar también en botánica. Así, por ejemplo, ciertas flores tienen un número de pétalos que suelen ser términos de dicha sucesión; de esta manera el lirio tiene 3 pétalos, algunos ranúnculos 5 o bien 8, las margaritas y girasoles suelen contar con 13, 21, 34, 55 o bien 89.

La parte de la botánica que estudia la disposición de las hojas a lo largo de los tallos de las plantas se denomina Filotaxia. En la mayoría de los casos es tal que permite a las hojas una captación uniforme de la luz y aire, siguiendo, normalmente, una trayectoria ascendente y en forma de hélice.

Nota:

Vale la pena aclarar que no es lo mismo proporción divina que el número de oro, puesto que el número de oro es un punto exacto como tal de un cuerpo u objeto mientras que la proporción divina es lo que observamos a la vista, y obviamente debe ser agradable.

El arte de realizar diseñografico sugiere que sepamos proporcionalidad y también encontrar el punto de oro, estos son algunos ejemplos de la proporción divina.

14

Como vemos el punto más resaltante de esta fotografía es el ojo del águila, pues está comprobado que el ojo del hombre ve mejor la asimetría que la simetría, es decir ningún grafico que sea simétrico es tan agradable como la que tiene asimetría usando la proporción divina.

Objetivos:

Conocer las proporciones más habituales usados en la composición gráfica y conocer los formatos y las series DIN de formatos de papel

2.- LA COMPOSICIÓN

3.1.- SIMETRÍA:

15

La composición es el orden en que proponemos los elementos en el plano y que va a determinar un significado. En toda composición existe un eje axial, unalínea vertical imaginaria que divide al plano endos, yla cual no se modifica. Según este eje y la disposiciónde los elementos en el plano, la imagenposeerá simetría, asimetría o tensión.

El diseño simétrico sugiere estabilidad, equilibrio, resultando estético, ordenado, atractivo y agradable de contemplar. Por el contrario, el asimétrico muestra irregularidad, desigualdad en las formas y desequilibrio.

Hay que tener en cuenta que la simetría usada no debe de ser del todo exacta, ya que la simetría perfecta no es natural, es demasiado "perfecta", valga la redundancia, haciendo aparecer las composiciones artificiales y premeditadas. Pequeñas variaciones en la distribución simétrica dan ese toque de ruptura que hace su contemplación más amena y natural.

3.2.-ASIMETRIA:

La asimetría relaja la composición, no se siente tanto esa sensación de orden como en la simetría ya que, si bien se sigue distinguiendo el eje axial,

16

no se posee el mismo peso y/o elementos en ambos lados. Por lo general, se utilizan para generar una sensación más de realidad

Simetría natural:

Si observamos la Naturaleza, gran arquitecta y diseñadora donde las haya, podremos observar muy pronto que uno de los elementos que más utiliza para crear sus organismos es la simetría, manifestándose ésta en casi todos los seres que existen a lo largo y ancho de nuestro planeta.

17

Simetría en el hombre

El hombre ha pretendido imitar este diseño simétrico natural en todos y cada uno de sus aspectos creadores, desde los primeros objetos de artesanía hasta los modernos automóviles.

Si partimos de esta base, debemos aceptar que la búsqueda de una simetría estructural, gráfica y textual debe ser una de las metas primeras de todo diseñador, ya que confiere a las composiciones una organización natural a la que el espectador está acostumbrado.

3.- EQUILIBRIO

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. Los gestalistas se ocupan de esta

18

necesidad y llaman a esos dos estados visuales opuestos nivelación y aguzamiento. Aguzamiento se puede considerar equivalente a contraste y nivelación a armonía. Lo fundamental es tener la conciencia de que estos dos polos de la composición visual son instrumentos fundamentales para construir una formulación visual con claridad. Podemos conseguir en nuestra composición ese equilibrio de formas y líneas, es decir, los pesos de los elementos deben estar compensados. La manera de medir el peso de las formas y líneas del diseño es, analizando la importancia visual de estos dentro de nuestra composición. El equilibrio es cuando una imagen no tiene demasiado peso en un lado y el equilibrio hace que la imagen sea a agradable a la vista, También se divide la foto en tres partes horizontal como vertical.Es un principio natural de la forma en que entidades estables e inestables, se relacionan y comportan creando o anulando tensiones, mismos que pueden convertirse en centros de interés o formas fluidas y armoniosas. Una forma inestable está en movimiento o tiende al movimiento, en tanto una forma estable no crea tensiones y se encuentra en reposo.

Existen dos tipos de equilibrio:

4.1.- EQUILIBRO SIMÉTRICO:

El equilibro simétrico se produce cuando al dividir una composición en dos partes iguales, existe igualdad de peso en ambos lados. No se encuentran elementos que sobresalgan más que el resto en importancia y peso. Un ejemplo más inmediato de simetría en el mundo orgánico es la mariposa. Sus dibujos están dispuestos simétricamente respecto al eje. Esta regularidad constituye, a nivel de percepción, un factor estético de armonía.

4.2.- EQUILIBRIO ASIMÉTRICO:

Un equilibrio es asimétrico cuando al dividir una composición en dos partes iguales, no existen las mismas dimensiones en tamaño, color, peso etc., pero existe un equilibrio entre dos elementos. En el equilibrio asimétrico, al ser desiguales los pesos a un lado y otro del eje, el efecto es variado.

19

4.- CONTRASTE

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 visualmente dentro de una asimetría intencionada. El contraste es una acentuación de las

20

diferencias entre los elementos en un diseño. La mayoría de la gente piensa que sólo se aplica a los colores, pero por el contrario se puede trabajar con cualquier elemento del diseño. Por ejemplo, si tenemos un grupo de líneas que son todas del mismo tamaño, no hay contraste. Pero si una tiene mayor tamaño que las otras, contrastará con el resto.

Al aplicar contraste en el diseño, hay pensar más allá del color. El contraste de colores fácilmente puede ser exagerado. Pero mediante el uso de las diferencias más sutiles en como tamaños de fuente, formas de diseño, imágenes y estilos de texto, podemos tomar ventaja del mismo sin limitarnos tan solo al uso de contraste de colores.

Tipos de contraste:

5.1.- CONTRASTE DE ESCALA:Se identifica, por resaltar las diferencias entre el tamaño de las formas. Se utilizan también, diferentes elementos a diferentes escalas de las reales, o el uso de medidas irreales. ej.: entre lo grande y lo pequeño, en formas planas, y entre lo largo y lo corto en las formas lineales.

5.2.- CONTRASTE DE COLOR:

Resalta las diferencias entre los colores, dentro de esta categoría

encontramos:

CONTRASTE DE TONOS:

21

Se oponen colores claros a otros oscuros.

CONTRASTE DE TEMPERATURA:

Se da con la relación entre colores cálidos y fríos.

CONTRASTE ENTRE COMPLEMENTARIOS :

Es el que se da entre los colores que se encuentran opuestos en el círculo

cromático.

22

CONTRASTE DE SATURACIÓN:

Se produce al tener un tono puro, al saturarlo con blanco, gris o negro,

perdiendo luminosidad al añadirle negro, variando su saturación si se le

agrega blanco, variando también su matiz.

CONTRASTE SIMULTÁNEO:

Produce que nuestro ojo exija al cerebro un color complementario, ante un

color dado, si no, el cerebro inventa un color para tener un equilibrio.

23

También provoca que un color aparezca como más claro o más oscuro

dependiendo del color que lo rodea.

CONTRASTE DE TEXTURA:

Es el que demuestra las diferencias entre las superficies de una figura, que

pueden ser rugosas, lisas, etc. Esta categoría se divide en:

CONTRASTE DE APARIENCIA:

Se aplican uno o más aspectos de la apariencia de forma, ya sea su tamaño, color, figura, textura.

24

CONTRASTE DE COLOCACIÓN: Se refiere a la posición, dirección y las relaciones espaciales de la forma.

5.- ARMONÍALos gestalistas establecieron que el ojo (el cerebro) no es disuadido en su incansable búsqueda de resolución o cerramiento de los datos visuales que percibe: Ley de Prägnanz (Wertheimer)"La organización psicológica será

25

siempre tan buena como lo permitan las condiciones reinantes". Ese término "buena" se refiere a regularidad, simetría, armonia y simplicidad. Ajustándose a las demandas inconscientes de la mente y a la mecánica física del cuerpo. Pero lo bueno también puede referirse a una formulación visual que utilice la técnica del contraste. Lo que sí que debemos tener claro es que para que consigamos una declaración visual válida, hay que decidirse por lo contrastado o por lo armonioso. El área intermedia entre una técnica u otra es confusa y poco clara, y normalmente debemos evitarla por dar lugar a una comunicación tan mala como estéticamente fea. Dandis en el libro "La sintaxis de la imagen" nos dice, "Cuando las intenciones visuales del diseñador no están nítidamente perfiladas y controladas, el resultado es ambiguo y el efecto creado es insatisfactorio y frustrado para el público". "... hay que evitar la ambigüedad por ser el efecto visual más indeseable, y no sólo por psicológicamente perturbador, sino también por chapucero e inferior a cualquier nivel de los criterios de la comunicación visual".

6.1. LA ELECCIÓN DEL CONTRASTE O LA ARMONÍA:La mayoría de las decisiones del diseño serán de este tipo, elecciones contrapuestas que nos harán decantarnos por soluciones más seguras o por la realización de un trabajo de diseño más arriesgado pero quizás con

26

soluciones más interesantes tanto para el propio diseñador como para el receptor de esa comunicación.

Cuando elegimos el camino de la armonía, en donde tenemos un trabajo visual nivelado, estamos eligiendo unas soluciones más sencillas de establecer en donde tenemos unas reglas visuales que podemos seguir sin problemas para la resolución de la composición visual. Pero como todo o casi todo, también tenemos una parte negativa, que será la previsibilidad de los resultados compositivos, la excesiva armonía de nuestro diseño puede generarnos incluso el aburrimiento y, por supuesto, lo que no despertaremos será la sorpresa del espectador. Tendríamos que pensar, por ejemplo, en el lunar de la modelo Cindy Crawford (¿se escribe así?)- o en los muchos lunares que las mujeres se han dibujado en sus rostros- y analizar hasta qué 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 .El contraste, por el contrario a la armonía, nos permite excitar y atraer la atención del receptor, dramatizar mediante la utilización de diferentes contrastes (de color, textura, tamaño...), dar un mayor significado a la comunicación que estemos articulando e incluso dar un aspecto más dinámico a nuestro diseño. El contraste es una herramienta esencial para producir y controlar diferentes efectos visuales y, por tanto, una forma de poder transmitir diversos significados.

La idea de que todos los elementos del afiche deben de ser compatibles, está muy relacionada con la unidad. El diseñador logra la armonía mediante la selección de elementos que combinen.

27

Existe armonía en las características del tono, la forma, el tamaño y la textura de los componentes. La armonía completa es pasiva. Por el contrario, el contraste es activo y poderoso.

En diseño gráfico y arte, la combinación de elementos de forma equilibrada sin que ninguno predomine de forma que parezca inapropiada. Una composición o diseño armonioso provocan sensación de unidad, de que todo fluye apropiadamente y que todo está en el lugar adecuado.

6.2.- ARMONÍAS DE COLOR:

Los colores armónicos son aquellos que funcionan bien juntos, es decir, que producen un esquema de color sensible al mismo sentido, esto es, la armonía nace de la percepción de los sentidos, y a la vez esta armonía retroalimenta al sentido haciéndolo lograr el máximo equilibrio que es hacer sentir al sentido. El círculo cromático es una valiosa herramienta para determinar armonías de color.

Los colores complementarios :

Son aquellos que se contraponen en dicho círculo y que producen un fuerte contraste. Así, por ejemplo, en el modelo RYB, el verde es complementario del rojo, y en el modelo CMY, el verde es el complementario del magentaUn espacio de color define un modelo de composición del color. Por lo

28

general un espacio de color lo define una base de N vectores (por ejemplo, el espacio RGB lo forman 3 vectores: Rojo, Verde y Azul), cuya combinación lineal genera todo el espacio de color. Los espacios de color más generales intentan englobar la mayor cantidad posible de los colores visibles por el ojo humano, aunque existen espacios de color que intentan aislar tan solo un subconjunto de ellos.

Existen espacios de color de:

Una dimensión : escala de grises, escala Jet, etc. Dos dimensiones : sub-espacio kg, sub-espacio xy, etc Tres dimensiones : espacio RGB, HSV, YCbCr, YUV, YI'Q', etc. Cuatro dimensiones : espacio CMYK

CONCLUSIÓN

El Diseño Gráfico es importante para transmitir las idees esenciales del mensaje de forma clara y directa, usando para ello los diferentes elementos gráficos que den forma al mensaje y que lo hagan asimilable para el

29

público.Por lo tanto es necesario conocer los elementos que este tiene, como:

La proporción que nos ayuda en el tamaño y la ubicación. La simetría que es una correspondencia exacta entre tamaño, forma y

posición de las partes de un todo. El equilibrio que nos ayuda a organizar y coordinar cada peso de los

elementos. El contraste que es la diferencia relativa entre un punto de una

imagen y sus alrededores. La armonía que nos ayuda a la combinación de elementos de forma

equilibrada sin que ninguno predomine de forma que parezca inapropiada.

BIBLIOGRAFÍA

www.taringa.net/.../Conceptos-de-diseno

www.parro.com.ar/definicion-de-armonía

30

http://disenodepresentaciones.wordpress.com/2011/11/24/diapositivas-simetricas-y-asimetricas/

http://dg09.blogspot.com/2009/02/simetria-y-asimetria.html

http://www.desarrolloweb.com/articulos/1424.phhttp://suite101.net/article/los-principios-del-diseno-a30329

http://www.monografias.com/trabajos81/divina-proporcion-diseno-grafico/divina-proporcion-diseno-grafico2.shtml#eldisenoga

http://carlosdisgra.blogspot.com/2010/05/tipos-de-contraste.html

http://www.artedinamico.com/portal/sitio/articulos_mo_comentarios.php?it=695&categoria=1

http://creagrafico.wordpress.com/2010/01/26/proporciones-y-formatos-en-diseno/

31