View
231
Download
0
Category
Preview:
Citation preview
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/
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: ____________________
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): ___________________________________________________
TEORÍA DEL DISEÑO
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: ____________________
TEORÍA DEL DISEÑO
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? ________________________ ________________________________________________________________________________________________________________________________
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) ________________
Nombre del matiz: ________________
Valor (obscuro/brillante) ________________
Intensidad (alta/baja) ________________
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
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 2.
f. Observa los resultados y reflexiona ¿Funciona la armonia utilizada para transimitir la idea de la caracteristica? Justifica tu respuesta. _________________________________________________________________________________________________________________________________________________________________________________
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) ________________
Boceto de diseño 1 Boceto de diseño 2 Boceto de diseño 3
TEORÍA DEL DISEÑO
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:
CARACTERÍSTICA 3: ________________________
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
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:
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.
f. Observa los resultados y reflexiona ¿Funciona la armonia utilizada para transimitir la idea de la caracteristica? Justifica tu respuesta. _________________________________________________________________________________________________________________________________________________________________________________
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) ________________
Boceto de diseño 1 Boceto de diseño 2 Boceto de diseño 3
TEORÍA DEL DISEÑO
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.
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.
Recommended