Composicin y Tipografa

SEMANA 3

[ FUNDAMENTOS DE DISEO ]


TABLA DE CONTENIDOS

7. COMPOSICIN Y TIPOGRAFA 3
7.1 Componente motivacional ..................................................................................................... 3
7.2 Cronograma de actividades ncleo temtico Composicin y tipografa ............................ 3
7.3 Introduccin a la composicin ............................................................................................... 3
7.4 Elementos de composicin .................................................................................................... 6
7.5 Los formatos ........................................................................................................................... 8
7.5.1 El papel y los formatos de papel .................................................................................................... 9
7.6 El espacio grfico .................................................................................................................. 11
7.6.1 La imagen .............................................................................................................................................. 12
7.7 Bibliografa............................................................................................................................ 15

2 [ POLITCNICO GRANCOLOMBIANO]


7. COMPOSICIN Y TIPOGRAFA

7.1 Componente motivacional

En el ejercicio del diseo grfico podemos identificar tres ejes que son transversales a las
mltiples aplicaciones que hoy en da tiene esta rea del conocimiento, estos son: el color, la
composicin y la tipografa. Estos tres convergen de manera permanente en todos los
escenarios del diseo grfico y, en buena medida, definen los atributos estticos, perceptuales y
comunicativos de la pieza grfica. La composicin, como veremos con mayor detalle, nos brinda
la posibilidad de otorgarle estructura a la pieza grfica ya que establece el orden lgico y las
relaciones entre sus componentes y, a la vez, con el formato que los contiene. La tipografa,
vista como el rea del diseo que se encarga de materializar la expresin oral y de convertirla e
interpretarla visualmente de manera adecuada, es otro de esos ejes que integran el espacio
grfico y que sern determinantes en el trabajo del diseador. Cotidianamente nos
encontramos con la tipografa pero casi no reparamos en ella; la vemos en la publicidad, en los
libros, en las revistas, en las pginas web pero pocas veces observamos con detalle sus atributos
como la forma y las relaciones que se establecen entre su fisionoma y la naturaleza del mensaje
escrito. En esta unidad veremos, en detalle, los aspectos constructivos de la letra con el
propsito de asumirla como parte integral del proyecto grfico y no simplemente como un
rtulo que acompaa de manera tmida y subordinada a una imagen.

7.2 Cronograma de actividades ncleo temtico Composicin y tipografa

ACTIVIDAD SEMANA INSTRUCTIVO

Lectura 3 El diseo ha muerto, larga vida al diseo. Autor: Esteban lvarez.
Artculo publicado en la revista Proyecto Diseo, Edicin 75. Oct. Nov.
2011
Lectura 4 El ojo que abstrae. Tomado de COSTA, Joan. Disear para los ojos. La
Paz: Grupo Editorial Design, 2003.

7.3 Introduccin a la composicin

Uno de los ejes transversales del diseo y en general de las artes es la composicin, entendida
como la accin orientada a organizar objetos (tangibles o no, como el caso de la msica) dentro
un espacio formato, con el propsito de generar un mensaje legible y un efecto de carcter

[ FUNDAMENTOS DE DISEO ] 3


esttico. Vista as, la composicin es un factor determinante en el orden y armona de los

objetos que componen una pieza visual y de la manera cmo se relacionen los elementos entre
s, de acuerdo al formato que los contenga, depender su aspecto final.

Catedral de Notre Dame, Pars. Paisaje de Piet Mondrian y silla Thonet.

Imgenes tomadas de: http://www.mobiletechworld.com, http://upload.wikimedia.org,

http://www.ignaciourbina.com.

En la arquitectura, el diseo y el arte, la composicin no solo define la manera como los

elementos que hacen parte de un todo se interrelacionan, sino tambin determina la esttica
del objeto creado. A lo largo de la historia, las diferentes culturas buscaron incesantemente la
belleza y la perfeccin a travs de sus creaciones artsticas y para esto, muchos se valieron de
las leyes matemticas, como los griegos, quienes fueron los primeros en descubrir lo que hoy
conocemos como la proporcin urea.

La seccin urea es una proporcin entre medidas que plantea la divisin armnica de una recta
en media y extrema razn, es decir, que el segmento menor es al segmento mayor, como este
es a la totalidad de la recta. De esta forma se establece una relacin de tamaos con la misma
proporcionalidad entre el todo dividido en mayor y menor.

Para ilustrar mejor esto, veremos a continuacin como la seccin urea se expresa en una
proporcin dada entre los lados ms largos y los ms cortos de un rectngulo. Dicho de otra
forma, bisecando un cuadro y usando la diagonal de una de sus mitades como radio para
ampliar las dimensiones del cuadrado hasta convertirlo en "rectngulo ureo" se llega a la
proporcin a:b = c:a, como se ve en el siguiente ejemplo de rectngulo ureo:

4 [ POLITCNICO GRANCOLOMBIANO]


La seccin urea ha tenido un sinnmero de aplicaciones en obras de arte, en la arquitectura y
por supuesto en el diseo, no solo en el grfico sino tambin en el diseo de objetos, la
proporcin urea tambin ha servido para determinar ciertos cnones de proporcin aplicables
al cuerpo humano, dando como resultado algunas medidas corporales que hacen parte de lo
que hoy conocemos como antropometra.

El hombre de Vitruvio de Leonardo da Vinci

Imagen tomada: de http://www.google.com/

El hombre de Vitruvio es un famoso dibujo de Leonardo da Vinci que representa una figura
masculina desnuda en dos posiciones sobreimpresas de brazos y piernas, inscrita en un crculo y
en un cuadrado. Es un estudio de las proporciones del cuerpo humano a partir de los textos de
Vitruvio, arquitecto de la antigua Roma.

[ FUNDAMENTOS DE DISEO ] 5


En el campo del diseo grfico, solo para citar un ejemplo, los formatos de papel que
conocemos son el resultado de un ejercicio de proporcionalidad que nace del cuadrado como
figura perfecta, mediante la proporcin urea se obtiene el formato de pliego de 70x100 cm que
conocemos y empleamos actualmente. Dado que este formato es un rectngulo ureo, su
divisin por mitades nos generar otros formatos que tendrn como caracterstica el hecho de
ser proporcionales al formato original. Es decir, un medio pliego conserva la misma proporcin
que el pliego completo, obviamente, en un tamao diferente:

7.4 Elementos de composicin

Para abordar el problema compositivo en el diseo grfico

debemos ubicarnos primero en el contexto del formato, es
decir, el espacio fsico dentro del cual se establecen las
relaciones que hemos descrito atrs. Uno de los grandes
problemas que debe afrontar el diseador en esta etapa es
el espacio blanco y la manera como debe enfrentarlo y,
desde luego, el punto de partida, una vez definidos los
elementos que harn parte de la composicin, ser
establecer ejes que definan los espacios o mdulos en los
cuales estarn ubicados.

A esta divisin se le conoce como retcula ya que en s

misma genera espacios y divisiones, como producto del
cruce de diferentes lneas o ejes que el diseador deber
describir dentro del espacio formato.

Existen diferentes modelos de retculas de acuerdo al

formato, a la pieza grfica, a los elementos compositivos y al
propsito comunicativo del documento, pero en cualquier
caso, la retcula siempre deber permitir al diseador actuar
dentro de un esquema que aparentemente limita, y ser lo
suficientemente libre para que el resultado evidencie la
expresividad propia de una solucin creativa de diseo.

6 [ POLITCNICO GRANCOLOMBIANO]


Retculas bsicas propuestas por Wucius Wong.

Tomado de http://4.bp.blogspot.com/

Estos son modelos reticulares propuestos por Wucius Wong en su libro Fundamentos del diseo,
en los cuales los mdulos resultantes proponen diferentes niveles de divisiones espaciales
donde la caracterstica principal es la modulacin regular, es decir, la generacin de espacios de
aspecto similar, en donde se ubicarn las formas que hacen parte del diseo. Desde luego, estos
modelos corresponden a procesos estructurales en los cuales se experimenta dando lugar a este
tipo de composiciones:

[ FUNDAMENTOS DE DISEO ] 7


Tomado de: http://www.thenormway.com/

Este tipo de resultados, si bien podran catalogarse dentro de lo experimental del diseo, nos
permiten entender mejor las retculas aplicadas a casos reales del contexto profesional.

Los sistemas de retculas aparecieron en el diseo de la posguerra, a finales de los aos

cuarenta y fueron caractersticos de una generacin de diseadores europeos, especialmente
Suizos, dentro de los cuales se destac Joseph Muller Brockman, arquitecto y diseador que
trabaj en la segunda mitad del siglo XX para la clebre Escuela de Ulm, en Alemania occidental,
donde el uso de las retculas caracteriz el diseo Germano Suizo, cuya limpieza, sencillez y
orden fueron en buena medida el resultado del uso de este sistema compositivo. Muller
Brockman tambin es el autor del libro Sistemas de retculas en el diseo grfico escrito en 1961
y cuyos postulados se mantienen vigentes en el diseo contemporneo.

7.5 Los formatos

Como ya lo hemos dicho, el espacio formato es el punto de partida dentro del ejercicio
compositivo y es la seleccin de un formato correcto.

8 [ POLITCNICO GRANCOLOMBIANO]


Carteles diseados por Joseph Muller Brockman en las dcadas de los 50 y los 60, donde se evidencian la limpieza y el orden, producto del
correcto uso del concepto de retculas.

Tomado de: http://ofqdesign1.blogspot.com/

Tambin existen otras retculas que se aplican a otros contextos del diseo como en el caso del
diseo editorial.

Hasta aqu hemos abordado el problema del espacio blanco, pero aun debemos considerar el
problema del formato visto desde el sustrato mismo y cmo este incide en la modulacin y en la
posterior distribucin de los elementos visuales.

7.5.1 El papel y los formatos de papel

Para el diseador grfico, el espacio formato est delimitado por las caractersticas fsicas del
sustrato sobre el cual se transfieran las imgenes bajo cualquiera de los sistemas de impresin
que existan y se adecen a las caractersticas de la pieza grfica diseada. Aqu no solamente
nos referimos a los atributos de calibre, gramaje o superficie del material sino al tamao mismo
ya que en el medio impreso, los papeles en general se fabrican a partir de unos parmetros o
estndares internacionales que imponen formatos especficos que el diseador debe conocer
tanto al momento de componer la pieza como a lo largo de todo el proceso de diseo y la
produccin de la misma.

[ FUNDAMENTOS DE DISEO ] 9


De esta manera, podemos establecer dos sistemas normalizados que actualmente se imponen
como parmetros para definir los formatos de papel. El primero se denomina DIN, siglas que
corresponden al Instituto de Normalizacin Alemn o tambin conocido como ISO, por sus siglas
en ingls para la Organizacin Internacional de Normalizacin. Este formato es aceptado por
muchos pases, especialmente europeos, mientras el sistema ASA (American Standard
Association) establecido por los Estados Unidos, considera otras caractersticas para la
fabricacin y conversin del papel. De esta manera, podemos establecer que en Colombia
hemos adoptado el sistema ASA para manejar el papel y sus diversos formatos.

A continuacin podemos ver cmo se clasifican los formatos en cada uno de estos sistemas:

Sistema Americano (ASA):

Formato Tamao

Letter (Carta) 279 216 mm

Legal (Oficio) 356 216 mm

Tabloid (Tabloide) 432 279 mm

Universal 540 x 320 mm

Sistema Europeo (DIN)

Formato Tamao

A0 841 X 1189

A1 594 X 841

A2 420 X 594

A3 297 X 420

A4 210 X 297

A5 148 X 210

A6 106 X 148

A7 74 X 105

10 [ POLITCNICO GRANCOLOMBIANO]


De esta manera, el diseador que interviene en el medio impreso debe comprender cmo los
formatos ya descritos implican o bien una limitacin para su trabajo creativo o bien una fuente
de oportunidades para desarrollar todo su potencial. En cualquier caso, el uso del papel y la
seleccin de un formato adecuado deben corresponder a una decisin de diseo que atravesar
todo el proceso desde la etapa creativa ms primaria hasta el ltimo acabado en una etapa de
produccin.

7.6 El espacio grfico

Definiendo los conceptos de composicin y una vez ubicados dentro del problema del espacio
formato, nos detendremos un momento para analizar el siguiente esquema que define el
espacio grfico1, y donde podremos ver cmo se compone una pieza grfica, cualquiera que
sean sus caractersticas.

1
MOLES, Abraham. Grafismo funcional, Enciclopedia del diseo. Barcelona CEAC, 1990.

[ FUNDAMENTOS DE DISEO ] 11


Segn este esquema propuesto por Abraham Moles, el espacio grfico se compone de cuatro
elementos fundamentales: la imagen, el texto, el color y los grafismos, correspondindole a
cada uno diferentes dimensiones tal como se describe en el esquema. De esta manera,
podemos entender tanto los componentes mismos de una pieza grfica como los atributos y
caractersticas formales y comunicativas de cada una de ellas. Por ahora solo abordaremos el
problema de la imagen, el texto y los grafismos, ya que el color ser un tema que trataremos
ms adelante con detalle.

Para entender un poco ms esta clasificacin, veamos cmo se identifican cada uno de estos
componentes:

7.6.1 La imagen

Intuitivamente podramos decir que sabemos qu es una imagen, pero definirla es algo tan
complejo que dedicaramos todo un curso a estudiar, analizar, discutir y de pronto arriesgarnos
a lanzar algunas definiciones sobre ella. Nos concentraremos en ella como parte de la
composicin visual, en s misma y en relacin con los dems elementos que ya se han descrito
arriba.

La imagen como representacin de una realidad es ante todo una construccin ya que no existe
ninguna imagen que la represente como la vemos. Ni siquiera la fotografa en su dimensin
documental puede mostrar la realidad sin ninguna distorsin, y esto se debe a que la fotografa
solo capta una parte de ella y adems porque en su construccin media la intencin de quien la
crea.

Segn el esquema de Moles, existen dos clases de imgenes: las imgenes tramadas y las
imgenes al trazo. En esta clasificacin, que desde luego privilegia el aspecto tcnico, las
primeras son aquellas como las fotografas y las ilustraciones cuyas complejidad visual y alta
iconicidad demanda el uso de una trama (secuencia de puntos empleada en procesos de
reproduccin grfica para definir una imagen impresa sobre un soporte) para su visualizacin.

12 [ POLITCNICO GRANCOLOMBIANO]


Imagen tramada. Tomada de: http://www.sxc.hu/

Las imgenes al trazo son aquellas que se caracterizan por el alto contraste como tcnica de
representacin. Como ejemplo se citan los dibujos, las caricaturas o los esquemas, cuya
definicin depende exclusivamente de la lnea para su materializacin.

Imagen al trazo. Tomada de http://www.sxc.hu/

Por otro lado, los grafismos son aquellos elementos visuales que aparecen en la composicin
grfica y que se caracterizan por aportarle estructura o algunos atributos de carcter
comunicativo. En el primer caso encontramos elementos como las cenefas, mrgenes, lneas, y

[ FUNDAMENTOS DE DISEO ] 13


otras figuras geomtricas que sin convertirse por s mismas en imgenes, son objetos grficos
estructurantes de la composicin. Mientras tanto los informacionales son aquellos como los
logotipos, escudos, conos sealticos o fondos texturados que en s mismos no se constituyen
tampoco como imgenes ya sea por sus atributos fsicos o por sus propsitos comunicativos.

Finalmente encontramos el texto. Sin duda es el elemento ms importante ya que a travs de l

se hace visible el lenguaje dentro de la pieza grfica. Segn el esquema del espacio grfico, el
texto puede expresarse en dos dimensiones. El texto espontneo como aquel que es el
resultado de un ejercicio ms experimental y expresivo como es el caso de los grafitis o la
caligrafa y, del otro lado, el texto normalizado, conocido ms propiamente como tipografa y
cuyas caractersticas estudiaremos con profundidad ms adelante.

14 [ POLITCNICO GRANCOLOMBIANO]


7.7 Bibliografa

CHAVES, Norberto. El oficio de disear. Barcelona: Gustavo Gili, 2001.

GORDON, Bob. Manual de diseo grfico digital. Barcelona: Gustavo Gili, 2007.

JOHANSSON, Kaj, LUNDBERG, Peter y RYBERG, Robert. Manual de produccin grfica recetas.
Barcelona: Gustavo Gili, 2004.

[ FUNDAMENTOS DE DISEO ] 15