Compocicion grafica

37,848 views

Published on

diseño grafico diseño y composicion

Published in: Design, Technology, Business
2 Comments
13 Likes
Statistics
Notes
  • mm
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Muy bueno, gracias por la información la necesitaba.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
37,848
On SlideShare
0
From Embeds
0
Number of Embeds
71
Actions
Shares
0
Downloads
719
Comments
2
Likes
13
Embeds 0
No embeds

No notes for slide

Compocicion grafica

  1. 1. Escuela Superior de Comerciocuarto bachillerato en Diseño GráficoProf. 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. 2) Composición Libre o dinámica: Sedefine como la disposición de elementosdiversos para expresar decorativamenteuna sensación. Es libre o dinámicaporque supone una ruptura con elequilibrio estático de las obras.Características:* Movimiento y fuerza contrastado Fig.3.con lo apenas insinuado.* Lo dominante es el contraste entre losdistintos elementos de la composición,desde el que da un sentido de fuerzaviolenta, hasta aquel que es apenasinsinuado, sugerido e inconcluso. Fig.3.y 4. Fig.43)La composición continua:* Se caracteriza porque en ella la acciónde los elementos visuales se desarrolla Fig.5.dominando el espacio-formato con unanarración continua, de tal manera quesu lectura visual tendrá que sersucesivamente coordinada en todas laszonas del formato, ya que no habráningún punto que esté determinado porun interés preponderante. Fig. 5. y 6. Fig.6. Fig.7.4) La composición Espiral:* Se consigue un efecto de fuerza vitalcuando los elementos se expandenhacia el exterior del formato, si por elcontrario la línea espiral se repliegahacia sí misma el efecto será trágico.En este tipo de composición lo máscaracterístico es el sentido deprofundidad. Fig.8. Fig.7.,8. y 9. Fig.9. Diseño Gráfico
  3. 3. 1.2. Elementos del Diseño bidimensional De igual forma que el lenguaje verbal puede descomponerse en diversasunidades de distinta significación, también tenemos un lenguaje no verbal, visual, quepuede constituir un alfabeto de significación. Es decir, que las imágenes podríandescomponerse en unidades de significación más pequeñas en función de algunos desus componentes: punto, línea... etc. Cada uno tiene características diferentes, lo queles permite desempeñar funciones determinadas dentro de la composición.En general se distinguen 4 grupos de elementos: Conceptuales; Visuales; deRelación y Prácticos.1.2.1. Elementos ConceptualesLos 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 esnecesario que el punto esté representado gráficamente para tomar fuerza, ya que encualquier 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. 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 cualtiene una enorme energía, nunca es estáticaGeneranenlacomposicióndinamismoydireccionamiento. Su presencia crea tensión en elespacio donde la ubiquemos y afecta a los diferenteselementos que conviven con ella, permitiendo creardiferentes 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 facilidadpodemos analizar y percibir son: el espesor, la longitud, la dirección con respectoa 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 depuntos o a la naturaleza de los bordes (irregulares o lisos). Color y valores, forma ycantidad 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. 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 elpensamiento gestáltico (desarrollado en la unidad 4, cap. 5) nos induce ainterrelacionar las caras para obtener una percepción del volumen como forma visualintegrada.La toma de conciencia de que cada cara o parte del volumen fluye y se continúa enlas demás es decisiva para el acto de diseñar.Intersección de tres planos por1.2.2. Elementos VisualesMauritsCornelius Escher. Jaula imposible http://www.psicoactiva.com/ por Maurits Cornelius Escher. curios/escher/escher.htm Diseño Gráfico
  6. 6. 1.2.2. Elementos Visuales Cuando los elementos conceptuales se hacen visibles aparecen los elementosvisuales que son los siguientes: El contorno: el circulo, el cuadrado y el tríanguloy 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 laterminología de las artes visuales se dice que la línea articula la complejidad delcontorno. Cuando la línea cierra un determinado espacio se crea una tensión entre elespacio 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 dependiendodel 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 deverticalidad, horizontalidad, centro e inclinación. A partir de estos contornos básicos ymediante combinaciones y variaciones podemos contruir todas las formas físicas eimaginarias 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. 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 ojouna 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 tridimensionalestienen un tamaño y pueden ser medidas. a)b) Color: El color se utiliza comprendiendo no solo los delespectro solar, sino asimismo los neutros (blanco, negros,grises) y las variaciones tonales y cromáticas (se desarrollará enla unidad III).c) Textura: Consiste en la modificación o variación de lasuperficie de los materiales utilizados, ya sea de una formavisual o táctil. Pueden expresar visualmente las cualidades deotro sentido, el tacto. "Cuando hay una textura real, coexisten b)las cualidades táctiles y ópticas, no como con el tono y el colorque se unifican en un valor comparable y uniforme, sino porseparado y específicamente, permitiendo una sensaciónindividual al ojo y a la mano, aunque proyectemos ambassensaciones en un significado fuertemente asociativo" Dondis. c) Diseño Gráfico
  8. 8. 1.2.3. Elementos de Relación Estos elementos gobiernan la ubicación y la interrelación de las formas enun 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 elobservador, 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 yrectángulo llevan asociado la horizontalidad y verticalidad, el triángulo lahorizontalidad y dirección diagonal y el círculo la curva y la sensación de rotación. Eldominio de la referencia horizontal-vertical facilita la sensación de equilibrio, alcontrario del dominio de la dirección diagonal que constituye la fuerza direccional másinestable.Cada uno de los contornos que hemos visto anteriormente expresan tres direccionesvisuales 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 lacontenga. Diseño Gráfico
  9. 9. 3) Espacio: Todas las formas por mas pequeñas que sean ocupan un espacio, elespacio así mismo puede ser visible o ilusorio (para dar una sensación deprofundidad)4) Gravedad: El efecto de gravedad no solamente es visual, sino que tambiénpsicológica. Podemos atribuir estabilidad o inestabilidad a una forma o a un grupo deellas.1.2.4. Elementos PrácticosLos elementos prácticos van mas allá del Diseño en si y como es de esperar sonconceptos abstractos. Son los elementos que dan sentido y contexto al Diseño. Sontres: representación, significado y función.Representación: Se refiere a la forma de realizar el Diseño: puede ser unarepresentación realista, estilizada o semi-abstracta.Significado: Todo diseño conlleva conciente o subconscientemente un significado omensaje.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. 10. 2. Completar el siguiente mapa conceptual: Elementos del Diseño bidimensionalA) 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. Gravedadel color y la cantidad. * Efecto psicológicoAc. ....................*Fragmenta el espacioSegún las líneas de Borde:1. Geométricas2. Lineales3. GestualesAd. El volumen*El recorrido de unplano en movimiento Diseño Gráfico
  11. 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 ydentro 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, enfunción de la ubicación, dimensión o protagonismo que le asignemos, experimentapequeñas variaciones en su significado.Algunos de los elementos van a ser más o menos pesados dependiendo de laubicación que les asignemos y en función de los elementos que les rodean. Lossituados a la derecha del área poseen un mayor peso visual y dan sensación deproyección y avance en la composición. Por lo contrario, los situados a la izquierdaretrotraen la composición y dan una sensación de ligereza visual más acentuadasegú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 partesuperior de la composición es la que posee mayor ligereza visual, en esta parte elpeso de los elementos es mínimo, al verse equilibrado por la zona inferior de lapágina. Por el contrario, en el borde inferior nos encontraremos que los elementosque 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ñodeben ocupar los elementos, y por el contrario, que espacios quedaránausentes 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 combinarestos elementos dentro de un mismo espacio para crear composicionesalternativas. Diseño Gráfico
  12. 12. 2.2. ProporcionesLas proporciones, la forma, el tamaño. La proporción es una variable que influye en elmodo en que percibimos las formas. Cada elementotiene una función determinada dentro de la composición,por tanto la elección de su tamaño, forma, o dimensiónque tiene dentro del área de diseño son conceptosfundamentales a la hora de realizar una composición. Fig.1.Las formas pequeñas tienen menor peso visual que lasmás grandes. Pero si además la forma de la figura no esregular, su peso aumenta notablemente, en cambio, lasformas simples y regulares son las que se perciben yrecuerdan 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 lomasculino. 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 lafeminidad.. Fig.3.El tamaño de un elemento, en relación al resto, tambiénpresenta diferentes definiciones. Las formas grandes,anchas o altas, se perciben cómo, más fuertes, pero lasmás pequeñas, finas o cortas, simbolizan la debilidad ydelicadeza. Fig.4. y 5. Fig.3. Fig.4.y 5. Diseño Gráfico
  13. 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 espacioEfectos que nos produce el espacio, dentro de nuestro campovisual:≈ Se pueden llegar a conseguir efectos muy variados yespeciales. Por ejemplo si usamos bastante espacio enblanco, se produce un descanso para el ojo. Luego, alrededorde un objeto, imagen o texto, conseguiremos que sobresalgay destaque del resto de la composición.≈ Lograremos una mayor profundidad a nuestro diseño, sisuperponemos un elemento con otro.≈ Si utilizamos un espaciamiento desigual entre loselementos, crearemos una página dinámica.2.1.2. FormatoEl 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 puedeorganizar.Dentro del espacio, es importantísimo el Formato. El formato es la forma, el tamaño yla 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 formatoReferente al tamaño dentro de los elementos, se debe destacar el elemento másimportante 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ásgrandes parecen estar más cerca de la página que los más pequeños, y eso sepuede utilizar para reforzar la importancia del elemento que queremos destacar ypara crear relaciones espacio - artificiales. Diseño Gráfico
  14. 14. Distintos formatos ISO de PapelDentro de los formatos de papel, encontramos los tamaños ISO (InternationalOrganization for Standardization). Estas normas también las encontramos entamañ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 trabajosde dimensiones grandes, se puede usar un 4 A0 (2378 x 1682 mm, esto es igual a 4m2), 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. 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 lassensaciones de estos dos cuadrados dela misma dimensión pero con diferentescolor y en diferentes contextos, nostransmiten mensajes muy distintos: suposicionamientoconrespectoalcontexto, el color de los elementos y lasdimensiones de su ubicación.El color amarillo del cuadrado le permitedefenderse mejor frente a la forma másgrande, ya que los colores claros son expansivos, mientras que los colores oscurosse contraen visualmente. Diseño Gráfico
  16. 16. La simetría Simetría se da cuando las formas de una imagen, están dispuestas de modo queexisten dos partes exactamente iguales pero contrapuestas, las formas se organizanrespecto a un eje central; como si fuere una imagen en un espejo. Son formassimétricas porque poseen la misma forma y tamaño, pero su posición está invertidarespecto 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 deasimetría se consigue que una composición visual no sea monótona.2.2.1. Simetría Axial y Simetría RadialSimetría Axial: Simetría axial o bilateral efecto dereflexión, imagen equilibrada y ordenada, tiene uneje único y produce otra figura igual de sentidoopuesto. El eje de simetría determina dos figurasque se corresponden.Los puntos equivalentes se encuentran sobre rectasperpendiculares al eje de simetría y a la mismadistancia de éste. Las rectas simétricas concurrenen el eje.En la naturaleza se puede encontrar este tipo de simetría en muchos organismosanimales, vegetales y minerales .3. Ejercicio autodidáctico (optativo) Diseño Gráfico
  17. 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íaAl trazar los ejes de simetría, podemos observar que todos ellosconcurren en el punto central. Si trazamos una circunferenciaque tenga como centro este punto veremos que todos losradios dibujados son ejes de simetría de la figura dada.Por ello, decimos que presenta simetría radial.Tipos de simetría radialLa estrella del mar, vemos que presenta cinco ejes de simetría, se puede asociar a laforma de un pentágono, por eso decimos que guarda simetría (radial) Pentagonal.1. 1 2 3El copo de nieve, presenta seis radios de dimetría, podemos acociarla a la figura deun 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 iunoctógono regular, por lo tanto podemos decir que presenta simetría (radial)Octogonal.3.4. Ejercicio autodidáctico (optativo) Diseño Gráfico
  18. 18. 2.2.2. Ritmo Cuando una o más formas visuales se repiten en unacomposición se genera un ritmo.Este, como se puede comprobar en el ejemplo, no es unacaracterística exclusiva del lenguaje visual.Tipos de ritmos:1. Cuando una figura se repite a intervalos regulares y conservando su tamaño segenera 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 secrea 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. 19. Superficie rítmicaSi una figura se repite rellenando un plano, se genera unasuperficie rítmica. Ciertos polígonos regulares tienen lapropiedad de poder rellenar el plano por sí solos. Son lossiguientes:1. Cuadrado.2. Triángulo equilátero. Ejemplo Echer Fig.1., que partió deuna red de triángulos equiláteros y la fila de cad módulo sevan 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. 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. 21. 3. La regla áurea y tipos de equilibrios. Aprender a relacionar el tamaño con el propósito y el significado esesencial para la estructuración de los mensajes visuales. Controlados losdiferentes efectos que podemos crear, nos permitirá manipular ilusionesvisuales.3.1. La regla áureaLa pregunta que todos los diseñadores nos hacemos al principio es: ¿cómo podemosdistribuir el espacio de diseño de una forma acertada?. Pues bien, no hay una normaque nos indique la división perfecta, pero existe una fórmula muy conocida en elmundo del diseño, que permite dividir el espacio en partes iguales, para lograr unefecto estético agradable y que puede llegar a ser muy eficaz. Esta teoría sedenomina "La regla Aurea", también conocida como "sección áurea".3.1.1. La escalaDefinimos el concepto de escala, cuando todos los elementos tienen la capacidad demodificarse y definirse unos a otros.La escala normalmente se usa en la cartografía, planos, mapas... para poderrepresentar una medida proporcional al del tamaño real. Es cuando citamos, “esteplano 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 plasmarloen un lugar más pequeño, pero sin que pierda sus proporciones.3.1.2. La sección áureaEs 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 larecta. O cortar una línea en dos partes desiguales de manera que el segmento mayorsea a toda la línea, como el menor es al mayor. De esta forma se establece unarelación de tamaños con la misma proporcionalidad entre el todo dividido en mayor ymenor, esto es un resultado similar a la media y extrema razón. Esta proporción oforma de seleccionar proporcionalmente una línea se llama proporción áurea, seadopta como símbolo de la sección áurea (Æ ), y la representación en números deesta 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 lacomposició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. 22. relación es el todo. La suma de las partes como todo es la más perfecta relación deproporción.Vitruvio, importante arquitecto romano, acepta el mismo principio pero dice que lasimetría consiste en el acuerdo de medidas entre los diversos elementos de la obra yestos con el conjunto. Inventó una fórmula matemática, para la división del espaciodentro de un dibujo, conocida como la sección áurea, y se basaba en una proporcióndada entre los lados mas largos y los más cortos de un rectángulo. Dicha simetríaestá 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 paraampliar las dimensiones del cuadrado hasta convertirlo en "rectángulo áureo". Sellega a la proporción a:b = c:a.Dicho esto, y según Vitruvio, se analiza que al crear una composición, si colocamoslos 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, porejemplo la establecida por el arquitecto francés Le Corbusier. Su unidad modulares el tamaño del hombre, y sobre esta proporción establece una altura media detecho, ventana, puerta... 6. El modulor. Diseño Gráfico
  23. 23. 3.2. Factor equilibrio compositivo. Podemos definir el concepto de equilibriocomo la apreciación subjetiva de que los elementosde una composición no se van a caer.La existencia de equilibrio en una composición, noquiere decir que todas las líneas o formas seaniguales en tamaño, color u otra dimensión. Porejemplo, un parte de nuestro área de diseño puedeestar formada por muchos elementos y a la veztener equilibrio con otra parte de dicho diseño quesolo consta de un elemento.El equilibrio es el principio del arte que se preocupapor igualar las fuerzas visuales, o elementos, en una obra de arte. Los elementos denuestra composición pueden ser imaginados como los pesos de una balanza. Unacomposición se encuentra en equilibrio si los pesos de los elementos se compensanentre sí.3.2.1. Tipos de equilibrios.La utilización más eficaz de los mecanismos de la percepción visual consiste enidentificar 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 sebusca este equilibrio, aunque en alguna ocasión se provoca un desequilibriointencionado 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 producecuando encontramos igualdad de peso y tono en ambos lados de nuestracomposición, y el equilibrio asimétrico se produce cuando no existe las mismasdimensiones (ya sea de tamaño, color...) en ambos lados, pero aún así existeequilibrio entre los elementos. Diseño Gráfico
  24. 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 serformal o informal en función de la ubicación y carga visual que se asigne a cadaelemento. 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 dela composición. El punto de equilibrio formal suele estar ubicado un poco por encimadel centro geométrico. Una composición que decida seguir este esquema compositivoreflejará 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 ydinamismo. Prescinde por completo de la simetría, y el equilibrio se consigue aquí enbase a contraponer y contrastar los pesos visuales de los elementos, buscandodiferentes densidades tanto formales como de color, que consigan armonizar visualmente dentro de una asimetría intencionada Fig.2.Ocurre también que determinados coloresposeen mayor peso visual que otros: loscolores, cuanto más luminosos sean,mayorpesocompositivotendrán.Pensemos en dos cuadrados y dossituaciones distintas. Fig.3. Al mismotamaño, el que posea un color másintensoyluminosotendrámásprotagonismo en la composición. Sinembargo, si mantenemos el color perovariamos el tamaño, nadie duda que elmayor será el que adquiera másimportancia gráfica. La ubicación tambiénestablece de manera determinante elpeso de los elementos. Fig.3. Diseño Gráfico
  25. 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". seutiliza 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. 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 dondetenemos un trabajo visual nivelado, contamos con reglas visualesque podemos seguir sin problemas para la resolución de lacomposición visual.Pero surge una parte negativa, que será la previsibilidad de losresultados compositivos. La excesiva armonía de nuestro diseñopuede generarnos el aburrimiento y no despertaremos lasorpresa del espectador. Podríamos que pensar, por ejemplo, enel lunar de la modelo Cindy Crawford, o en los muchos lunaresque las mujeres se han dibujado en sus rostros, y analizar hastaque punto juega un papel importante en su belleza, comorompimiento de la total simetría del rostro y convirtiéndose en unelemento que atrae la mirada y seduce al espectador. Cindy Crawford4.1. La elección del Contraste o la Armonía.La mayoría de las decisiones del diseño serán elecciones contrapuestas que nosharán inclinar por soluciones más seguras o por la realización de un trabajo de diseñomás arriesgado, pero quizás con soluciones más interesantes tanto para el propiodiseñador como para el receptor de esa comunicación.El contraste es una herramienta esencial para producir y controlar diferentes efectosvisuales y, por tanto, una forma de poder transmitir diversos significados. Diseño Gráfico
  27. 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,amedidaqueeliminaramos tono al elemento perdería fuerza y dimensióndentro de la composición, por lo cual deberíamosredimensionarlo para que siguiera manteniendo su peso enel 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 sesitúa en el lugar exactamente opuesto de la rueda decolores. Los colores opuestos contrastan mucho más,mientras que los análogos apenas lo hacen, perdiendoimportancia visual ambos. Este efecto se puede usarpara dar mayor dimensión o sensación de proximidad aun elemento en una composición, situándolo sobre uncolor que contraste con él.Este tipo de contraste es especialmente indicado paralos contenidos textuales, en los que debe primar lafacilidad de lectura. Lo ideal será el texto negro sobrefondo blanco, ya que es el que más contraste crea Diseño Gráfico
  28. 28. (contraste de tono). Pero en ciertos elementos, en los que este juego de colores nosea 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 delusuario a ciertos elementos de una composición o página web,como botones importantes, banners publicitarios, etc. No obstante, hay que sercomedidos en su uso, sobre todo si se combinan con otros tipos de contraste, ya quepueden ser un foco de atracción visual demasiado potente. Además, crean muchatensión en el espacio que les rodea.Contraste de escala: El contraste también puede serconseguido mediante la contraposición de elementos adiferentes escalas de las normales, o la utilización deproporciones irreales. De esta forma estamos negando laexperiencia de percepción que puede tener el receptor encuanto a las escalas de los elementos y por lo tanto creamosuna percepción inusual y dramatizamos la percepción delelemento.Este sistema de contraste no es muy usado en las páginasweb, donde se busca siempre la escala adecuada, pero sí esfrecuente en fotografía y pintura, consiguiendo atraer laatenció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 deotros elementos.≈ Método rítmico, consiste en aprovechar la tendencia que tiene el ser humano encompletar secuencias de elementos.≈ Método mecánico, consiste en dirigir la atención del receptor de una formaobligada.El factor de ritmo como ya hemos visto, se produce cuandoencontramos una repetición secuencial de un conjunto deelementos. Con esta técnica se puede producir dinamismo yarmonía en nuestra composición. Es capaz de transmitirmovimiento dentro del área de diseño, gracias a laaproximación de elementos semejantes. Diseño Gráfico
  29. 29. Ejercicio 41. 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

×