1. 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.
2

3. Í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

4. 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
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.
4

5. En la siguiente tabla te mostramos las distintas formas con las que podemos
expresar la misma razón de proporcionalidad:
DISTINTAS MANERAS DE
EXPRESAR 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

6. 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.
El valor numérico de esta razón, que se simboliza normalmente con la letra
griega "fi" es:
6

7. 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.)
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)
7

8. 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
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.
8

9. 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
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.
9

10. 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

11. 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.
12

13. 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

14. 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

15. 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
15

16. 2.- LA COMPOSICIÓN
3.1.- SIMETRÍA:
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
16

17. 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,
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

18. 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.
18

19. 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
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.
19

20. 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.
20

21. 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
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.
21

22. 5.2.- CONTRASTE DE COLOR:
Resalta las diferencias entre los colores, dentro de esta categoría
encontramos:
 CONTRASTE DE TONOS:
Se oponen colores claros a otros oscuros.
 CONTRASTE DE TEMPERATURA:
Se da con la relación entre colores cálidos y fríos.
22

23.  CONTRASTE ENTRE COMPLEMENTARIOS:
Es el que se da entre los colores que se encuentran opuestos en el círculo
cromático.
 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.
23

24.  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.
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

25.  CONTRASTE DE COLOCACIÓN:
Se refiere a la posición, dirección y las relaciones espaciales de la
forma.
5.- ARMONÍA
Los 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

26. 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

27. 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

28. 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 magenta
28

29. Un espacio de color define un modelo de composición del color. Por lo
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

30. 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

31. 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=6
95&categoria=1
http://creagrafico.wordpress.com/2010/01/26/proporciones-y-formatos-en-
diseno/
31