Teoría del Diseño
1 Sesión No. 4 Nombre: Metodología de la Composición Contextualización La finalidad del diseño es servir a un propósito; en el diseño gráfico se transmiten ideas, mensajes, afirmaciones visuales, y generalmente se relaciona alrededor de la venta y promoción de un producto o servicio, así que como diseñador debes ser capaz de establecer una imagen única y promocionar estos bienes y servicios de un modo original y eficaz para comunicarse con su mercado potencial. Una vez que tienes el espacio visual en el que trabajarás, tendrás que tomar decisiones en la manera que dispondrás de los elementos gráficos en este espacio, dónde será mejor?, arriba o abajo?, del lado izquierdo o del derecho?, o será mejor al centro?, de que tamaño hago la letra?, qué colores y cuántos utilizo? y al final funciona? Como diseñador sabes que no nada más se trata de funcionalidad, sino también de estética y originalidad.
2 Introducción al Tema En las sesiones pasadas hemos hablado de elementos como las formas, sus direcciones, posiciones, significados, etcétera, y que aunque sean los elementos correctos no tendrían sentido hasta que sean ordenados de alguna manera para transmitir un mensaje o ejercer su función. Fuente: www.123freevectors.com Este orden se llama COMPOSICIÓN, donde dispones de diversos elementos para crear una unidad que presente un equilibrio, peso y colocación perfecta. Recuerdas la información de las sesiones pasadas? Aquellas donde la posición del punto indicaba una sensación de peso y dinamismo dependiendo de su posición, o donde aprendiste sobre la psicología de la línea dependiendo de su dirección? Es ahora donde esta información se volverá muy útil; no existe una receta que asegure el éxito del diseño, pero sí hay pautas que, sabiendo manejarlas, pueden hacer más eficaz el mensaje que quieres transmitir. En esta sesión veremos cómo lograr los diferentes tipos de composiciones (reposadas y dinámicas) y técnicas compositivas para que puedas lograr el efecto que deseas. Aprenderás también sobre los principios de proporción, escala y balance, sus tipos y por que son tan importantes para nuestros diseños.
3 Explicación Técnicas de Composición La idea de composición implica la idea de orden; en el diseño este orden es a la vez sensible, razonable y puede asegurar la belleza por sí solo. La composición es la distribución o disposición de todos los elementos (imágenes, textos, ilustraciones, espacios en blanco, etcétera) que incluiremos en un diseño. Como diseñador es indispensable que tomes en cuenta que cada elemento de la composición, en función de la ubicación, dimensión o protagonismo 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. Prácticamente existen dos tipos de composiciones: 1) COMPOSICIONES REPOSADAS. Que se logran utilizando elementos constantes, simétricos, rectos, centrípetos, completos y céntricos. 2) COMPOSICIONES DINÁMICAS. Que se logran utilizando elementos inconstantes, asimétricos, oblicuos, centrífugos, incompletos y descentrados. No importa si se trata de una composición dinámica o reposada, es necesario que ésta esté equilibrada y que por medio de ella se logre unidad en el diseño. Proporción y Simetría La proporción se refiere a la justa y armoniosa relación de una parte con otras o con el todo. La relación puede ser no sólo de magnitud, si no de cantidad o también de grado. Tiene como propósito crear sentido de orden entre los elementos, ya que los armoniza y los equilibra, también se usa para crear
4 dirección o un punto focal. Todos los elementos tienen la capacidad de modificarse y definirse unos a otros según las relaciones que se formen. Un elemento es grande o pequeño según el tamaño de los elementos que le acompañan en el campo visual; el color de una forma es brillante u opaco según el color del fondo sobre el que se encuentra. El tamaño de un elemento, en relación al resto, también presenta diferentes maneras de percibirse, las formas grandes, anchas o altas, se perciben como más fuertes y las más pequeñas, finas o cortas, simbolizan la debilidad y delicadeza. Una de las teorías de proporción más usadas por los diseñadores es la Sección Áurea. Regla de oro o rectángulo de oro y se utiliza para obtener espacios de trabajo equilibrados en proporciones, y se basa en percibir un espacio rectangular dividido en terceras partes, horizontal y verticalmente, fraccionando los espacios en partes iguales. La proporción y la simetría (un tipo de equilibrio del que hablaremos más adelante) se combinan cuando se usan formas redondeadas, ya que las formas circulares también son simétricas, se perciben armoniosas y suaves, pero también son menos potentes que las formas rectangulares. La proporción relativa entre elementos debe ser equilibrada, lo que implica el uso de una escala correcta en la composición. Escala La escala se refiere al tamaño de un objeto comparado con un estándar de referencia o con el de otro objeto. En una composición grafica la escala usada ayuda a distribuir el espacio de diseño de una forma acertada y da equilibrio de proporciones a los elementos. Cuando la escala cambia sin tomar en cuenta las proporciones del objeto éste se
5 deforma. El escalímetro es una herramienta muy útil para obtener diferentes tamaños de un objeto sin perder las proporciones del mismo. Es básicamente una regla de 30 centímetros, graduada con 6 escalas diferentes. Existen 3 tipos de escalas: La Natural, (Escala 1:1) significa que el tamaño del objeto corresponde al tamaño del objeto real. La escala de Reducción, (E 1:2, E 1:50, E 1:1000) cuando el tamaño físico es menor al de la realidad. La Escala de Ampliación, (E 2:1, E 10:1) cuando el tamaño físico es mayor al de la realidad. La escala y la proporción juegan juntas, ya que son referencias de tamaño, podemos tomar diferentes referencias: La Escala Humana, el Contexto, Proporciones Internas, Fuera de proporción, Contraste de Escala y la Confusión. Tipos de Equilibrio El equilibrio habla de balance, de peso visual. Cuando vimos el tema de Gravedad, hablamos de un peso conceptual y de diferentes maneras de hacer de una forma dada nos de una sensación de ligereza o pesadez, así como de estabilidad o inestabilidad. Idénticamente - EQUILIBRIO SIMETRICO, también llamado Balance Formal (a), es cuando el peso de la composición esta distribuido alrededor de un eje horizontal o vertical. La simetría aproximada (b), es donde no se usan formas idénticas, sino similares. Existen 3 tipos de simetrías: SIMETRIA AXIAL (lateral) cuando podemos dividir una figura en 2 iguales por medio de una recta o eje axial. Por ejemplo, nuestro rostro sólo tiene un eje de simetría (bilateral) y un cuadrado tiene 4 ejes axiales. SIMETRIA DE TRASLACIÓN, cuando repetimos una figura trasladándola de un punto a otro. Como los brotes de hojas en las plantas. La SIMETRIA RADIAL, es una simetría de rotación, cuando al giramos una pieza y esta coincide con otra, por ejemplo las flores, las estrellas de mar etcétera.
6 - EQUILIBRIO RADIAL (c), cuando los elementos se encuentran rodeando un punto central de manera equitativa; es multi-simétrico, tiene un potente punto focal, genera energía óptica y movimiento. Toda estructura radial se compone de dos factores: el centro de radiación y la dirección de radiación. Existen 3 clases principales de estructura radial: Centrípeta (las líneas estructurales van de afuera hacia adentro), Centrífuga (las líneas estructurales van de adentro hacia fuera), Concéntrica (las líneas estructurales rodean al centro en capas regulares). - EQUILIBRIO ASIMÉTRICO (d), también llamado Balance Informal, es cuando el peso de la composición no se encuentra distribuido equitativamente sobre el eje central. Es importante entender que en el equilibrio asimétrico existe balance, sólo que no es tan evidente como el equilibrio simétrico o el radial. Tendrás que arreglar los diferentes elementos de tal manera en que ayuden a balancear sus respectivos pesos visuales.
7 Conclusión Sobre la Metodología de la Composición hemos visto ahora los tipos de composición y como distinguirlas, la diferencia entre proporción y escala, así como el equilibrio, sus tipos y como lograrlos. Es importante tomar en cuenta que una composición balanceada (ya sea simétrica, asimétrica o radial) nos ayuda a crear unidad en nuestro diseño, y que la proporción no nada más se refiere al tamaño de las cosas, sino que también toma en cuenta la cantidad, el grado y la magnitud de los elementos; es la escala la que nos da la referencia de tamaño en relación a otro elemento o al tamaño estándar del mismo. La próxima sesión concluiremos con el tema de Metodología de la Composición, aprenderás sobre el color, el contraste y la tipografía, que junto con el equilibrio, la proporción y la escala crean la composición visual del diseño. Vuelve a echar un vistazo a la página web donde nos muestran lo que ellos llaman los mejores diseños de páginas web del 2012, analízalas ahora en función de su proporción y equilibrio, la escala y cantidad de sus elementos, notarás que cada vez se va a hacer más fácil reconocer sus relaciones. Haz clic en la imagen, es un link a la página: Fuente: http://webdesignledger.com/inspiration/best-of-web-design-in-2012
8 Para aprender más Existe muchísima información en la red, slideshare.net es un buen espacio para buscar presentaciones relacionados a cualquier tema de diseño. Explorando los diferentes sitios te puedes inspirar y aprender también de la experiencia de otros diseñadores. Escala y Proporción. (2012). Consultado el 10 de mayo de 2013: http://www.slideshare.net/mantoti/escala-y-proporcin-12040019 Lee el siguiente artículo a partir de la página 43. Introducción al Diseño Grafico. (s/f). Consultado el 10 de mayo de 2013: http://www.scribd.com/doc/53177259/introduccion-al-diseno-grafico Sobre la Sección Áurea: Animativ. (2009). Proporción áurea y diseño. Consultado el 10 de mayo de 2013: http://www.animativ.org/index.php/alumnos-temarios-item/55-disenyocat/70-proporcionaurea-y-disenyo-art Cabo, J. (s/f). Los usos compositivos de la sección áurea. Consultado el 10 de mayo de 2013: http://brd.unid.edu.mx/los-usos-compositivos-de-la-seccion-aurea/
9 Domínguez, J. (2007). El pato Donald y la proporción áurea. Consultado el 10 de mayo de 2013: http://brd.unid.edu.mx/el-pato-donald-y-la-proporcion-aurea/ La siguiente página interactiva, explica la composición de varias obras de arte y te deja jugar para hacer tus propias composiciones. Artecompo. (s/f). Consultado el 10 de mayo de 2013: http://www.artecompo.com/index.php?pag=index1
10 Actividad de Aprendizaje Actividad de Aprendizaje Instrucciones: Crear 3 composiciones distintas que se basen en la sección áurea y muestren los 3 tipos de balance: simétrico, asimétrico y radial. 1. De Internet, puedes obtener la imagen ya hecha del rectángulo áureo. También puedes observar un ejemplo del diseño de un logotipo en este sitio: http://ivanovelo.wordpress.com/2011/09/20/seccion-aurea/ observa como utilizan el rectángulo áureo (lo rotan, superponen, etc.). 2. Toma de base la imagen de la sección áurea y sobre ella realizas tus tres composiciones. 3. Pueden utilizar los elementos que quieras (textos, imágenes figuras, etc.)- 4. Estas composiciones son completamente libres y deberán representar las proporciones de la sección áurea así como los 3 tipos de balance. 5. Entregarás cada composición acompañada de la misma imagen con la de la sección áurea sobrepuesta a manera de comparación. Así como la justificación de tus diseños. Justificarás cada composición, empezando con una auto-reflexión sobre las ventajas de utilizar la sección aurea en el diseño; y explicarás también cómo lograste el balance simétrico, asimétrico y radial en cada una de tus composiciones Esta actividad vale el 5% de tu calificación, la guardarás en formato PDF o JPG y la subirás a la plataforma de la asignatura.
11 Nombre: Tipos de Balance. Describe cada tipo de balance y dibuja un ejemplo para cada uno. Balance Simétrico Balance Asimétrico Balance Radial Después de observar ejemplos de cómo se utiliza la sección aurea para crear un diseño, crea 3 diseños diferentes y que muestren los tres tipos de balance. BALANCE SIMÉTRICO Cómo logras balance simétrico utilizando la sección aurea? Diseño con el rectángulo áureo visible Diseño sin el rectángulo áureo visible.
12 BALANCE ASIMÉTRICO Diseño con el rectángulo áureo visible Diseño sin el rectángulo áureo visible. Cómo logras balance asimétrico utilizando la sección aurea? BALANCE RADIAL Diseño con el rectángulo áureo visible Diseño sin el rectángulo áureo visible. Cómo logras balance radial utilizando la sección aurea? Reflexiona sobre las ventajas de utilizar la sección aurea en tus diseños:
13 Bibliografía Samara, T. (2008) Los Elementos del Diseño. Manual de estilo para diseñadores gráficos. México: Editorial Gustavo Gili. Wong, W. (1993). Fundamentos del Diseño. México: Ediciones G. Gill.