Composicion
- 1. 3 Cuaderno Fundamentos de diseño Composición C/ Clapissa, 19 - 12580 - Benicarló (Castellón - España) netdisseny@netdisseny.com www.netdisseny.com
- 2. Netdisseny d i s e ñ o i n d u s t r i a l Fundamentos de diseño: Composición ................................................................... 3 Proporciones .................................................................. 4 Proporciones y simetría ................................................ 5 La regla áurea ................................................................ 6 Tipos de equilibrio ......................................................... 7 Contraste y armonía ...................................................... 8 Contraste ....................................................................... 9 Oferta especial: Le construimos su página web GRATIS, infórmese pulsando aquí C/ Clapissa, 19 - 12580 - Benicarló (Castellón - España) netdisseny@netdisseny.com P-2 www.netdisseny.com
- 3. Netdisseny d i s e ñ o i n d u s t r i a l Composición La finalidad del diseño gráfico es transmitir ideas, mensajes, afirmaciones visuales... La mayor parte del trabajo de diseño se relaciona específicamente alrededor de la venta o la promoción de un producto o servicio y actualmente la industria se desarrolla hoy rápidamente, dado que la competencia entre los productores de mercancías y los suministradores de servicios es cada vez mayor. Por lo que todos intentan establecer una imagen única y promocionar sus bienes y servicios de un modo original y eficaz para comunicarse con su mercado potencial. En primer lugar, diremos que la composición de un diseño es, 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. Al diseño podemos aplicarle dos definiciones de de composición artística: · 1. La disposición de elementos diversos para expresar decorativamente una sensación. · 2. Una disposición de los elementos para crear un todo satisfactorio que presente un equilibrio, un peso y una colocación perfecta. Todo mensaje en diseño gráfico se elabora siempre por medio de una combinación coherente y estudiada previamente, de los elementos visuales con los que hayamos decidido trabajar. Estos elementos pueden ser imágenes, texto, ilustraciones, espacios en blancos..., o por el contrario, construir nuestra composición con la ausencia deliberada de alguno de estos elementos. El diseño deberá ordenarse habitualmente en una estructura rígida, coherente y dentro de los parámetros de la simetría en la disposición de los distintos elementos. El diseñador debe tener siempre presente, que cada elemento de la composición, en función de la ub icación, d imensión o prot agonismo que le asignemos, experimenta pequeñas variaciones en su significado. Por tanto, es muy importante la posición que se le da a cada uno de los elementos y encontrar el equilibrio formal entre todos ellos. Por ejemplo, algunos de los elementos van a ser más o menos pesados en una determinada composición dependiendo de la ubicación que les asignemos y en función de los elementos que les rodean. Los situados a la derecha del área poseen un mayor peso visual y dan sensación de proyección y avance en la composición. Por contra, los situados a la izquierda retrotraen la composición y dan una sensación de ligereza visual más acentuada según nos vayamos acercando al margen izquierdo de nuestra página. Lo mismo nos ocurre si utilizamos la parte superior o inferior del espacio. La parte superior de la composición es la que posee mayor ligereza visual, en esta parte el peso de los elementos es mínimo, al verse equilibrado por la zona inferior de la página. Por el contrario, en el borde inferi or nos encontraremos que los elementos que ubiquemos tendrán un mayor peso. "La individualidad visual de al gunos nombres y productos es tan marcada que basta ver una pequeña parte de su imagen para identificarla. Así, basta ver las letras <Co > en blanco sobre rojo para reconocer un anuncio de Coca Cola." (Autores del libro de diseño "Haga Usted mismo su Diseño". Roger Walton, Keith Gillies, Lindsey y John Laing). En una composición debemos buscar la máxima eficacia comunicativa, impactar visualmente al público receptor de nuestro mensaje. Realmente no existe una norma específica que nos asegure el éxito de nuestra composición, pero sí unas pautas, que si se conocen pueden hacer más eficaz nuestro mensaje. Como ya vimos en la primera parte de elementos del diseño, hay que seguir una serie de pasos, como conocer el público al que va dirigido el mensaje, antes de empezar a diseñar. Analizaremos algunas pautas a seguir: · Tener la máxima información posible sobre el tema (idea, empresa, imagen...) que vamos a transmitir. C/ Clapissa, 19 - 12580 - Benicarló (Castellón - España) netdisseny@netdisseny.com P-3 www.netdisseny.com
- 4. Netdisseny d i s e ñ o i n d u s t r i a l Proporciones · Saber a que segmento de la población va dirigido y que margen geográfico vamos a cubrir (nacional, internacional, provincial...). · Seleccionar los elementos que vamos a utilizar. Todos los elemento de la composición deben tener un por qué de su utilidad en dicha composición. · Es recomendable hacer unos bocetos de cómo podría ser la composición, cambiando la ubicación de elementos, colores, tamaño del cuerpo de texto, para respondernos visualmente a preguntas como, ¿qué es lo más importante del mensaje?, ¿dónde debe estar el impacto visual?, ¿podría verse de lejos?, ¿es adecuada la disposición y el estil o de las letras con respecto al mensaje?... · También es bueno saber el tipo de material en que se reproducirá el diseño. Una vez realizados estos pasos muchas de nuestras ideas se aclararán y darán fruto a otras nuevas posiblemente más originales y eficaces. En la interpretación final de nuestro mensaje no sólo interviene la colocación de los disti ntos elementos, sino la percepción final que tenga nuestro receptor. Por lo que el diseñador tendrá que tener conocimientos profundos sobre la percepción: · Percepción relacionada con nuestro sistema psicosomático, en concreto con el órgano de la vista, y de cómo éste interpreta los volúmenes, trazos, texturas, colores... · Percepciones relacionadas con el ámbito cultural en el que nos movemos y las distintas significaciones que pueden tener ciertos elementos: colores, orden de lectura, significaciones iconográficas... · Percepciones compartidas en el entorno y relacionadas con su propio ser. Proporciones: Lo primero que tendremos que determinar a la hora de comenzar a realizar nuestro boceto es el área gráfica que vamos a utilizar. La más común es la rectangular en posición vertical (DIN-A4, 21x29,7 cm), de hecho en la mayoría de los programas es el formato que nos sale por defecto. Una opción de dicha forma es utilizarla horizontalmente, aunque los avances en los sistemas de producción nos permiten actualmente plantearnos cualquier forma y tamao para nuestro diseño. La proporción es un concepto, que al igual que los vistos anteriormente, no podemos olvidar a la hora de diseñar. Recuerde siempre que el diseño debe ser un todo en el que no falle ningún elemento. · 1. Lo primero que debemos establecer es, que parte del área de diseo deben ocupar los elementos, y por el contrario, que espacios quedarán ausentes de elementos. · 2. Una vez determinadas las áreas de diseño que vamos a ocupar con las líneas (títulos, textos) y las formas (fotografías, ilustraciones, gráficos), podemos combinar estos elementos dentro de un mismo espacio para crear composiciones alternativas. Una vez más, recordaremos que cada elemento tiene una función determinada dentro de la composición, por tanto la elección de su tamaño, forma, o dimensión que tiene dentro del área de diseño son conceptos fundamentales a la hora de realizar nuestro trabajo. De todos es sabido que las formas pequeñas tienen menor peso visual que las m·s grandes. Pero si además la forma de la figura no es regular, su peso aumenta notablemente. Podemos delimitar proporciones mediante el color, que nos puede ir definiendo progresivamente distintas áreas tonales que nos permiten distri buir de forma adecuada toda la información gráfica. Otra forma puede ser jugando con la disposición de los di stintos bloques de elementos, de forma que parcialice y estructure las zonas de nuestro diseño. Sin embargo debemos tener cuidado con la parcialización, que nos puede ll evar a la creación de un excesivo número de bloques de elementos, ya que unos pueden llegar a perturbar a otros y restarles significación. La proporción 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. C/ Clapissa, 19 - 12580 - Benicarló (Castellón - España) netdisseny@netdisseny.com P-4 www.netdisseny.com
- 5. Netdisseny d i s e ñ o i n d u s t r i a l Proporciones y simetría Con las formas redondeadas, la proporción y la simetría suelen combinarse, puesto que las formas perfectamente circulares también son simétricas. Por lo que las formas circulares parecen ser menos potentes que las formas oblongas, pero crean impresiones de armonía que resuenan con suavidad y perfección. Evidentemente el tamaño de un elemento en relación con el resto de los elementos que coloquemos en el espacio gráfico también tendrá diferentes significados. Las formas grandes, altas o anchas, suelen ser percibidas como potentes o fuertes, mientras que las formas pequeñas, cortas o finas, nos parecen delicadas y débiles. La interpretación del tamaño, más que de las demás dimensiones de la forma, varía sorprendentemente según las culturas y los países. En occi dente, la pequeñez se percibe como falta de talla humana, sin embargo en el oriente, lo grande se suele percibir como raro y aparatoso. 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 l a introducción de otra modificación visual, por ejemplo en relación con el campo visual o el entorno. Como vemos en este ejemplo las sensaciones de estos dos cuadrados de la misma dimensión pero con diferentes color y en diferentes contextos, nos transmiten mensajes muy distintos: su posicionamiento con respecto al contexto, el color de los elementos y l as dimensiones de su ubicación. El color amarillo del cuadrado le permit e defenderse mejor frente a la forma más grande, ya que los colores claros son expansivos, mientras que los colores oscuros se contraen visualmente. C/ Clapissa, 19 - 12580 - Benicarló (Castellón - España) netdisseny@netdisseny.com P-5 www.netdisseny.com
- 6. Netdisseny d i s e ñ o i n d u s t r i a l La regla áurea La escala se utiliza en planos y mapas para la representación de una medición proporcional real. La medición nos permite adecuarnos a la realidad, pero más importante es la yuxtaposición, lo que colocamos junto al objeto visual o el marco en el que está colocado. La medición universal es la propia medida del hombre, el tamaño medio de las proporciones humanas. La pregunta que todos los diseñadores nos hacemos al principio es: ¿cómo podemos distribuir el espacio de diseño de una forma acertada?. Pues bien, no hay una norma que nos indique la divi sión perfecta , pero existe una fórmula muy conocida en el mundo del diseño, que permite dividir el espacio en partes iguales, para lograr un efecto estético agradable y que puede llegar a ser muy eficaz. Esta teoría se denomina "La regla Aurea", también conocida como "sección áurea". La creó Vitruvio, la autoridad romana en arquite ctura. Ideó un sistema de cálculo matemático de la división pictórica, para seccionar los espacios en partes iguales y así conseguir una mejor composición. Se basa en el principio general de contemplar un espacio rectangular dividido, a grandes rasgos, en terceras partes, tanto vertical como horizontalmente. O, explicado de otra forma, bisecando un cuadro y usando la di agonal de una de sus mitades como radio para ampliar las dimensiones del cuadrado hasta convertirlo en "rectángulo áureo". Se llega a la proporción a:b = c:a. Al situar los elementos primordiales de diseño en una de estas líneas, se cobra conciencia del equilibrio creado entre estos elementos y el resto del diseño. Existen otros muchos sistemas para establecer escalas o proporciones, por ejemplo la establecida por el arquitecto francés Le Corbusier. Su unidad modular es el tamaño del hombre, y sobre esta proporción establece una altura media de techo, ventana, puerta... Aprender a relacionar el tamaño con el propósito y el significado es esencial para la estructuración de los mensajes visuales. Controlados los diferentes efectos que podemos crear, nos permitirá manipular ilusiones visuales. Factor equilibrio: Este criterio es normalmente aplicado en el mundo del diseño, y decimos normalmente porque en algunos casos se puede llegar a utilizar el desequilibrio intencionado para obtener algún efecto específico (no es habitual ya que la ausencia de equilibrio, puede inquietar al receptor). El concepto de equilibrio parte también de nuestra propia percepción, en relación con nuestra anatomía, que nos lleva a interpretar la colocación de pesos, magnitudes, masas y volúmenes en relación con nuestro propio concepto de simetría humana. Podemos definir el concepto de equilibrio como la apreciación subjetiva de que los elementos de una composición no se van a caer. La existencia de equilibrio en una composición, no quiere decir que todas las líneas (texto, ti tulares...) o formas (fotografías, ilustraciones...) sean iguales en tamaño, color u otra dimensión. Por ejemplo, un parte de nuestro área de diseño puede estar formada por muchos elementos y a la vez tener equilibrio con otra parte de dicho diseño que solo consta de un elemento. C/ Clapissa, 19 - 12580 - Benicarló (Castellón - España) netdisseny@netdisseny.com P-6 www.netdisseny.com
- 7. Netdisseny d i s e ñ o i n d u s t r i a l Tipos de 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. Existen dos tipos de equilibrio: · El equilibrio simétrico. · El equilibrio asimétrico. Si dividimos la composición en dos extremos, el equilibrio simétrico se produce cuando encontramos igualdad de peso y tono en ambos lados de nuestra composición, y el equilibrio asimétrico se produce cuando no existe las mismas di mensiones (ya sea de tamaño, color...) en ambos lados, pero aún así existe equilibrio entre los elementos. La regularidad absoluta puede refinarse y regularse encaminándola hacia un resultado final perfecto dentro de una formul ación visual . Nada se deja entonces al azar, a la emoción o a la interpretación subjetiva en cualquiera de los extremos del modelo comunicativo. Es tremendamente previsible. Esto ocurre con el estilo griego, por ejemplo el desarrollado en el diseño y construcción del Parthenon: no sólo se utiliza la fórmula de la sección áurea, sino que también se emplea el más completo equilibrio axial o simétrico. A este estilo lo denominamos clásico y comunica un total equilibrio, con una total ausencia de equivocaciones por parte del diseñador e inexistencia de factores que perturben al observador de la obra.. El equilibrio que crea la simetría es un factor importante de la forma en que evaluamos el atractivo visual de un o bjeto. Sin embargo, el atractivo de la simetría tiene límites; un toque de asimetría puede hacer que resulte aún más atractivo, añadiendo un toque de individualidad y singularidad. La simetría, en cierta manera, da sensación de orden y alivia la tensión; la asimetría hace lo contrario, crea agitación y tensión, pero puede conseguir que una imagen no sea monótona. Podemos hacer otra división de equilibrio: · El equilibrio formal. · Y el equilibrio informal. El equilibrio formal se basa en la bisimetría. Se busca un centro óptico dentro del diseño, que no tiene por qué coincidir con el centro geométrico de la composición. Una composición que siga este esquema compositivo reflejará estabilidad, calma y estatismo, pero no supone una composición muy audaz. C/ Clapissa, 19 - 12580 - Benicarló (Castellón - España) netdisseny@netdisseny.com P-7 www.netdisseny.com
- 8. Netdisseny d i s e ñ o i n d u s t r i a l Contraste y armonía El equilibrio informal, por el contrario, está altamente cargado de fuerza gráfica y dinamismo. Prescinde por completo de la simetría, y el equilibrio se consigue aquí en base a contraponer y contrastar los pesos visuales de los elementos, buscando diferentes densidades tanto formales como de color que consigan armonizar visualmente dentro de una asimetría intencionada. Los gestaltistas 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á siempre tan buena como lo permitan las condiciones reinantes". Ese término "buena" se refiere a regularidad, simetría 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 si que debemos tener claro es que para que consigamos una declaración visual válida, hay que decidirse por lo contrastado o p or lo armonioso. El área intermedia entre una técnica u otra es confusa y poco clara, y normalmente debemos evi tarla por dar lugar a una comunicación tan mala como estéticamente fea. Dondis 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 frustrador 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". La elección del Contraste o la Armonía: La mayoría de las deci siones del diseño serán de este tipo, elecci ones 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 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 t odo, 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 que punto juega un papel importante en su belleza, como rompimiento de la total simetría del rostro y convirtiéndose en un elemento que atrae la mirada y seduce al espectador. 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. C/ Clapissa, 19 - 12580 - Benicarló (Castellón - España) netdisseny@netdisseny.com P-8 www.netdisseny.com
- 9. Netdisseny d i s e ñ o i n d u s t r i a l Contraste Una obra de arte es una composición de tensiones y resoluciones, de equilibrios y desequil ibrios, 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 culto de nuestra propia vida" (Susanne Langer "Problems of Art"). El contraste puede conseguirse a través de múltiples articulaciones: · Contraste de tono: La utilización de tonos muy contrastados, claridad-oscuridad, establecen el contraste tonal. El mayor peso tonal lo tendría aquél elemento con mayor oscuridad o intensidad tonal, a medida que elimináramos tono al elemento perdería fuerza y dimensión dentro de la compos ición, por lo cual deberíamos redimensionarlo para que siguiera manteniendo su peso en el conjunto del diseño. · Contraste de colores: El tono 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. Después de la cualidad tonal, el contraste de color más interesante es la se establece en cuanto a cálidos-fríos. Como ya vimos en el tema color, las gamas frías verdes-azules tie nen un carácter regresivo, mientras que las gamas cálidas rojos-amarillos, tienen un carácter expansivo. Mediante la utilizaci ón adecuada de la temperatura de color en diferentes elementos de la composición podremos dar mayor di mensión a un determinado elemento o bien dar la sensación de mayor proximidad. El contraste complementario es el equilibrio relativo entre cálido y frío, en concreto Munsell establece, en base a su teoría del contraste simultáneo, que el color complementario es el que se sitúa en el lugar exactamente opuesto de la rueda de colores. · Contraste de contornos: Los contornos irregulares ganan la partida en cuanto a atención a los regulare, reconocibles y previsibles. Una forma abstracta atrae mucho más la atención que una forma geométrica conocida. De la misma forma la creación de texturas o trazos diferentes se intensifi can cuando las yux taponemos. Contraste de escala: El contraste también puede ser conseguido mediante la contraposición de elementos a diferentes escalas de las normales, o la utilización de proporciones irreales. De esta forma estamos negando la experiencia de percepción que puede tener el receptor en cuanto a las escalas de los elementos y por lo tanto creamos una percepción inusual y dramatizamos la percepción del elemento. Factor de tensión y de ritmo: La tensión dota de fuerza y dinamis mo 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 l a mirada a un punto concreto, por medio de otros elementos. - Método rítmico, consiste en aprovechar la tendencia que tiene el ser humano en completar secuencias de elementos. - Método mecánico, consiste en dirigir la atención del receptor de una forma obligada. El factor de ritmo se produce cuando encontramos una repetición secuencial de un conjunto de elementos. Con esta técnica se puede producir dinamismo y armonía en nuestra composición. Es capaz de transmitir movimiento dentro del área de diseño, gracias a la aproximación de elementos semejantes. C/ Clapissa, 19 - 12580 - Benicarló (Castellón - España) netdisseny@netdisseny.com P-9 www.netdisseny.com