Sesión No. 5. Contextualización. Nombre: Metodología de la Composición TEORÍA DEL DISEÑO

Transcripción

1 Teoría del Diseño

2 1 Sesión No. 5 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.

3 2 Introducción al Tema La sesión pasada empezamos el tema de la Metodología de la Composición, como éstas pueden ser reposadas o dinámicas dependiendo del orden de los elementos en el espacio dado; gracias al acomodo de los elementos también puedes lograr los diferentes tipos de equilibrio, y con referencia al tamaño aprendiste sobre la escala y la proporción, que esta última también hace referencia a la cantidad y al grado de los elementos. Los temas que nos quedan son el color, el contraste y la armonía así como la tipografía. Tres temas que son tan importantes como los primeros. El color puede definir el éxito de un diseño por sí mismo; la armonía y el contraste son percibidas con tanta fuerza que el impacto que pueden tener en el observador es imprescindible de reconocer; y la tipografía, que es una de las dos herramientas que el diseñador puede usar: la imagen y el texto, siendo cada carácter un elemento gráfico que puede transmitir información por si mismo. Has notado el tipo de colores que usan los restaurantes de comida rápida?, de qué manera nos afectan los colores?, has pasado una considerable cantidad de tiempo buscando la tipografía correcta para lo que estás haciendo?, te has fijado que hay documentos imposibles de leer debido al grado de contraste o armonía de los colores?

4 3 Explicación Color Es uno de los componentes más subjetivos del diseño y aun así es fundamental su entendimiento ya que tiene un fuerte poder de atracción o rechazo y puede ser la clave del éxito del diseño. La manera en que percibimos el color es la parte simple más emotivas del proceso visual, generalmente damos significado al color que elegimos, posee gran fuerza, expresa y refuerza la información visual; por todo esto hay que considerar todo lo que un color pueda expresar y hacer sentir al espectador. Como vimos anteriormente, el color tiene 3 cualidades: MATIZ (nombre del color), INTENSIDAD (brillante/opaco), VALOR (claro/obscuro), y a la vez tiene 3 tríos de colores primarios, según en el medio en que trabajes tendrás que pensar en sus diferentes relaciones: el primero es el llamado a) RYB (red, yellow, blue) formado por colores primarios de pigmentos, por ejemplo pintura acrílica, y la mezcla de los 3 produce el color gris; b) RGB (red, green, blue) son los colores primarios de luz, por ejemplo en la pantalla de tu computadora, la mezcla de los 3 produce el color blanco; y por ultimo el c) CMYK (cyan, magenta, yellow, black) colores primarios de las tintas usadas en las impresoras, la mezcla de los 3 colores en teoría produce el color negro. Las computadoras PC y Mac despliegan los colores en la pantalla de manera diferente, por eso existe en las aplicaciones de diseño, un set de colores llamados Web Safe Colors, cuando los utilizas te aseguras que los colores que ves en la pantalla serán los mismos que los usuarios verán desde sus computadoras independientemente el tipo que usen. La importancia del color en un diseño radica en sus 2 atributos: 1. El Denotativo, donde el color se utiliza como atributo realista o natural de las figuras y siempre reconoce lo icónico de la forma que se presenta te imaginas el mundo sin color? Simplemente de qué manera reconoceríamos la imagen de una naranja, de una lima, de un limón o de

5 4 una toronja? El color Denotativo se divide en 3 grupos: a) Icónico, utiliza un color natural y acentúa el efecto de realidad para que sea reconocido rápidamente; b) Saturado, exageración de los colores reales, más brillantes, más luminosos, más saturados, una euforia colorista que es parte de nuestro entorno cotidiano, gracias a la competencia visual de las marcas; c) Fantasioso, mientras que la forma permanece, el color se altera creando ambigüedad entre la figura y el color que se aplica, hasta el punto que la forma en ocasiones queda semioculta tras el color. 2. El Connotativo, cuando el color no es usado por su habilidades descriptivas, sino por las psicológicas, simbólicas o estéticas haciendo del color un factor subjetivo que afecta las sutilezas perceptivas de la sensibilidad. También se divide en 3 grupos: a) Psicológico, es la impresión que nos da el color, cada dimensión del color crea reacciones distintas: a mayor intensidad, mayor la impresión de movimiento y de cercanía. Colores rojos, anaranjados y amarillos dan más energía, calidez, cercanía y extraversión. Colores verdes, azules y morados son más tranquilos, fríos, lejanos e introvertidos. b) Simbólico, el color como un elemento que está en lugar de algo ausente y sin supuesta relación. Puede cambiar de acuerdo a la cultura, y es aplicado en el ámbito comercial, publicidad, comercialización de productos, por lo que el uso del color es intencional. c) Esquemático, el color se considera sólo como materia cromática, tiene la autonomía que se usa en los objetos de diseño y en los mensajes gráficos. El color siempre es plano pero se puede combinar con todos sus matices, cambiando el significado y frecuentemente evoca una idea específica. Los colores esquemáticos pueden ser Emblemáticos creados para ayudar a identificar y memorizar las diferentes corporaciones de manera práctica y utilitaria; o Señaléticos los que centran la atención, son de alta saturación y planos para generar mayor visibilidad y esquematización, marcan la presencia y el rol que tienen.

6 5 Contraste y Armonía CONTRASTE Es una diferencia notable entre elementos, y puede conseguirse por medio de múltiples juegos de color, tono, forma, textura, tamaño, contorno, tipografía y escala. Sin él se obtiene un vacío estético, monotonía y simpleza. Con el contraste generamos un impacto visual que atrae la atención, también nos ayuda a diferenciar una forma de otra (el blanco es el contraste más usado) y prácticamente sin él no podríamos distinguir una cosa de otra, haciéndolo el principal elemento de diseño. ARMONÍA. Se refiere a la similitud que existe entre sus elementos para que todas las partes visuales de la imagen se relacionen y complementen entre ellas. La armonía crea unidad en el diseño, y puede ser lograda a través de la repetición y el ritmo ya que estos enfatizan la unidad visual conectando las partes y creando un área de interés; los patrones también son usados para crear armonía. La Teoría del Color se encarga de estudiarlos y parte de su estudio son los conceptos de contraste y armonía; debido a la importancia que tiene la selección adecuada del color en nuestro diseño (ya sea monocromático o policromático), este conocimiento es imprescindible para cualquier diseñador, las Armonías generan combinaciones de colores afines y concordantes, son las siguientes: Triadas, Monocromáticos, Análogos, Complementarios, Complementarios Divididos, Neutrales, De choque. Los colores de Contraste generan mayor

7 6 dinamismo y tensión visual ya que el matiz no tiene nada en común, son los siguientes: Colores Puros, Claro-Obscuro, Cálido-Frío, Complementarios, Simultaneidad, Cantidad y Luminosidad. Tipografía El fin de todo diseño gráfico es transmitir un mensaje concreto, y el diseñador tiene dos herramientas básicas, las imágenes y los textos. Ya hemos visto como las imágenes son capaces de transmitir un mensaje por sí mismas, sin embargo el texto puede transmitir una idea más compleja y la combinación de ambas son la esencia del diseño gráfico. Ahora, no hay que olvidar que cada letra se vuelve un elemento gráfico que puede dar información por sí misma y puede aportar interés a la composición final. Es importante pensar en el texto no nada más para comunicar una idea escrita, sino que tendrás que configurar el aspecto visual de la misma, haciendo necesario conocer a fondo los diferentes tipos existentes y sus propiedades, conocimientos que se agrupan en la ciencia o arte de la tipografía.

8 7 Conclusión La Metodología de la Composición se integra de diferentes elementos compositivos para permitirnos crear diseños que desde sus componentes más básicos logren el objetivo del diseño. El conocimiento profundo del tema te dará el poder de decidir certeramente si el mensaje a comunicar requiere de una composición dinámica o de una reposada para reconocer la manera de disponer los elementos del diseño, así como el tamaño y la cantidad de los mismos; ahora que ya conoces la manera en que los colores y la relación que tiene con otros matices y elementos de la composición como la tipografía, que aunque por sí mismos pueden dar información, trabajarlos en conjunto resulta muchísimo más eficiente para el trabajo del diseñador y efectivo en el mercado. Y no olvidemos el contraste, que sin él no podríamos distinguir ninguna forma, nos ayuda a generar énfasis en cierta parte del diseño, o bien entre este diseño y lo que lo rodea; la armonía usando elementos similares, acentuando sus similitudes, nos da una sensación de equilibrio, de estabilidad, pero hay que tener cuidado de no perder el mensaje entre la similitudes de estos elementos.

9 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 sites te puedes inspirar y aprender también de la experiencia de otros diseñadores. 10 errores comunes al componer tipografía. (2013). Consultado el 14 de mayo de 2013: Martínez, G. (2009). Fuentes tipográficas. Fuentes y familias tipográficas. Consultado el 14 de mayo de 2013: Martínez, G. (s/f). Como diseñar tipografía y no morir en el intento. Consultado el 14 de mayo de 2013: Psicología del color en el diseño gráfico. (2012). Consultado el 14 de mayo de 2013: Teoría del Color. (2009). Consultado el 14 de mayo de 2013: Vecindad gráfica. (2013). El proceso para crear una tipografía. Consultado el 14 de mayo de 2013:

10 9 Actividad de Aprendizaje Instrucciones: Por medio de la tipografía, el color y los conceptos presentados en las sesiones pasadas representarás 3 cualidades o características que te representen o te definan 1. Elige 3 cualidades o características distintas que te representen, elige diferentes emociones o ideas entre si, por ejemplo no elijas relajado y pacífico. Describe las características de estas cualidades. 2. Crea (a mano o en computadora) o encuentra las 3 tipografías que por medio de sus elementos represente esas cualidades (un tipo por cada cualidad). No utilices la tipografía que ya viene en la computadora, recuerda que tu objetivo es ser un diseñador gráfico 3. Después de haber leído e investigado más sobre el color, tienes que decidir que armonía o contraste de colores utilizarás para reforzar la característica que estas representando. No uses más de 3 colores en cada diseño. 4. Escribe tu nombre completo (nombres y apellidos) y úsalo a manera de elemento de diseño (imagina que ese nombre es una línea, o una figura, etc) que utilizarás en tu composición para reforzar la característica deseada. Esto es, si quieres presentar una cualidad, a parte del tipo de tipografía y de la gama de colores que elegiste, la manera de presentar tu nombre también tiene que describir esa característica (recuerda que la posición y dirección de los elementos influye en la manera de ser percibidos). 5. Presentarás tus resultados junto con una justificación de cada decisión tomada para la representación de estas cualidades. Esto es, de qué manera la tipografía, la paleta de color y la disposición de los elementos reflejan esa cualidad que quieres representar. 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 10 Nombre: 1. Escribe 3 características diferentes que te representen, y al menos 3 cualidades distintas para cada característica. Por ejemplo: Un persona enérgica: se reprime o se expande? es atrevida o suave? es tensa o relajada? es estática o dinámica? tiene enfoques positivos o negativos? es distante o se siente próxima a uno? da sentimientos de estabilidad, poder o tensión? es constante o inconstante? es completa o incompleta? 2. Repasa las presentaciones de las sesiones 2 a 5; ahí encontrarás que los elementos (conceptuales, visuales y de relación) te guiarán en la elección del tipo de líneas, formas, posición, dirección, etc. También el tipo de composición que necesitas para reforzar la cualidad que quieres representar. Explica según cada uno de tus diseños. a. CARACTERÍSTICA 1: b. Tipo de composición (reposada dinámica): se muestra de manera (constante/inconstante, céntrica/descentrada, etc.): c. Tipo de línea(s) que la representa (horizontal, vertical, oblicua, curva, etc.): d. Dirección(es): e. Posición en el plano: f. Tipo de balance: _ g. Proporción en relación al plano:

12 11 h. De acuerdo a tus respuestas, diseña en BLANCO Y NEGRO la primera tipografía: i. Es la tipografía original o pertenece a un sitio de internet? Si no es original, menciona el nombre de la tipografía y la fuente de donde la bajaste. j. A qué categoría pertenece tu tipografía? (serif, sans serif, manuscrita, exhibición o símbolos) por qué elegiste esta categoría para representar la característica elegida? k. Describe la manera en que esta tipografía cumple con las cualidades que propones para representar la característica 1. l. Crees que puede mejorar tu diseño para representar la característica 1 de una manera más clara? por qué si o por qué no? ******************************************************************************************** a. CARACTERÍSTICA 2: b. Tipo de composición (reposada dinámica): se muestra de manera (constante/inconstante, céntrica/descentrada, etc.): c. Tipo de línea(s) que la representa (horizontal, vertical, oblicua, curva, etc.): d. Dirección(es):

13 12 e. Posición en el plano: f. Tipo de balance: _ g. Proporción en relación al plano: h. De acuerdo a tus respuestas, diseña en BLANCO Y NEGRO la segunda tipografía: i. Es la tipografía original o pertenece a un sitio de Internet? Si no es original, menciona el nombre de la tipografía y la fuente de donde la bajaste. j. A qué categoría pertenece tu tipografía? (serif, sans serif, manuscrita, exhibición o símbolos) por qué elegiste esta categoría para representar la característica elegida? k. Describe la manera en que esta tipografía cumple con las cualidades que propones para representar la característica 1. l. Crees que puede mejorar tu diseño para representar la característica 1 de una manera más clara? Por qué sí o por qué no? ******************************************************************************************** a. CARACTERÍSTICA 3:

14 13 b. Tipo de composición (reposada dinámica): se muestra de manera (constante/inconstante, céntrica/descentrada, etc.): c. Tipo de línea(s) que la representa (horizontal, vertical, oblicua, curva, etc.): d. Dirección(es): e. Posición en el plano: f. Tipo de balance: _ g. Proporción en relación al plano: h. De acuerdo a tus respuestas, diseña en BLANCO Y NEGRO la tercera tipografía: i. A qué categoría pertenece tu tipografía? (serif, sans serif, manuscrita, exhibición o símbolos) por qué elegiste esta categoría para representar la característica elegida? j. Describe la manera en que esta tipografía cumple con las cualidades que propones para representar la característica 1. k. Crees que puede mejorar tu diseño para representar la característica 1 de una manera más clara? por qué sí o por qué no?

15 14 3. Hora de elegir los colores que mejor representen las características que seleccionaste. Repasa la presentación de la sesión 5 para seleccionar los colores que utilizarás para tus diseños. CARACTERÍSTICA 1: a. Nombre de la armonía/contraste elegido: b. Descripción de este tipo de armonía/contraste: c. Esquema y nombre de los 3 colores a utilizar: Nombre del matiz: Valor (obscuro/brillante) Intensidad (alta/baja) Nombre del matiz: Valor (obscuro/brillante) Intensidad (alta/baja) Nombre del matiz: Valor (obscuro/brillante) Intensidad (alta/baja) d. Por qué elegiste este esquema de color para representar esta característica? de qué manera refuerza la sensación que quieres mostrar? e. Crea 3 diferentes bocetos utilizando la armonía de colores que elegiste de manera diferente para el diseño de la caracteristica 1. Boceto de diseño 1 Boceto de diseño 2 Boceto de diseño 3

16 15 f. Observa los resultados y reflexiona Funciona la armonia utilizada para transimitir la idea de la caracteristica? Justifica tu respuesta. g. Cuál de los tres funciona mejor para transmitir el mensaje que quieres? h. Harías algo diferente para mejorar el diseño? Justifica tu respuesta. DISEÑO FINAL CON COLOR DE LA TIPOGRAFÍA 1: Tomando en cuenta todo lo aprendido, crea el diseño final de la tipografía que represente la característica seleccionada. CARACTERÍSTICA 2:

17 16 a. Nombre de la armonía/contraste elegido: b. Descripción de este tipo de armonía/contraste: c. Esquema y nombre de los 3 colores a utilizar: Nombre del matiz: Valor (obscuro/brillante) Intensidad (alta/baja) Nombre del matiz: Valor (obscuro/brillante) Intensidad (alta/baja) Nombre del matiz: Valor (obscuro/brillante) Intensidad (alta/baja) d. Por qué elegiste este esquema de color para representar esta característica? de qué manera refuerza la sensación que quieres mostrar? e. Crea 3 diferentes bocetos utilizando la armonía de colores que elegiste de manera diferente para el diseño de la caracteristica 2. Boceto de diseño 1 Boceto de diseño 2 Boceto de diseño 3 f. Observa los resultados y reflexiona Funciona la armonia utilizada para transimitir la idea de la caracteristica? Justifica tu respuesta.

18 17 g. Cuál de los tres funciona mejor para transmitir el mensaje que quieres? h. Harías algo diferente para mejorar el diseño? Justifica tu respuesta. DISEÑO FINAL CON COLOR DE LA TIPOGRAFÍA 2: Tomando en cuenta todo lo aprendido, crea el diseño final de la tipografía que represente la característica seleccionada. CARACTERÍSTICA 3:

19 18 a. Nombre de la armonía/contraste elegido: b. Descripción de este tipo de armonía/contraste: c. Esquema y nombre de los 3 colores a utilizar: Nombre del matiz: Valor (obscuro/brillante) Intensidad (alta/baja) Nombre del matiz: Valor (obscuro/brillante) Intensidad (alta/baja) Nombre del matiz: Valor (obscuro/brillante) Intensidad (alta/baja) d. Por qué elegiste este esquema de color para representar esta característica? de qué manera refuerza la sensación que quieres mostrar? e. Crea 3 diferentes bocetos utilizando la armonía de colores que elegiste de manera diferente para el diseño de la caracteristica 3. Boceto de diseño 1 Boceto de diseño 2 Boceto de diseño 3 f. Observa los resultados y reflexiona Funciona la armonia utilizada para transimitir la idea de la caracteristica? Justifica tu respuesta.

20 19 g. Cuál de los tres funciona mejor para transmitir el mensaje que quieres? h. Harías algo diferente para mejorar el diseño? Justifica tu respuesta. DISEÑO FINAL CON COLOR DE LA TIPOGRAFÍA 3: Tomando en cuenta todo lo aprendido, crea el diseño final de la tipografía que represente la característica seleccionada.

21 20 Bibliografía Ortiz, G. (2004). El Significado de los Colores. México: Editorial Tirillas Samara, T. (2008). Los Elementos del Diseño, Manual de estilo para diseñadores gráficos. México: Editorial Gustavo Gili. Simmons, C. (2006). Color Harmony: Logos. España: Rockport Publishers. Wong, W. (1993). Fundamentos del Diseño. México: Ediciones G. Gill.