Teoría del Diseño

TEORÍA DEL DISEÑO

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.

TEORÍA DEL DISEÑO

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?

TEORÍA DEL DISEÑO

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

TEORÍA DEL DISEÑO

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.

TEORÍA DEL DISEÑO

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

TEORÍA DEL DISEÑO

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.

TEORÍA DEL DISEÑO

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.

TEORÍA DEL DISEÑO

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:

http://brd.unid.edu.mx/10-errores-comunes-al-componer-tipografia/

• Martínez, G. (2009). Fuentes tipográficas. Fuentes y familias tipográficas.

Consultado el 14 de mayo de 2013:

http://brd.unid.edu.mx/fuentes-tipograficas-fuentes-y-familias-tipograficas/

• Martínez, G. (s/f). Como diseñar tipografía y no morir en el intento.

Consultado el 14 de mayo de 2013:

http://brd.unid.edu.mx/como-disenar-tipografia-y-no-morir-en-el-intento/

• Psicología del color en el diseño gráfico. (2012). Consultado el 14 de

mayo de 2013:

http://www.slideshare.net/Nivck/psicologa-del-color-en-el-diseo-grfico

• Teoría del Color. (2009). Consultado el 14 de mayo de 2013:

http://www.slideshare.net/sggonza/teoria-del-color-1483838

• Vecindad gráfica. (2013). El proceso para crear una tipografía. Consultado

el 14 de mayo de 2013:

http://brd.unid.edu.mx/el-proceso-para-crear-una-tipografia/

http://brd.unid.edu.mx/10-errores-comunes-al-componer-tipografia/

http://brd.unid.edu.mx/fuentes-tipograficas-fuentes-y-familias-tipograficas/

http://brd.unid.edu.mx/como-disenar-tipografia-y-no-morir-en-el-intento/

http://www.slideshare.net/Nivck/psicologa-del-color-en-el-diseo-grfico

http://www.slideshare.net/sggonza/teoria-del-color-1483838

http://brd.unid.edu.mx/el-proceso-para-crear-una-tipografia/

TEORÍA DEL DISEÑO

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.

TEORÍA DEL DISEÑO

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: ____________________________________

TEORÍA DEL DISEÑO

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: ____________________



d. Dirección(es): ___________________________________________________

TEORÍA DEL DISEÑO

12


f. Tipo de balance: _________________________________________________


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: ____________________

TEORÍA DEL DISEÑO

13



d. Dirección(es): ___________________________________________________


f. Tipo de balance: _________________________________________________


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? ________________________ ________________________________________________________________________________________________________________________________

TEORÍA DEL DISEÑO

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:

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.

Nombre del matiz: ________________

Valor (obscuro/brillante) ________________

Intensidad (alta/baja) ________________







Boceto de diseño 1 Boceto de diseño 2 Boceto de diseño 3

TEORÍA DEL DISEÑO

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:

CARACTERÍSTICA 2: ________________________

Tomando en cuenta todo lo aprendido, crea el diseño final de la tipografía que

represente la característica seleccionada.

TEORÍA DEL DISEÑO

16


_________________________________________________________________________________________________________________________________________________________________________________
















TEORÍA DEL DISEÑO

17

g. ¿Cuál de los tres funciona mejor para transmitir el mensaje que quieres?

_________________________________________________________________________________________________________________________________________________________________________________



CARACTERÍSTICA 3: ________________________



TEORÍA DEL DISEÑO

18


_________________________________________________________________________________________________________________________________________________________________________________
















TEORÍA DEL DISEÑO

19

g. ¿Cuál de los tres funciona mejor para transmitir el mensaje que quieres?

_________________________________________________________________________________________________________________________________________________________________________________





TEORÍA DEL DISEÑO

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.

Teoría del Diseño -...

Documents

Transcript of Teoría del Diseño -...