Fundamentos

de

Diseo

cin (importancia) buscando funcionalidad del mensa-

Cuando hablamos de los fundamentos de la diagra-

je (fcil lectura) bajo una apariencia esttica agradable

macin nos referimos en esencia a los proceso. La

(aplicacin adecuada de tipografas y colores).

diagramacin de una revista es slo el pretexto para

conocer los mecanismos de la diagramacin de bo-

La diferencia

letines, memorias, folletos, peridicos, etc., ya que

Los conceptos diseo y diagramacin involucran el

problema de la composicin. En realidad, la diferencia
entre uno y otro es el papel que cumple cada uno en

1 - Diseo grfico y
diagramacin

la edicin peridica de la publicacin. Mientras que el

diseador establece las pautas de la diagramacin:
formato, cajas de diagramacin, tipografas, tamao,
estilo, formateo de prrafos, sangras; propone color

los fundamentos del diseo son comunes para todos

ellos.
Cuando hablamos de los fundamentos de la diagramacin nos referimos en esencia a los fundamentos
del diseo grfico: la tipografa, el color y la composicin.

Podemos considerar al diseo grfico como la: or-

corporativo para textos, tratamiento de la imagen

Cuando queremos organizar una pgina necesitamos

ganizacin armoniosa de elementos grficos con el

(sangrados, recuadros o aplicaciones especiales),

saber:

objetivo de cumplir una funcin de comunicacin vi-

criterios compositivos, en fin, todos los detalles que

sual. Esos elementos grficos son el texto y la imagen.

componen una publicacin; el diagramador los aplica

Estos dos elementos convierten al mensaje impreso

en cada una de las ediciones posteriores.

en un mensaje bimedia, en el decir de Moles ste sera, por lo tanto, un mensaje multimedia.

Como

vemos

el

diagramador

resuelve

la

organizacin de las pginas de acuerdo con las

Qu es lo que vamos a organizar y,

Cmo lo vamos a organizar,

Lo que vamos a organizar son los textos y las imgenes (T+I) los cuales son los componentes bsicos

El diseo grfico se concibe para ser plasmado sobre

normas ya establecidas por el diseador en el manual

soportes bidimensionales: papel, cartn, plstico, etc.;

de diseo. Es posible que el mismo diseador tambin

sin embargo estos soportes pueden ser convertidos

pueda encargarse de la diagramacin, pero las

a objetos tridimensionales: envases, dispensadores,

responsabilidades son distintas. Un buen diagramador

merchandising, etc. Esto significa que el diseador

es el que respeta esas normas, precisamente su

La tipografa, el color, y la composicin constituyen

tambin tiene una concepcin tridimensional con

creativividad radica en la capacidad para ofrecer

las bases de la diagramacin. Un entendimiento claro

respecto al uso del diseo. Habra que concordar

mltiples posibilidades de presentacin bajo una

del significado de cada uno de estos conceptos permi-

con Moles cuando afirma que un libro, un folleto,

norma establecida.

tir al diagramador trabajar con seguridad un proyecto

manipulado para ser observado adquiere un carcter

2 - Las claves de la

tridimensional, el desglose, el paso de una pgina

a otra implican factores ergonmicos previos en su

diagramacin

concepcin.

Diagramar es distribuir, organizar los elementos del

mensaje bimedia (texto e imagen) en el espacio bidimensional (el papel) mediante criterios de jerarquiza-

hacer es manejando los criterios de tipografa, color y

composicin.

grfico de cualquier envergadura.

una revista o un peridico, desde el momento que es

Diagramacin

de los mensajes impresos, la forma cmo lo vamos a

En general, cmo es el proceso de diagramacin?,

en el diagrama de la pgina anterior queremos explicar esto. Los criterios ah sealados son slo una gua
para ordenar el proceso de la composicin, puesto que

La diagramacin de una revista es slo el pretexto

no necesariamente se tiene que desarrollar el proce-

para conocer los mecanismos de la diagramacin de

so en el orden indicado; la diagramacin es tambin

boletines, memorias, folletos, peridicos, etc., ya que

una permanente interrelacin de los objetos. Cuando

los fundamentos del diseo son comunes para todos

se modifica una de las condiciones las dems se ven

ellos.

afectadas y es en esa bsqueda del equilibrio donde

el trabajo se pone divertido. Para el diseo en general

La necesidad de representar las vivencias mediante

y la composicin de pginas en particular, esta des-

un mensaje visual obligaba a buscar formas con es-

treza se logra en base al ejercicio permanente de la

cenas, figuras, objetos reconocibles que a la vez re-

composicin y muchas veces est relacionado con la

sultaran en formas codificables por un determinado

repeticin de los procesos los mismos que posterior-

grupo humano lo cual permiti el intercambio de ideas,

mente se convierten en elementos de identidad para

la comunicacin. Este largo proceso de construccin

un diseo especfico.

de signos no ha terminado y la bsqueda se orienta a

La sencillez con que se concibe este proceso invita

lo mismo: facilitar la comunicacin.

a algunos improvisados diagramadores a decir: eso

Cuando Gutemberg invent los tipos mviles

era todo? y se dedican a complicar sus pginas con

tambin cre una manera de componer las pginas.

una serie de elementos para justificar plazos y costos

Las limitaciones de la tecnologa creada slo permitan

convenidos con sus clientes; el verdadero profesional

crear columnas con textos construidos lnea tras

lo que busca siempre es elaborar un mensaje visual

lnea, la ilustracin era un aadido a la composicin,

sencillo que haga fcil la comunicacin, que haga de

intercalada entre pginas para no interferir con la

esa pgina una agradable lectura. Si esto se logra se

secuencia de la lnea horizontal de los textos. Era muy

habr cumplido con el objetivo que no es otra cosa que

difcil romper con esta ortogonalidad que el sistema

la de facilitar la lectura recurriendo al uso de un criterio

creado obligaba, de tal manera que cuando se quera

de color que armonice con el mensaje, a una tipogra-

lograr lo contrario lo que se haca era trabajar la pgina

fa que refuerce el carcter de ese contenido y a una

entera como si fuera un grabado que inclua textos e

composicin que envuelva al lector en la dinmica o la

imgenes.

placidez de ese mensaje.

Esto evidentemente encareca los costos por lo tanto no era de uso corriente, incluso en los ltimos aos

lidad las variables de la que hablaba Jackes Bertin*:

forma, orientacin, valor, tamao, tramado, color.
Abraham Moles aade el movimiento como una
nueva variable aplicada en el cine y la televisin. La
tridimensin adquiere una presencia mayor con el desarrollo de la informtica al punto que se desarrollan
programas especializados para representarla. De esto
no escapa la presentacin de los tipos bajo esta atmsfera espacial casi buscando ser el eslabn de la
metamorfosis hacia su conversin en imagen.
Cuando se proyecta una revista es necesario seleccionar los tipos que se van a usar. Esta seleccin
es slo para esta publicacin por lo que se tiene que
hacer con mucho cuidado, de acuerdo al tipo de publicacin, el segmento al que va dirigido, sus caractersticas culturales, etc.
Esto quiere decir que el diseador debe proponer
una tipografa que responda a los requerimientos especficos de la publicacin que est proyectando.
Clasificacin general

3 - La tipografa en

antes de la irrupcin de la informtica todava se ha-

Como se sabe, de la letra romana clsica es que

can los denominados artes finales que consistan en

deriv el resto de los tipos conocidos hasta hoy. Este

diagramacin

lminas con los textos y las imgenes recortadas y pe-

alfabeto romano fue descubierto en una columna en

gadas que luego eran procesadas fotogrficamente, o

homenaje al emperador Trajano. La modificacin de

Desde siempre el hombre ha buscado comunicarse

se recortaban las pelculas para hacer un fotomontaje

los serif determina una variedad infinita de tipografas

con los dems por diversos medios, fijando los men-

que serva luego para procesar planchas de metal que

y afirma una clara diferencia en la forma de las letras

sajes en soportes como madera, pieles, piedra, metal,

se utilizaban (todava se utilizan) en los procesos de

papel, soportes electrnicos (discos compactos). En

impresin offset.

ese proceso de bsqueda el uso de una serie de instrumentos como el punzn, buril, cincel, pluma y, en
estos tiempos el ordenador, han permitido generar diversas maneras de expresar tanto las imgenes como
los signos que luego han derivado en la escritura con
la representacin pictogrfica, los ideogramas-logogramas-fonogramas*, los jeroglficos, los alfabetos.

Podemos hacer una clasificacin general en base

al criterio de tipos claramente diferenciados: las serif

Todo esto cambi con la invencin de los ordenado-

y las sans serif. Conocer esta clasificacin general es

res y ms an cuando stos se personalizaron (Pc); se

el primer gran paso para la seleccin del tipo: escoger

crearon programas que permitan resolver, incluso en

entre una de estas dos, luego buscar dentro del grupo

minutos, problemas que anteriormente tomaban horas

seleccionado aquel o aquellos que ayuden a afirmar la

y algunas veces das, rompiendo con la rigidez de la

personalidad que se le quiere determinar a la publica-

linealidad de los textos, la proporcin de las letras, el

cin o al mensaje publicitario.

contorneo de los textos, es decir, se manej con faci-

Actualmente, los programas grficos incorporan

centenares de tipos en sus archivos y si a stos les
aadimos sus variaciones (estilos), tendremos entonces muchas posibilidades para el diseo.
Aqu descubrimos que en este conjunto de variaciones, paradjicamente, pueden encontrarse conceptos
como: delicado, pesado, esttico, dinmico. De ah lo
relativo del significado de la forma de los tipos, ms
an si consideramos que el diseador tiene la capacidad de asignarle otros atributos como tamao, color,
linealidad, transparencia, etc., y con ello enfatizar esos
significados.
Existe un tercer grupo de tipos: se trata de los ornamentales, los mismos que han sido creados bajo
criterios totalmente libres. Antiguamente se creaban
para usarlos como capitulares o para componer slo
titulares.
Existen otros tipos que se crean con objetivos especficos, como es el caso de tipografas para campaas
publicitarias o ttulos de pelculas de cine. Estas tipografas tienen una alta dosis pregnante, en ocasiones
son referencias de objetos o hechos histricos; cuando
stas son aplicadas para otros mensajes no dejan de
ser referidos a su origen, intencionalmente son usadas
con este fin.
La creacin de tipos es un trabajo muy complejo, requiere de una serie de conocimientos para resolver, de
manera sistemtica, todos los signos que componen
un alfabeto. Exige conocer la construccin geomtrica, la teora de las proporciones, la teora de mdulos,
concepto de fondo y forma, control de la ilusin ptica, las diversas relaciones entre las letras y el comportamiento que adquieren en diversas asociaciones
entre ellas, etc. sta es la razn por la que aqu no
recomendamos que se diseen tipos para una publicacin, salvo que la envergadura de la misma lo exija y el

diseador est preparado para resolverlo en el plazo

necesario.
Significado de los tipos
Los tipos expresan un significado de acuerdo con
su forma natural: delgadas, regulares, gruesas. Estas
caractersticas luego sirven para identificar los estilos:
blanca (light), ultra light, normal, bold, extra-ultra-demi
bold, heavy, black; es decir su contextura le asigna un
carcter que luego es considerado como criterio para
el diseo. La pesadez, el dinamismo, la simpleza, la
elegancia, la fragilidad son conceptos que se les asigna para darles un valor connotativo.

Esto evidencia que una investigacin al respecto

puede ayudar a hacer ms confiable una propuesta
de diseo.
Una tipografa tambin puede ser exclusiva para
una publicacin y sta puede ser diseada especialmente para ella. Aunque esto no es usual debido a
que el diseo de los tipos pasa por un proceso muy
riguroso en su construccin; esto significa contar con
el tiempo suficiente para hacer la propuesta y lograr
su aceptacin por el cliente y una validacin por los
posibles usuarios.
Cmo escoger un tipo?

En la Constelacin de atributos de Moles se pue-

En principio se debe tener claro cul es el espritu

de apreciar con claridad cmo es que los tipos pueden

de la publicacin; hemos visto que esto se obtiene de

sugerir significados sicolgicos que luego pueden ser

la informacin que se ha recogido previamente en in-

aplicados para el diseo.

dagaciones con clientes, usuarios, mercados, contex-

El test fue aplicado a dos segmentos: el pblico en

general y un grupo de profesionales del diseo; en
el diagrama se observa que mientras ms cerca del

to editorial, etc. De la profundidad de la investigacin

dependen las posibilidades de tener mayores criterios
para la seleccin de tipos.

crculo central se encuentra representado el concep-

Con esto definido se manejan los criterios referidos

to significa que con mayor frecuencia ha sido repetido

a la forma de la letra lo cual debe asociarse con el

por los encuestados. De esta manera queda estable-

tema del diseo. Hemos indicado anteriormente que

cido con claridad la evocacin del tipo por lo que su

sera conveniente partir eligiendo una de las grandes

aplicacin es confiable.

familias (romanas-serif o grotescas-sans serif) y a par-

Tambin es interesante observar el mtodo de Osgood*, el denominado Perfil de polaridades. En este

tir de ah seleccionar un grupo que por la forma se

asocie al espritu de nuestro proyecto grfico.

mtodo se le presenta al pblico dos tipos y se le pide

En general los tipos serif son considerados ms ile-

que asigne un valor a la letra en una escala de siete

gibles, festivos, clsicos, dinmicos, delicados; mien-

puntos de acuerdo a dos opciones opuestas, ejemplo:

tras los tipos sans serif son ms legibles, serios, con-

sobrio o recargado, activo o pasivo, ligero o pesado;

servadores, ortodoxos, toscos, estticos.

al final la tabulacin permitir reconocer hacia cul de

los conceptos se inclina el significado de cada una de
las tipografas.

Estos criterios obviamente son relativos puesto que

depende de otros factores que se producen en el proceso del diseo como la asignacin de atributos al
tipo: tamao, color, textura, profundidad, etc. Por eso
que es necesario proyectarse a sus posibles modifi-

caciones de acuerdo al plan general de diseo que se

est pensando desarrollar .
Yo personalmente recomiendo dos pginas de Internet que ofrecen varias tipografas de manera gratuita, estas son: [[www.dafont.com www.dafont.com]] y
[[www.1001fonts.com www.1001fonts.com]].
Tipo y fuente
Tipo es la familia de letras, smbolos y nmeros, por
ejemplo: garamond, futura, helvtica. Fuente es el tamao y estilo especfico de la letra seleccionada, por
ejemplo: garamond bold de 20 pts., avant gard ligth
de 32 pts.
Otras especificaciones
Cuando se determina una fuente para textos es necesario precisar el alineado de los textos: a la izquierda,
a la derecha, al centro, justificado. El interlineado es el
espacio entre rengln y rengln.

En las artes grficas tenemos dos grandes catego-

Los primarios son colores que se consideran abso-

ras con respecto al color, imagen en color e imagen en

lutos y que no pueden crearse mediante la mezcla de

blanco y negro, en stas ltimas podemos diferenciar:

otros colores. Sin embargo, mezclar los primarios en

- imgenes a pluma. - imgenes tramadas: mediante

diversas combinaciones crea un nmero infinito de co-

diferentes tipos de gris. Asimismo, las imgenes en

lores. Dependiendo de qu mbito, podemos encon-

color se pueden dividir en dos categoras: - colores

trar tres juegos de colores primarios:

planos: manchas uniformes de color. - degradados,

tambin tramadas.
Ms all de la mera identificacin o asociacin, el
color tambin se puede emplear para crear experiencias. El diseador representa el producto en su anuncio mediante la forma, pero aade las cualidades del
color. El color puede llegar a ser la traduccin visual
de nuestros sentidos, o despertar stos mediante la
gama de colores utilizados. Podremos dar sensacin
de fro, de apetecible, de rugoso, de limpio, de serio,
de confiable.
El ojo humano puede distinguir entre 10.000 colores.
Se pueden adems emplear tres dimensiones fsicas
del color para relacionar experiencias de percepcin
con propiedades materiales: saturacin, brillantez y
tono.

4 - El color en diagramacin

Los artistas y diseadores parten de un juego formado por el rojo, el amarillo y el azul. Mezclando pigmentos de stos colores pueden obtenerse todos los
dems tonos.
El segundo juego de primarios es el del rojo, verde
y el azul, conocidos como primarios aditivos. Son los
primarios de la luz y se utilizan en el campo de la ciencia o en la formacin de imgenes de monitores. Si se
mezclan en distintos tantos por ciento, forman otros
colores y si lo hacen en cantidades iguales producen
la luz blanca.
El tercer juego se compone de magenta, amarillo y
cyan. Se tratan de los primarios sustractivos y son los
empleados por los impresores. En imprenta, la separacin de colores se realiza utilizando filtros para restar
luz de los primarios aditivos, con lo que se obtienen los

El crculo cromtico:

colores de impresin por proceso sustractivo.

Para elegir el color en diagramacin debemos tener

Nos sirve para observar la organizacin bsica y la

El color fabrica todo un universo imaginario. Nos

en cuenta ante todo el brief que entrega el cliente para

interrelacin de los colores. Tambin lo podemos em-

hace viajar a las islas, nos sumerge en el mar o nos

poder tomar de all los conceptos importantes que el

plear como forma para hacer la seleccin de color que

sostiene en pleno cielo (Grafismo Fundamental -

mismo desea transmitir a travs del impreso; a partir

nos parezca adecuada a nuestro diseo.

Abraham Moles /Luc Janiszewski).

de all comenzamos un anlisis cromtico extrado de

los conceptos de los cuales hablare a continuacin:
La luz blanca est formada por tres colores bsicos:
rojo intenso, verde y azul violeta. Por ejemplo, en el
caso de objeto de color rojo, ste absorbe el verde y el
azul, y refleja el resto de la luz que es interpretado por
nuestra retina como color rojo.

En el crculo cromtico podemos encontrar:

Hablaremos en esta parte de una caracterstica

fundamental del color, que es tenerlo en cuenta como

Los colores primarios: rojo, azul y amarillo;

Los secundarios: verde, violeta y naranja;

Los terciarios: rojo violceo, rojo anaranjado,

amarillo anaranjado, amarillo verdoso, azul verdoso y azul violceo.

elemento expresivo que puede ser utilizado por grafstas, ilustradores, fotgrafos... Aqu estudiaremos tres
diferentes aplicaciones del color en el mbito grfico
(siguiendo la clasificacin que se realiza en Grafismo
Fundamental): El color denotativo, el color connotativo y el color esquemtico.

El color denotativo: Aqu hablamos del color cuan-

Mezclado con blanco: es frivolidad, inocencia,

El color amarillo: Este primario significa envi-

do est siendo utilizado como representacin de la fi-

y alegra juvenil, y en su mezcla con el negro

dia, ira, cobarda, y los bajos impulsos, y con

gura, es decir, incorporado a las imgenes realistas de

estimula la imaginacin y sugiere dolor, domi-

el rojo y el naranja constituye los colores de la

la fotografa o la ilustracin.

nio y tirana. Expresa sensualidad, virilidad y

emocin. Es el color de la luz, el sol, la accin,

energa

el poder y simboliza arrogancia, oro, fuerza,

En el color denotativo podemos distinguir tres

categoras: Icnico, saturado y fantasioso, aunque

El color naranja: Es un poco mas clido que el

siempre reconociendo la iconicidad de la forma que

amarillo y acta como estimulante de los tmi-

se presenta.

dos, tristes o linfticos. Simboliza entusiasmo

y exaltacin y cuando es muy encendido o ro-

El color icnico: La expresividad cromtica en este

jizo, ardor y pasin.

caso ejerce una funcin de aceleracin identificadora:

la vegetacin es verde, los labios rosados y el cielo

es azul.

El color azul: Simboliza la sabidura, amistad,

fidelidad, serenidad, sosiego, verdad eterna
e inmortalidad. Tambin significa descanso.

El color saturado: Una segunda variable del color

Mezclado con blanco es pureza, fe, y cielo, y

denotativo es el color saturado. Este es un cromatismo

mezclado con negro, desesperacin, fanatis-

exaltado de la realidad, ms brillante, ms pregnante.

mo e intolerancia.

Son colores ms densos, ms puros, ms luminosos.

El color fantasioso: Otro matiz de la denotacin

El color violeta: Es el color de la templanza, la

lucidez y la reflexin. Transmite profundidad y

cromtica realista es el color fantasioso, en el que la

experiencia.

fantasa o manipulacin nace como una nueva forma

expresiva. Por ejemplo las fotografas solarizadas o

Color verde: Es un color de extremo equilibrio,

coloreadas a mano, en las que no se altera la forma,

Significa realidad, esperanza, razn, lgica y

pero s el color.

juventud. Mezclado con blanco expresa debilidad o pobreza. Sugiere humedad, frescura y

El color connotativo: La connotacin es la accin

vegetacin, simboliza la naturaleza y el cre-

de factores no descriptivos, sino precisamente psico-

cimiento.

lgicos, simblicos o estticos, que suscitan un cierto

clima y corresponden a amplias subjetividades.

El color psicolgico: Son las diferentes impresio-

otoal y da la impresin de gravedad y equilibrio.

pueden ser de calma, de recogimiento, de plenitud, de

El color rojo: Simboliza sangre, fuego, calor,

revolucin, alegra, accin, pasin, fuerza,
disputa, desconfianza, destruccin e impulso,
as mismo crueldad y rabia.

El color marrn: Es un color masculino, severo, confortable. Es evocador del ambiente

nes que emanan del ambiente creado por el color, que

alegra, opresin, violencia...

voluntad y estimulo.

El color rojo: Expresa sensualidad, virilidad y

energa, considerado smbolo de una pasin
ardiente y desbordada. Color de Prevencin
y parada.

5 - La composicin en la
diagramacin
En la composicin se deben tener en cuenta la
orientacin de los pesos visuales (para tal efecto recomiendo leer la lnea y el punto en plano de kandinsky
en el captulo de el plano).
Verticalidad y horizontalidad
Tratemos de entender el comportamiento de los objetos: ... el punto se mueve y surge la lnea. La lnea
se mueve y produce una superficie plana y la unin de
superficies planas crea un cuerpo....
Para Vasily Kandinski la lnea expresaba el movimiento: ...es la traza que deja el punto al moverse y
es por lo tanto su producto. Surge del movimiento al
destruirse el reposo total del punto....
Esa adaptacin permanente se relaciona con esa
necesidad natural de buscar el equilibrio individual y
social, fsico y psicolgico. La accin natural de la gravedad de mantener a los seres sobre la superficie y en
posicin equilibrada asociada sta a la verticalidad, se
expresa tambin en los deseos de querer que todo lo
que le rodea tambin debe estar en equilibrio.

Dice Kandinski de la verticalidad: ... es la forma

ngulo. El atractivo de la Torre de Pisa radica, preci-

enfatizar jerrquicamente los distintos elementos que

ms limpia de la infinita y clida posibilidad de movi-

samente, en su capacidad para perturbar el orden de

componen el mensaje.

miento...; y de la horizontalidad agrega: ... fra, sus-

ese escenario provocando dramatismo, aadido a eso

ceptible de ser continuada en distintas direcciones so-

el hecho de no haber sido concebido para estar en esa

bre el plano..., y completa: ... es la forma ms limpia

posicin.

de la infinita y fra posibilidad de movimiento....

La diagonal es considerada una lnea templada y
que puede cambiar su temperatura conforme se acer-

La manera como se expresa esa fuerza de las lneas

es el movimiento que se genera mediante la tensin y
la direccin.

que o se aleje de cualquiera de las lneas horizontal o

vertical.

La tensin

Es interesante cmo Kandinski examina los objetos:

vertical-altura-clido-blanco,

horizontal-profundidad-

fro-negro, y concluye que el negro y el blanco, colores

acromticos, son silenciosos y por lo tanto las lneas
horizontal y vertical son tambin silenciosas. No en
vano decimos que las lneas oblicuas producen ruido
en el escenario, reconociendo entonces su carcter

La tensin es la fuerza concentrada en el elemento. El punto tiene tensin, pero no direccin, la lnea
combina tensin y direccin. A partir de esta base terica trataremos de plantear un conjunto de ideas que
nos permitan no slo entender sino adiestrarnos en la
composicin.

irreverente, revolucionario, audaz; elemento de gran

La relacin entre estos elementos bsicos como el

impacto visual que por naturaleza es el recurso de la

punto y la lnea nos puede ayudar a entender este con-

publicidad, a diferencia de la verticalidad-horizontali-

cepto.

dad en la que ... el hombre moderno busca paz interior... y una contrastada tendencia hacia la horizontalvertical...*.
El equilibrio significa la eliminacin de la perturbacin en las expresiones visuales. Significa ordenar los
elementos de manera que se produzca una percepcin sin conflictos. Sabemos que los griegos hicieron
artificios en sus construcciones del Partenn. Intencionalmente modificaron las formas de las columnas
para eliminar algunos problemas pticos y as lograr
la perfeccin en la percepcin de la verticalidad de los
objetos. Cuando observamos un objeto que no est en
equilibrio tendemos a acomodarlo. En la escultura el

Tensin y equilibrio

Siempre habr un elemento lder al que hay que

destacar en sus diferentes atributos: tamao, color,
posicin, orientacin, opacidad, y detrs de l en un
orden jerrquico los dems.
Como sabemos el mensaje impreso tiene dos componentes: el texto y la imagen. Este mensaje bimedia
es unitario, sin embargo los textos tienen un tratamiento propio, as como la imagen, y aunque se expresan
en dos niveles, estos se organizan y se manifiestan
unitariamente.
El tratamiento de los atributos para cada elemento
requiere de mucho cuidado para lograr una buena jerarquizacin, basta un cambio de atributo a uno de los
elementos para propiciar un nuevo juego de relaciones
entre ellos y por lo tanto habr un nuevo diseo.
La destreza compositiva se basa en el dominio del
criterio de jerarquizacin y en el establecimiento de un
ritmo para cada uno y, a la vez, todos los elementos
que conforman ese mensaje visual, como consecuen-

La necesidad de equilibrar los elementos no siem-

cia, el todo tendr tambin su propia jerarqua. Es

pre es lo que se busca en el diseo, por lo tanto, al-

decir, expresar en diversos grados de importancia los

gunas veces intencionalmente provocamos la carga

elementos y preponderantemente aquel que interesa

de tensiones en algunos lugares de la composicin.

destacar y se convierte en el eje de la composicin.

Cuando somos conscientes de nuestra capacidad

para determinar zonas de mayor tensin y sabemos
que esto desequilibra los componentes del mensaje
visual, podemos decir que estamos en condiciones de
hacer composiciones ms complejas.
La jerarquizacin

principio del equilibrio es la base de la obra, tanto por

Este criterio es fundamental para la organizacin de

razones estticas como por la naturaleza misma del

los elementos visuales. Se trata de asignar valores a

objeto: el componente material, su carcter tridimen-

cada uno de ellos y hacer que en varios niveles se

sional y la necesidad de ser apreciada desde cualquier

vayan organizando de acuerdo con la necesidad de

El ritmo
La tensin prodmecanismos que nos ayudan a
ordenar estas mltiples tensiones? Se trata de delinear
un ritmo a los objetos.
Los conceptos de repeticin, alternancia, simetra,
compresin, expansin, reflejo, rotacin, traslacin
son vitales para trabajar el ritmo.

Al ritmo mayormente se le ha asociado con la com-

propia estructura, la msica compuesta y colocada de

conocimiento de la presencia de dos formas completa-

posicin musical; en el cine tambin existe una expre-

acuerdo a ese guin. Asimismo, la fotografa trabajada

mente diferenciadas, opuestas, evita la confusin en la

sin clara de lo que es el ritmo. En realidad, se trata de

con el color y la iluminacin correctamente seleccio-

seleccin de un plan de diseo. Es ms fcil reconocer

la estructuracin de los componentes de cada mensaje

nada, los niveles de expresin enfatizados de manera

lo irregular si lo comparamos con lo regular, lo frag-

que se presenta en la pelcula y, a la vez, de sus suce-

dosificada a lo largo de la proyeccin y otros factores

mentado con lo unido, lo reticente con lo exagerado.

sivos subcomponentes donde cada una de las partes

que simultneamente expuestos logren esa unidad en

contribuye para lograr la unidad del todo; el guin y su

la obra.

propia estructura, la msica compuesta y colocada de

acuerdo a ese guin. Asimismo, la fotografa trabajada
con el color y la iluminacin correctamente seleccionada, los niveles de expresin enfatizados de manera
dosificada a lo largo de la proyeccin y otros factores
que simultneamente expuestos logren esa unidad en
la obra.
En la composicin grfica tambin hay que organizar los elementos tanto independientemente como en
sus relaciones unos con otros: los textos y sus variaciones de tamao, posicin, valor, textura, color, las
imgenes igualmente con sus variaciones, los signos
sus valores y sus funciones y el conjunto organizado integralmente para dar lugar a un mensaje visual

En la composicin grfica tambin hay que organizar los elementos tanto independientemente como en
sus relaciones unos con otros: los textos y sus variaciones de tamao, posicin, valor, textura, color, las
imgenes igualmente con sus variaciones, los signos
sus valores y sus funciones y el conjunto organizado
integralmente para dar lugar a un mensaje visual efectivo, funcional.
Las tcnicas visuales

respuestas. Cules son los mecanismos que nos

de la comunicacin visual.
Armona y contraste, dos conceptos opuestos a
los que recurre Dondis para ... poner de manifiesto

Los conceptos de repeticin, alternancia, simetra,

y acentuar la amplia gama de opciones operativas

compresin, expansin, reflejo, rotacin, traslacin

posibles en el diseo y la interpretacin de cualquier

son vitales para trabajar el ritmo.

formulacin visual sino tambin para expresar la gran

que se presenta en la pelcula y, a la vez, de sus sucesivos subcomponentes donde cada una de las partes
contribuye para lograr la unidad del todo; el guin y su

de la necesidad de expresar, persuadir, describir, explicar, comunicar de la manera ms efectiva ese contenido.
Consideraremos que las tcnicas no son suficientes

posicin puesto que ingresan otros criterios, los subje-

importantes formas de organizacin de los elementos

la estructuracin de los componentes de cada mensaje

do en este proceso de la composicin est en funcin

nos pueden facilitar el inicio de un diseo.

por varios elemen- tos el efecto visual tiene mltiples

sin clara de lo que es el ritmo. En realidad, se trata de

con la forma es ineludible. Todo el esfuerzo desplega-

mento importante en una solucin integral de la com-

cas visuales que resumen, de algn modo, las ms

posicin musical; en el cine tambin existe una expre-

No escapa de este proceso el contenido, su ligazn

para la efectividad del mensaje. El contenido es ele-

efecto visual singular, cuando la tensin es producida

Al ritmo mayormente se le ha asociado con la com-

traste de tonalidades.

Aunque no existen normas establecidas para com-

Dondis* presenta en su estudio una serie de tcni-

de delinear un ritmo a los objetos.

res, contraste de la forma, contraste de tamao, con-

poner podemos valernos de algunos conceptos que

efectivo, funcional. unida por un elemento genera un

ayudan a ordenar estas mltiples tensiones? Se trata

La lectura del contraste se da en los diferentes atributos que podra tener el mensaje: contraste de colo-

importancia de la tcnica y el concepto del contraste

para todo medio de expresin visual....
LA COMPOSICIN EN LA DIAGRAMACIN
La idea de presentar los opuestos radica en el hecho
de que se quiere tener con claridad el reconocimiento
de dos maneras distintas de ver las cosas; un cabal

tivos, para la toma de decisiones. sa es la razn por

la que es indispensable una investigacin previa antes
de proponer el diseo de un mensaje visual.
Todos los elementos, tanto visuales como no visuales, deben estar conectados y direccionados a la definicin de un mensaje claro.
Las tcnicas visuales mencionadas por Dondis son:
1. Equilibrio
2. Simetra
3. Regularidad
4. Simplicidad
5. Unidad
6. Economa

sensaciones visuales que provoca el vaco es lo que

7. Reticencia

31. Variacin

8. Predictibilidad

32. Distorsin

9. Actividad

33. Profunda

10. Sutileza

34. Yuxtaposicin

aire y ayudan a ventilar las pginas. Evidenciamos

11. Neutralidad

35. Aleatoriedad

ramente valoraremos con amplitud la elaboracin de

12. Transparencia

36. Difusividad

13. Coherencia

37. Episodicidad

que cada paso se alimenta de lo anterior y si lo pre-

14. Realismo

En el proceso creativo emergen nuevas tcnicas de

perfectamente sino que el trabajo se har fcil porque

acuerdo con las nuevas necesidades de expresin;

todo va coincidiendo ya que hay un sistema, un orden,

asimismo, sus matices son vlidas como formas ex-

hay una base slida para la creatividad.

15. Plana
16. Singularidad

presivas. Se puede ir hacia una gama que se acerque

17. Secuencialidad

importante es reforzar la claridad del mensaje que es

18. Agudeza
19. Continuidad Inestabilidad

el objetivo principal de la composicin, entonces, comprendemos que el logro de la esttica en la forma de

estos mensajes va acompaado necesariamente de la

20. Simetra
Es indispensable entender esto con claridad porque

22. Complejidad
23. Fragmentacin
24. Profusin
25. Exageracin
26. Espontaneidad
27. Pasividad
28. Audacia
29. Acento
30. Opacidad

Las reas blancas que aparecen en las pginas

no son sobrantes, no estn vacas, estn llenas de
que el vaco tambin hay que diagramarlo. Aqu seguuna cuidadosa retcula basada en la proporcionalidad
de todos los elementos. Convenimos, definitivamente,
vio est bien resuelto lo que sigue no slo armonizar

o se aleje de cada una de estas tcnicas visuales, lo

funcionalidad.

21. Rregularidad

denominamos contragrafismo.

no se debe enfatizar cada aspecto aislada-mente. Podramos tener un mensaje muy bien redactado, gramatical y sintcticamente impecable, incluso con tipografa y colores adecuadamente seleccionados; pero,
si la composicin no contribuye para completar tanto
la funcionalidad como para darle un carcter esttico
a ese mensaje el resultado del proceso creativo ser
deficiente.
Y el contragrafismo?
Cuando buscamos el equilibrio entre el espacio ocupado por los objetos y el espacio libre estamos apelando al juego con el vaco, entonces estamos asignndole un valor visual al vaco y lo consideramos como
objeto equilibrante. Esta presencia determinante de

6 - Elementos de diagramacin

Los elementos

Tipo de papel negro

Tamaos de papel

Tiraje

Tintas

Terminados

Tipo de encuadernacin

TIPO DE PAPEL
Bond
Gramajes: 60, 70, 75, 90 y 115 -Caractersticas: absorbente, difcil secado
Usos: papelera comercial, blocks, sobres, volantes

 Esmaltados y no esmaltados
Gramajes: 90, 115, 150, 200 y 240 - Caractersticas:
ptima blancura, rpido secado
Usos: literaturas, plegables, folletos, tarjetones, revistas, afiches, calendarios, etiquetas
Cartulinas
Calibres: 14.4, 16, 18, 20 y 24
Gramajes: 250, 280, 300 y 320 -Caractersticas:
ecolgicas, mayor estabilidad, blanco duradero
Usos: cajas plegadizas, POP, carpetas, cartulas
Papeles finos

etc.), esto depende de la estructura periodstica. Las

columnas definen la modulacin vertical.
Las columnas no necesariamente sern del mismo
ancho, por ejemplo para algunas publicaciones en dos
idiomas esto es ideal. Los programas de diseo de los
ordenadores incorporarn la capacidad para diagramar con columnas onduladas y otras alternativas que
ya se ven en los programas de dibujo.
Los espacios entre columnas se pueden dimensionar de acuerdo a un tipo de diseo; en ocasiones
cuando se considera la colocacin del hairline (lnea
de pelo) se le da un poco ms de 5 mm que es la se-

15. Capitular.
16. Leyendas.
17. Extractos
18. Cuerpo de texto.
19. Autores de texto y fotografa.
20. Nmero de pginas.
21. Encabezado de seccin.
22. Cintillos.

paracin estndar.
Elementos de la diagramacin

Los recursos grficos:

1. Las imgenes:

Lneas.

2. Ilustraciones manuales.

Tramas.

3. Ilustraciones digitales.

Signos sealticos.

Otros

4. Fotografas.

Marcadores de leyendas.

Adhesivos, mantequilla, seda, parafinado, corruga-

5. Fotomontajes.

Fondos texturados.

6. Infografas.

Recuadros para texto.

Gramajes: 90, 120, 180, 220 - Caractersticas: varios

colores, texturados, ptima impresin, secado lento
Usos: expresin social, informes de gestin, mens,
papelera fina,brochures

dos, papelbiblia, acuarela,papel para impresoras de

oficina, papeles artesanales y artsticos
PVC, Yupo, poliestireno, metalizado

7. Diagramas/cuadros estadsticos.

Los mrgenes definen la caja de diagramacin que

8. Vietas.

es el lugar donde van a ir principalmente los textos;

las imgenes podrn distribuirse en toda la pgina
aprovechando el trazado de la rejilla de diagramacin.
Normalmente la altura de la caja de diagramacin
debe coincidir con el interlineado asignado al cuerpo
de texto.
Las columnas podrn establecerse en nmero nico
(una, dos, tres, cuatro, etc.) o combinar (de una y dos,
de una y tres, de dos y cuatro; de dos, tres y cuatro,

9. Logotipos.
10. Los textos:
11. Ttulos.
12. Antettulo.
13. Subttulo.
14. Gorro.

El logotipo, Marca o Head

El nombre lo define el editor, periodista o cliente. Basndose en esa decisin el diseador ofrecer una o
varias propuestas, segn acuerden. El logotipo puede
ser un anagrama que es una palabra creada en base
a una mezcla de slabas tomadas de palabras que el
editor quisiera identificar, puede ser un nombre relacionado con el tema de la publicacin, puede ser una
palabra que no se asocie al tema pero que tiene un
significado personal, tambin puede ser una palabra

con expresin libre.

Los logotipos para publicaciones pueden tener o
no un smbolo, un grfico que acompae al nombre;
tambin pueden integrarse a l bajo el concepto de la
letra-imagen. Adems, pueden expresarse mediante
el concepto de la palabra-imagen.
La portada
En el diseo de una publicacin, la portada, tambin
es visualmente organizada en base a la rejilla y al criterio general creado: tipografa, color, composicin.
La cuadrcula adoptada debera ser tambin til
para resolver el diseo de la portada. Normalmente
quienes diagraman publicaciones desdean esto porque se sienten amarrados a un esquema (o porque
simplemente ignoran lo til que es); entonces incluyen
en cada edicin una idea nueva. Los profesionales del
diseo saben que esto es indispensable para afirmar
la personalidad de la publicacin.
Las normas de diseo se especifican en los manuales de diseo, en ellos tambin se establecen las variaciones que pueden tener el manejo del color, tipografa
y criterio compositivo de la portada, todo ello aplicado
a los dos elementos del mensaje bimedia: texto (logotipo, ttulo principal, ttulos secundarios) e imagen
(foto principal, fotos secundarias o ilustraciones). Asimismo, los recursos grficos son tambin normados
de manera que la presentacin se mantenga en todas
las ediciones.
La compaginacin:
Bsicamente esta no es ms que una premaqueta
del impreso en donde podemos visualizar el orden la
pginas y contenidos la cual nos v a ser muy til en el
armado del machote o maqueta.

http://www.wikilearning.com/tutorial/fundamentos_de_diagramacion-diseno_grafico_y_diagramacion/25813-1