Diseño grafico

8,202 views
7,882 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
8,202
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
122
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Diseño grafico

  1. 1. INTRODUCIONEl Diseño Gráfico es una profesión importante cuya actividad es la acción deconcebir, programar, proyectar y realizar comunicaciones visuales, por lotanto es importante conocer todo acerca de este y sus elemento, los cualesson : la proporción, simetría, equilibrio, contraste y armonía. El presente trabajo nosdescribecuáles son sus importancia en el curso dediseño gráfico acompañado de ejemplos y tipos de estos elemento y cuál esel uso respectivo de cada uno.
  2. 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. 3. ÍNDICE Pág.Capítulo 1: LA PROPORCION 51.1 La Divina Proporción 71.2 El número de Oro 9 1.2.1 Selección Aurea 9Capítulo2:LA COMPOSICION 172.1 Simetría 172.2 Asimetría 18Capítulo 3: EL EQUILIBRIO 203.1 Equilibrio Simétrico 203.2 Equilibrio Asimétrico 21Capítulo 4: EL CONTRASTE 224.1 Contraste de Escala 22 4.2Contraste de color 23Capítulo 5: LA ARMONIA 275.1 La elección del contraste o la armonía 285.2 Armonías de color 29CONCLUSION 31 3
  4. 4. 1.- LA PROPORCIÓNEl tamaño es una cualidad de toda figura que percibimos comparándolo conel 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 decirque los lados de B son el doble de largos que los de A, y que sus ángulosson 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 ladada. En nuestro ejemplo la razón de proporcionalidad es 2:1, es decir, quepor cada unidad de la figura dada obtendremos 2 unidades en la figuraproporcional.La razón de proporcionalidad se halla dividiendo la longitud de cada uno delos lados de la primera figura entre la longitud de los lados correspondientesde 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. 5. En la siguiente tabla te mostramos las distintas formas con las que podemosexpresar 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 ocantidad 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 lascosas. Las formas angulares, alargadas y las formas oblongas (dominantesen el período barroco) amplían el campo de visión, con lo que dan laimpresión de captar más una escena particular, creando una estéticadominante. Las formas angulares cortas dan la impresión de ser mástímidas y humildes. 5
  6. 6. 1.1.- LA DIVINA PROPORCIÓN:Durante los últimos siglos, creció el mito de que los antiguos griegosestaban sujetos a una proporción numérica específica, esencial para susideales de belleza y geometría. Dicha proporción es conocida con losnombres de razón áurea ó divina proporción. Aunque recientesinvestigaciones revelan que no hay ninguna prueba que conecte estaproporción con la estética griega, esta sigue manteniendo un cierto atractivocomo modelo de belleza.Matemáticamente nace de plantear la siguiente proporcionalidad entre dossegmentos y que dice así: "Buscar dos segmentos tales que el cocienteentre el segmento mayor y el menor sea igual al cociente que resulta entrela 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)/ACuando se resuelve se llega a una ecuación de 2do. grado que paraobtener la solución hay que aplicar la resolvente cuadrática.El valor numérico de esta razón, que se simboliza normalmente con la letragriega "fi" es: 6
  7. 7. El nombre de divina proporción fue bautizada por un Matemático ItalianoLuca Pacioli, que es observada en muchas plantas, galaxias, caracoles etc.en general la creación. Pero tiene otros nombres como:el número áureo ode 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 alescultor griego Phidiasel más grande y conocido de los artistas en el siglo Va.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. 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 yextrema 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 detamaños con la misma proporcionalidad entre el todo dividido en mayor ymenor. Esta proporción o forma de seleccionar proporcionalmente una línease llama proporción áurea.Una sección áurea es una división en dos de un segmento segúnproporciones dadas por el número áureo. La longitud total a+b es alsegmento más largo a como a es al segmento más corto b.1.2.1.- Sección ÁureaDurante el renacimiento, el uso de la proporción áurea se extendió entre lasartes, uno de los artistas que más uso le dio fue Leonardo Da Vinci. Susobras se apegaban a una retícula basada en la proporción aurea, en laGioconda, el rostro encaja perfecto en un rectángulo áureo y las partes de lacara a su vez se componen de rectángulos o proporciones áureas. 8
  9. 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)/ATal proporción corresponde al Número Áureo o Phi (φ): 1,618. De maneraque 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 puntomedio en uno de sus lados, luego lo unimos con uno de los vértices delcuadrado y por ultimo llevamos esta distancia hacia alguno de los lados apartir del punto que dibujamos, obtenemos gráficamente un rectángulo conproporciones áureas. 9
  10. 10. Que es lo mismo que multiplicar la recta AB por el numero Phi y nosresultara igual a la recta AC. Esta proporcionequivale aproximadamente ados segmento desiguales, uno de 62% y otro de 38% de una recta portamañ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 nosea el centro, lamayoría de las veces lo agregaremos acercándonos a laproporción de 62% y 38%. Esto nos permite ofreces composiciones másarmoniosas que puedan enfocar la atención en un punto deseado. Una delas 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. 11. El rectángulo dibujado anteriormente es un área de trabajo áurea, si esto loaplicamos al diseño web obtenemos que para una interfaz1024 x 768 conun ancho de 1010 pixeles visibles (le restamos 14 pixeles, que es lo queusan las barras de deslizamiento laterales) le correspondería una altura de624 pixeles. Aquísurgeun problema, ya que en el diseño webgeneralmente 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. Perogracias a esta área de trabajo podemos crear una retícula proporcionada,para ajustar los elementos principales del diseño de un sitio web y ajustandolos restantes con proporciones áureas.En este caso hemos dividido el área total en dos áreas, de la cual elrectángulo del lado derecho es un rectángulo áureo. ¿Cómo resultaron esasmedidas? de multiplicar el ancho total (1010 px) por Phi dando comoresultado 624px, así el rectángulo queda dividió en un cuadrado y otrorectángulo áureo que a su vez vamos a dividir. 11
  12. 12. Si seguimos dividiendo infinitamente y luego trazamos un arco por ladiagonal de cada cuadrado, se obtiene la espiral logarítmica, que aparecefrecuentemente en la naturaleza y su ejemplo mas clásico la concha de unnautilus. 12
  13. 13. Hay diversas maneras de establecer los distintos formatos y proporcionesde una composición, que son conocidos desde tiempos inmemorables. Lamayor 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. 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 deoro, puesto que el número de oro es un punto exacto como tal de un cuerpou objeto mientras que la proporción divina es lo que observamos a la vista, yobviamente debe ser agradable.El arte de realizar diseñografico sugiere que sepamos proporcionalidad ytambién encontrar el punto de oro, estos son algunos ejemplos de laproporción divina. 14
  15. 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 lasimetría, es decir ningún grafico que sea simétrico es tan agradable como laque tiene asimetría usando la proporción divina.Objetivos:Conocer las proporciones más habituales usados en la composición gráficay conocer los formatos y las series DIN de formatos de papel 15
  16. 16. 2.- LA COMPOSICIÓN3.1.- SIMETRÍA:La composición es el orden en que proponemos los elementos en el plano yque va a determinar un significado.En toda composición existe un eje axial, unalínea vertical imaginaria quedivide al plano endos, yla cual no se modifica. Según este eje y ladisposició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, elasimétrico muestra irregularidad, desigualdad en las formas y desequilibrio.Hay que tener en cuenta que la simetría usada no debe de ser del todoexacta, ya que la simetría perfecta no es natural, es demasiado "perfecta",valga la redundancia, haciendo aparecer las composiciones artificiales y 16
  17. 17. premeditadas. Pequeñas variaciones en la distribución simétrica dan esetoque 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 deorden 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, granarquitecta y diseñadora donde las haya,podremos observar muy pronto que unode los elementos que más utiliza paracrear sus organismos es la simetría,manifestándose ésta en casi todos losseres que existen a lo largo y ancho denuestro planeta. 17
  18. 18. Simetría en el hombreEl hombre ha pretendido imitar estediseño simétrico natural en todos y cadauno de sus aspectos creadores, desdelos primeros objetos de artesanía hastalos modernos automóviles.Si partimos de esta base, debemos aceptar que la búsqueda de unasimetría estructural, gráfica y textual debe ser una de las metas primeras detodo diseñador, ya que confiere a las composiciones una organizaciónnatural a la que el espectador está acostumbrado. 18
  19. 19. 3.- EQUILIBRIOLa utilización más eficaz de los mecanismos de la percepción visualconsiste en identificar claves visuales en un sentido u en otro, en equilibrio oen desequilibrio, fuertes o débiles. Los gestalistas se ocupan de estanecesidad y llaman a esos dos estados visuales opuestos nivelación yaguzamiento. Aguzamiento se puede considerar equivalente a contraste ynivelación a armonía. Lo fundamental es tener la conciencia de que estosdos polos de la composición visual son instrumentos fundamentales paraconstruir una formulación visual con claridad. Podemos conseguir ennuestra composición ese equilibrio de formas y líneas, es decir, los pesosde los elementos deben estar compensados. La manera de medir el pesode las formas y líneas del diseño es, analizando la importancia visual deestos dentro de nuestra composición.El equilibrio es cuando una imagen no tiene demasiado peso en un lado y elequilibrio hace que la imagen sea a agradable a la vista, También se dividela 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 quepueden convertirse en centros de interés o formas fluidas y armoniosas.Una forma inestable está en movimiento o tiende al movimiento, en tantouna 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 cuandoal dividir una composición en dos partesiguales, existe igualdad de peso en amboslados. No se encuentran elementos quesobresalgan más que el resto enimportancia y peso. Un ejemplo másinmediato de simetría en el mundoorgánico es la mariposa. Sus dibujosestán dispuestos simétricamente respectoal eje. Esta regularidad constituye, a nivelde percepción, un factor estético dearmonía. 19
  20. 20. 4.2.- EQUILIBRIO ASIMÉTRICO:Un equilibrio es asimétrico cuando al dividir una composición en dos partesiguales, no existen las mismas dimensiones en tamaño, color, peso etc.,pero existe un equilibrio entre dos elementos. En el equilibrio asimétrico, alser desiguales los pesos a un lado y otro del eje, el efecto es variado. 20
  21. 21. 4.- CONTRASTEel equilibrio se consigue aquí en base a contraponer y contrastar lospesos visuales de los elementos, buscando diferentes densidades tantoformales como de color que consigan armonizar visualmente dentro deuna asimetría intencionada. El contraste es una acentuación de lasdiferencias entre los elementos en un diseño. La mayoría de la gentepiensa que sólo se aplica a los colores, pero por el contrario se puedetrabajar con cualquier elemento del diseño. Por ejemplo, si tenemos ungrupo de líneas que son todas del mismo tamaño, no hay contraste. Perosi 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. Elcontraste de colores fácilmente puede ser exagerado. Pero mediante eluso de las diferencias más sutiles en como tamaños de fuente, formas dediseño, imágenes y estilos de texto, podemos tomar ventaja del mismosin 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. Seutilizan también, diferentes elementos a diferentes escalas de las reales, oel uso de medidas irreales. ej.: entre lo grande y lo pequeño, en formasplanas, y entre lo largo y lo corto en las formas lineales. 21
  22. 22. 5.2.- CONTRASTE DE COLOR:Resalta las diferencias entre los colores, dentro de esta categoríaencontramos:  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. 23.  CONTRASTE ENTRE COMPLEMENTARIOS:Es el que se da entre los colores que se encuentran opuestos en el círculocromá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 leagrega blanco, variando también su matiz. 23
  24. 24.  CONTRASTE SIMULTÁNEO:Produce que nuestro ojo exija al cerebro un color complementario, ante uncolor 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 oscurodependiendo del color que lo rodea.  CONTRASTE DE TEXTURA:Es el que demuestra las diferencias entre las superficies de una figura, quepueden 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. 25.  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 suincansable búsqueda de resolución o cerramiento de los datos visuales quepercibe: Ley de Prägnanz (Wertheimer)"La organización psicológica será 25
  26. 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ánicafísica del cuerpo. Pero lo bueno también puede referirse a una formulaciónvisual que utilice la técnica del contraste. Lo que sí que debemos tener claroes que para que consigamos una declaración visual válida, hay quedecidirse por lo contrastado o por lo armonioso. El área intermedia entreuna técnica u otra es confusa y poco clara, y normalmente debemos evitarlapor dar lugar a una comunicación tan mala como estéticamente fea. Dandisen el libro "La sintaxis de la imagen" nos dice, "Cuando las intencionesvisuales del diseñador no están nítidamente perfiladas y controladas, elresultado es ambiguo y el efecto creado es insatisfactorio y frustrado para elpúblico". "... hay que evitar la ambigüedad por ser el efecto visual másindeseable, y no sólo por psicológicamente perturbador, sino también porchapucero e inferior a cualquier nivel de los criterios de la comunicaciónvisual".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, eleccionescontrapuestas que nos harán decantarnos por soluciones más seguras opor la realización de un trabajo de diseño más arriesgado pero quizás con 26
  27. 27. soluciones más interesantes tanto para el propio diseñador como para elreceptor de esa comunicación.Cuando elegimos el camino de la armonía, en donde tenemos un trabajovisual nivelado, estamos eligiendo unas soluciones más sencillas deestablecer en donde tenemos unas reglas visuales que podemos seguir sinproblemas para la resolución de la composición visual. Pero como todo ocasi todo, también tenemos una parte negativa, que será la previsibilidad delos resultados compositivos, la excesiva armonía de nuestro diseño puedegenerarnos incluso el aburrimiento y, por supuesto, lo que nodespertaremos será la sorpresa del espectador. Tendríamos que pensar,por ejemplo, en el lunar de la modelo Cindy Crawford (¿se escribe así?)- oen los muchos lunares que las mujeres se han dibujado en sus rostros- yanalizar hasta qué punto juega un papel importante en su belleza, comorompimiento de la total simetría del rostro y convirtiéndose en un elementoque atrae la mirada y seduce al espectador .El contraste, por el contrario ala armonía, nos permite excitar y atraer la atención del receptor, dramatizarmediante la utilización de diferentes contrastes (de color, textura, tamaño...),dar un mayor significado a la comunicación que estemos articulando eincluso dar un aspecto más dinámico a nuestro diseño. El contraste es unaherramienta esencial para producir y controlar diferentes efectos visuales y, portanto, 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 mediantela selección de elementos que combinen. 27
  28. 28. Existe armonía en las características del tono, la forma, el tamaño y latextura de los componentes. La armonía completa es pasiva. Por elcontrario, el contraste es activo y poderoso.En diseño gráfico y arte, la combinación de elementos de forma equilibradasin que ninguno predomine de forma que parezca inapropiada. Unacomposición o diseño armonioso provocan sensación de unidad, de quetodo 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, queproducen un esquema de color sensible al mismo sentido, esto es, laarmonía nace de la percepción de los sentidos, y a la vez esta armoníaretroalimenta al sentido haciéndolo lograr el máximo equilibrio que es hacersentir al sentido. El círculo cromático es una valiosa herramienta paradeterminar armonías de color.Los colores complementarios:Son aquellos que se contraponen en dicho círculo y que producen un fuertecontraste. Así, por ejemplo, en el modelo RYB, el verde es complementariodel rojo, y en el modelo CMY, el verde es el complementario del magenta 28
  29. 29. Un espacio de color define un modelo de composición del color. Por logeneral un espacio de color lo define una base de N vectores (por ejemplo,el espacio RGB lo forman 3 vectores: Rojo, Verde y Azul), cuyacombinación lineal genera todo el espacio de color. Los espacios de colormás generales intentan englobar la mayor cantidad posible de los coloresvisibles por el ojo humano, aunque existen espacios de color que intentanaislar 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, YIQ, etc. Cuatro dimensiones: espacio CMYK CONCLUSIÓNEl Diseño Gráfico es importante para transmitir las idees esenciales delmensaje de forma clara y directa, usando para ello los diferentes elementosgráficos que den forma al mensaje y que lo hagan asimilable para el 29
  30. 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ÍAwww.taringa.net/.../Conceptos-de-disenowww.parro.com.ar/definicion-de-armonía 30
  31. 31. http://disenodepresentaciones.wordpress.com/2011/11/24/diapositivas-simetricas-y-asimetricas/http://dg09.blogspot.com/2009/02/simetria-y-asimetria.htmlhttp://www.desarrolloweb.com/articulos/1424.phhttp://suite101.net/article/los-principios-del-diseno-a30329http://www.monografias.com/trabajos81/divina-proporcion-diseno-grafico/divina-proporcion-diseno-grafico2.shtml#eldisenogahttp://carlosdisgra.blogspot.com/2010/05/tipos-de-contraste.htmlhttp://www.artedinamico.com/portal/sitio/articulos_mo_comentarios.php?it=695&categoria=1http://creagrafico.wordpress.com/2010/01/26/proporciones-y-formatos-en-diseno/ 31

×