Teora del Diseo

TEORA DEL DISEO

Sesin No. 5
Nombre: Metodologa de la Composicin

Contextualizacin
La finalidad del diseo es servir a un propsito; en el diseo grfico se
transmiten ideas, mensajes, afirmaciones visuales, y generalmente se relaciona
alrededor de la venta y promocin de un producto o servicio, as que como
diseador 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 trabajars, tendrs que tomar
decisiones en la manera que dispondrs de los elementos grficos en este
espacio, dnde ser mejor?, arriba o abajo?, del lado izquierdo o del
derecho?, o ser mejor al centro?, de que tamao hago la letra?, qu
colores y cuntos utilizo? y al final funciona?

Como diseador sabes que no nada ms se trata de funcionalidad, sino tambin

de esttica y originalidad.

TEORA DEL DISEO

Introduccin al Tema

La sesin pasada empezamos el tema de la Metodologa de la Composicin,

como stas pueden ser reposadas o dinmicas dependiendo del orden de los
elementos en el espacio dado; gracias al acomodo de los elementos tambin
puedes lograr los diferentes tipos de equilibrio, y con referencia al tamao
aprendiste sobre la escala y la proporcin, que esta ltima tambin hace
referencia a la cantidad y al grado de los elementos.
Los temas que nos quedan son el color, el contraste y la armona as como la
tipografa. Tres temas que son tan importantes como los primeros. El color
puede definir el xito de un diseo por s mismo; la armona y el contraste son
percibidas con tanta fuerza que el impacto que pueden tener en el observador es
imprescindible de reconocer; y la tipografa, que es una de las dos herramientas
que el diseador puede usar: la imagen y el texto, siendo cada carcter un
elemento grfico que puede transmitir informacin por si mismo.
Has notado el tipo de colores que usan los restaurantes de comida
rpida?, de qu manera nos afectan los colores?, has pasado una
considerable cantidad de tiempo buscando la tipografa correcta para lo
que ests haciendo?, te has fijado que hay documentos imposibles de
leer debido al grado de contraste o armona de los colores?

TEORA DEL DISEO

Explicacin
Color

Es uno de los componentes ms subjetivos del diseo y aun as es fundamental

su entendimiento ya que tiene un fuerte poder de atraccin o rechazo y puede
ser la clave del xito del diseo. La manera en que percibimos el color es la
parte simple ms emotivas del proceso visual, generalmente damos significado
al color que elegimos, posee gran fuerza, expresa y refuerza la informacin
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
tros de colores primarios, segn en el medio en que trabajes tendrs 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 acrlica, 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 teora 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 diseo, un set de colores llamados Web Safe Colors, cuando los
utilizas te aseguras que los colores que ves en la pantalla sern los mismos que
los usuarios vern desde sus computadoras independientemente el tipo que
usen.
La importancia del color en un diseo 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 icnico de la forma que se presenta te
imaginas

el

mundo

sin

color?

Simplemente

de

qu

manera

reconoceramos la imagen de una naranja, de una lima, de un limn o de

TEORA DEL DISEO

una toronja? El color Denotativo se divide en 3 grupos: a) Icnico, utiliza un
color natural y acenta el efecto de realidad para que sea reconocido
rpidamente; b) Saturado, exageracin de los colores reales, ms brillantes,
ms luminosos, ms 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 ambigedad 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 psicolgicas, simblicas o estticas haciendo del color
un factor subjetivo que afecta las sutilezas perceptivas de la sensibilidad.
Tambin se divide en 3 grupos: a) Psicolgico, es la impresin que nos da el
color, cada dimensin del color crea reacciones distintas: a mayor intensidad,
mayor la impresin de movimiento y de cercana. Colores rojos, anaranjados y
amarillos dan ms energa, calidez, cercana y extraversin. Colores verdes,
azules y morados son ms tranquilos, fros, lejanos e introvertidos. b) Simblico,
el color como un elemento que est en lugar de algo ausente y sin supuesta
relacin. Puede cambiar de acuerdo a la cultura, y es aplicado en el mbito
comercial, publicidad, comercializacin de productos, por lo que el uso del color
es intencional. c) Esquemtico, el color se considera slo como materia
cromtica, tiene la autonoma que se usa en los objetos de diseo y en los
mensajes grficos. El color siempre es plano pero se puede combinar con todos
sus matices, cambiando el significado y frecuentemente evoca una idea
especfica. Los colores esquemticos pueden ser Emblemticos creados para
ayudar a identificar y memorizar las diferentes corporaciones de manera prctica
y utilitaria; o Sealticos los que centran la atencin, son de alta saturacin y
planos para generar mayor visibilidad y esquematizacin, marcan la presencia y
el rol que tienen.

TEORA DEL DISEO

Contraste y Armona

CONTRASTE

Es una diferencia notable entre elementos, y puede conseguirse por medio de

mltiples juegos de color, tono, forma, textura, tamao, contorno, tipografa y
escala. Sin l se obtiene un vaco esttico, monotona y simpleza. Con el
contraste generamos un impacto visual que atrae la atencin, tambin nos ayuda
a diferenciar una forma de otra (el blanco es el contraste ms usado) y
prcticamente sin l no podramos distinguir una cosa de otra, hacindolo el
principal elemento de diseo.

ARMONA. 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 armona crea unidad en el diseo, y puede ser lograda a travs de la
repeticin y el ritmo ya que estos enfatizan la unidad visual conectando las
partes y creando un rea de inters; los patrones tambin son usados para crear
armona.

La Teora del Color se encarga de estudiarlos y parte de su estudio son los

conceptos de contraste y armona; debido a la importancia que tiene la seleccin
adecuada del color en nuestro diseo (ya sea monocromtico o policromtico),
este conocimiento es imprescindible para cualquier diseador, las Armonas
generan combinaciones de colores afines y concordantes, son las siguientes:
Triadas,

Monocromticos,

Anlogos,

Complementarios,

Complementarios

Divididos, Neutrales, De choque. Los colores de Contraste generan mayor

TEORA DEL DISEO

dinamismo y tensin visual ya que el matiz no tiene nada en comn, son los
siguientes: Colores Puros, Claro-Obscuro, Clido-Fro, Complementarios,
Simultaneidad, Cantidad y Luminosidad.

Tipografa

El fin de todo diseo grfico es transmitir un mensaje concreto, y el diseador

tiene dos herramientas bsicas, las imgenes y los textos.
Ya hemos visto como las imgenes son capaces de transmitir un mensaje por s
mismas, sin embargo el texto puede transmitir una idea ms compleja y la
combinacin de ambas son la esencia del diseo grfico. Ahora, no hay que
olvidar que cada letra se vuelve un elemento grfico que puede dar informacin
por s misma y puede aportar inters a la composicin final. Es importante
pensar en el texto no nada ms para comunicar una idea escrita, sino que
tendrs 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 tipografa.

TEORA DEL DISEO

Conclusin

La Metodologa de la Composicin se integra de diferentes elementos

compositivos para permitirnos crear diseos que desde sus componentes ms
bsicos logren el objetivo del diseo. El conocimiento profundo del tema te dar
el poder de decidir certeramente si el mensaje a comunicar requiere de una
composicin dinmica o de una reposada para reconocer la manera de disponer
los elementos del diseo, as como el tamao y la cantidad de los mismos; ahora
que ya conoces la manera en que los colores y la relacin que tiene con otros
matices y elementos de la composicin como la tipografa, que aunque por s
mismos pueden dar informacin, trabajarlos en conjunto resulta muchsimo ms
eficiente para el trabajo del diseador y efectivo en el mercado. Y no olvidemos
el contraste, que sin l no podramos distinguir ninguna forma, nos ayuda a
generar nfasis en cierta parte del diseo, o bien entre este diseo y lo que lo
rodea; la armona usando elementos similares, acentuando sus similitudes, nos
da una sensacin de equilibrio, de estabilidad, pero hay que tener cuidado de no
perder el mensaje entre la similitudes de estos elementos.

TEORA DEL DISEO

Para aprender ms
Existe muchsima informacin en la red, slideshare.net es un buen espacio para
buscar presentaciones relacionados a cualquier tema de diseo. Explorando los
diferentes sites te puedes inspirar y aprender tambin de la experiencia de otros
diseadores.

10 errores comunes al componer tipografa. (2013). Consultado el 14 de

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

Martnez, G. (2009). Fuentes tipogrficas. Fuentes y familias tipogrficas.

Consultado el 14 de mayo de 2013:
http://brd.unid.edu.mx/fuentes-tipograficas-fuentes-y-familias-tipograficas/

Martnez, G. (s/f). Como disear tipografa 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/

Psicologa del color en el diseo grfico. (2012). Consultado el 14 de

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

Teora del Color. (2009). Consultado el 14 de mayo de 2013:

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

Vecindad grfica. (2013). El proceso para crear una tipografa. Consultado

el 14 de mayo de 2013:
http://brd.unid.edu.mx/el-proceso-para-crear-una-tipografia/

TEORA DEL DISEO

Actividad de Aprendizaje
Instrucciones:
Por medio de la tipografa, el color y los conceptos presentados en las sesiones
pasadas representars 3 cualidades o caractersticas que te representen o te
definan
1. Elige 3 cualidades o caractersticas distintas que te representen, elige
diferentes emociones o ideas entre si, por ejemplo no elijas relajado y
pacfico. Describe las caractersticas de estas cualidades.
2. Crea (a mano o en computadora) o encuentra las 3 tipografas que por
medio de sus elementos represente esas cualidades (un tipo por cada
cualidad). No utilices la tipografa que ya viene en la computadora, recuerda
que tu objetivo es ser un diseador grfico
3. Despus de haber ledo e investigado ms sobre el color, tienes que decidir
que armona o contraste de colores utilizars para reforzar la caracterstica
que estas representando. No uses ms de 3 colores en cada diseo.
4. Escribe tu nombre completo (nombres y apellidos) y salo a manera de
elemento de diseo (imagina que ese nombre es una lnea, o una figura, etc)
que utilizars en tu composicin para reforzar la caracterstica deseada. Esto
es, si quieres presentar una cualidad, a parte del tipo de tipografa y de la
gama de colores que elegiste, la manera de presentar tu nombre tambin
tiene que describir esa caracterstica (recuerda que la posicin y direccin de
los elementos influye en la manera de ser percibidos).
5. Presentars tus resultados junto con una justificacin de cada decisin
tomada para la representacin de estas cualidades. Esto es, de qu manera
la tipografa, la paleta de color y la disposicin de los elementos reflejan esa
cualidad que quieres representar.
Esta actividad vale el 5% de tu calificacin, la guardars en formato PDF o JPG
y la subirs a la plataforma de la asignatura.

TEORA DEL DISEO

Nombre: _________________________
1. Escribe 3 caractersticas diferentes que te representen, y al menos 3
cualidades distintas para cada caracterstica. Por ejemplo: Un persona enrgica:
se reprime o se expande?es atrevida o suave?es tensa o relajada?es
esttica o dinmica?tiene enfoques positivos o negativos?es distante o se
siente prxima a uno? da sentimientos de estabilidad, poder o tensin?es
constante o inconstante?es completa o incompleta?

2. Repasa las presentaciones de las sesiones 2 a 5; ah encontrars que los

elementos (conceptuales, visuales y de relacin) te guiarn en la eleccin del
tipo de lneas, formas, posicin, direccin, etc. Tambin el tipo de composicin
que necesitas para reforzar la cualidad que quieres representar. Explica segn
cada uno de tus diseos.
a. CARACTERSTICA 1: ____________________
b. Tipo de composicin (reposada dinmica): _______________ se muestra de
manera (constante/inconstante, cntrica/descentrada, etc.): _______________
c. Tipo de lnea(s) que la representa (horizontal, vertical, oblicua, curva, etc.):
________________________________________________________________
d. Direccin(es): ___________________________________________________
e. Posicin en el plano: _____________________________________________
f. Tipo de balance: _________________________________________________
g. Proporcin en relacin al plano: ____________________________________

10

TEORA DEL DISEO

h. De acuerdo a tus respuestas, disea en BLANCO Y NEGRO la primera
tipografa:

i. Es la tipografa original o pertenece a un sitio de internet? Si no es original,

menciona el nombre de la tipografa y la fuente de donde la bajaste. __________
________________________________________________________________
j. A qu categora pertenece tu tipografa? (serif, sans serif, manuscrita,
exhibicin o smbolos) por qu elegiste esta categora para representar la
caracterstica elegida? ______________________________________________
________________________________________________________________
________________________________________________________________
k. Describe la manera en que esta tipografa cumple con las cualidades que
propones para representar la caracterstica 1. ___________________________
________________________________________________________________
________________________________________________________________
l. Crees que puede mejorar tu diseo para representar la caracterstica 1 de
una manera ms clara? por qu si o por qu no? ________________________
________________________________________________________________
________________________________________________________________
********************************************************************************************
a. CARACTERSTICA 2: ____________________
b. Tipo de composicin (reposada dinmica): _______________ se muestra de
manera (constante/inconstante, cntrica/descentrada, etc.): _______________
c. Tipo de lnea(s) que la representa (horizontal, vertical, oblicua, curva, etc.):
________________________________________________________________
d. Direccin(es): ___________________________________________________

11

TEORA DEL DISEO

e. Posicin en el plano: _____________________________________________
f. Tipo de balance: _________________________________________________
g. Proporcin en relacin al plano: ____________________________________
h. De acuerdo a tus respuestas, disea en BLANCO Y NEGRO la segunda
tipografa:

i. Es la tipografa original o pertenece a un sitio de Internet? Si no es original,

menciona el nombre de la tipografa y la fuente de donde la bajaste. __________
________________________________________________________________
j. A qu categora pertenece tu tipografa? (serif, sans serif, manuscrita,
exhibicin o smbolos) por qu elegiste esta categora para representar la
caracterstica elegida? ______________________________________________
________________________________________________________________
________________________________________________________________
k. Describe la manera en que esta tipografa cumple con las cualidades que
propones para representar la caracterstica 1. ___________________________
________________________________________________________________
________________________________________________________________
l. Crees que puede mejorar tu diseo para representar la caracterstica 1 de
una
manera
ms
clara?
Por
qu
s
o
por
qu
no?
________________________
________________________________________________________________
________________________________________________________________
********************************************************************************************
a. CARACTERSTICA 3: ____________________

12

TEORA DEL DISEO

b. Tipo de composicin (reposada dinmica): _______________ se muestra de
manera (constante/inconstante, cntrica/descentrada, etc.): _______________
c. Tipo de lnea(s) que la representa (horizontal, vertical, oblicua, curva, etc.):
________________________________________________________________
d. Direccin(es): ___________________________________________________
e. Posicin en el plano: _____________________________________________
f. Tipo de balance: _________________________________________________
g. Proporcin en relacin al plano: ____________________________________
h. De acuerdo a tus respuestas, disea en BLANCO Y NEGRO la tercera
tipografa:

i. A qu categora pertenece tu tipografa? (serif, sans serif, manuscrita,

exhibicin o smbolos) por qu elegiste esta categora para representar la
caracterstica elegida? ______________________________________________
________________________________________________________________
________________________________________________________________
j. Describe la manera en que esta tipografa cumple con las cualidades que
propones para representar la caracterstica 1. ___________________________
________________________________________________________________
________________________________________________________________
k. Crees que puede mejorar tu diseo para representar la caracterstica 1 de
una manera ms clara? por qu s o por qu no? ________________________
________________________________________________________________
________________________________________________________________

13

TEORA DEL DISEO

3. Hora de elegir los colores que mejor representen las caractersticas que
seleccionaste. Repasa la presentacin de la sesin 5 para seleccionar los
colores que utilizars para tus diseos.
CARACTERSTICA 1: ________________________
a. Nombre de la armona/contraste elegido: _________________________
b. Descripcin de este tipo de armona/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

caracterstica? de qu manera refuerza la sensacin que quieres
mostrar? ___________________________________________________
___________________________________________________________
___________________________________________________________
e. Crea 3 diferentes bocetos utilizando la armona de colores que elegiste de
manera diferente para el diseo de la caracteristica 1.

Boceto de diseo 1

Boceto de diseo 2

Boceto de diseo 3

14

TEORA DEL DISEO

15

f. Observa los resultados y reflexiona Funciona la armonia utilizada para

transimitir la idea de la caracteristica? Justifica tu respuesta.
___________________________________________________________
___________________________________________________________
___________________________________________________________
g. Cul de los tres funciona mejor para transmitir el mensaje que quieres?
___________________________________________________________
___________________________________________________________
___________________________________________________________
h. Haras algo diferente para mejorar el diseo? Justifica tu respuesta.
___________________________________________________________
___________________________________________________________
___________________________________________________________
DISEO FINAL CON COLOR DE LA TIPOGRAFA 1:

Tomando en cuenta todo lo aprendido, crea el diseo final de la tipografa que

represente la caracterstica seleccionada.

CARACTERSTICA 2: ________________________

TEORA DEL DISEO

a. Nombre de la armona/contraste elegido: _________________________
b. Descripcin de este tipo de armona/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

caracterstica? de qu manera refuerza la sensacin que quieres
mostrar? ___________________________________________________
___________________________________________________________
___________________________________________________________
e. Crea 3 diferentes bocetos utilizando la armona de colores que elegiste de
manera diferente para el diseo de la caracteristica 2.

Boceto de diseo 1

Boceto de diseo 2

Boceto de diseo 3

f. Observa los resultados y reflexiona Funciona la armonia utilizada para

transimitir la idea de la caracteristica? Justifica tu respuesta.
___________________________________________________________
___________________________________________________________
___________________________________________________________

16

TEORA DEL DISEO

17

g. Cul de los tres funciona mejor para transmitir el mensaje que quieres?
___________________________________________________________
___________________________________________________________
___________________________________________________________
h. Haras algo diferente para mejorar el diseo? Justifica tu respuesta.
___________________________________________________________
___________________________________________________________
___________________________________________________________
DISEO FINAL CON COLOR DE LA TIPOGRAFA 2:

Tomando en cuenta todo lo aprendido, crea el diseo final de la tipografa que

represente la caracterstica seleccionada.

CARACTERSTICA 3: ________________________

TEORA DEL DISEO

a. Nombre de la armona/contraste elegido: _________________________
b. Descripcin de este tipo de armona/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

caracterstica? de qu manera refuerza la sensacin que quieres
mostrar? ___________________________________________________
___________________________________________________________
___________________________________________________________
e. Crea 3 diferentes bocetos utilizando la armona de colores que elegiste de
manera diferente para el diseo de la caracteristica 3.

Boceto de diseo 1

Boceto de diseo 2

Boceto de diseo 3

f. Observa los resultados y reflexiona Funciona la armonia utilizada para

transimitir la idea de la caracteristica? Justifica tu respuesta.
___________________________________________________________
___________________________________________________________
___________________________________________________________

18

TEORA DEL DISEO

19

g. Cul de los tres funciona mejor para transmitir el mensaje que quieres?
___________________________________________________________
___________________________________________________________
___________________________________________________________
h. Haras algo diferente para mejorar el diseo? Justifica tu respuesta.
___________________________________________________________
___________________________________________________________
___________________________________________________________
DISEO FINAL CON COLOR DE LA TIPOGRAFA 3:

Tomando en cuenta todo lo aprendido, crea el diseo final de la tipografa que

represente la caracterstica seleccionada.

TEORA DEL DISEO

Bibliografa
Ortiz, G. (2004). El Significado de los Colores. Mxico: Editorial Tirillas

Samara, T. (2008). Los Elementos del Diseo, Manual de estilo para

diseadores grficos. Mxico: Editorial Gustavo Gili.

Simmons, C. (2006). Color Harmony: Logos. Espaa: Rockport Publishers.

Wong, W. (1993). Fundamentos del Diseo. Mxico: Ediciones G. Gill.

20