comunicacin visual grfica 1

Composicin Visual
y Diseo Editorial

e d i c i n 2 0 1 4
 comunicacin visual grfica 1
LA COMPOSICIN
..."En sentido general la composicin es el ordenamiento
y la estructuracin de los elementos que componen la
obra, con dos tareas principales. Una es facilitar la
percepcin del receptor y la otra jerarquizar los
componentes, y con ello unirse orgnicamente con el
contenido, expresarlo de la manera ms fuerte, generar
para eso un ordenamiento interior, una estructura que
sirve para posibilitar el camino del receptor hacia el
ncleo de la obra, manteniendo y guiando su inters por
la misma.
(...)Pero composicin no significa slo eso, o sea la
estructuracin de los elementos, sino tambin, y ante
todo, la realizacin de la obra total. Ms que un hecho,
un gesto realizado, ms que el resultado de este hecho,
la composicin es un hacer ininterrumpido. Podramos
decir que el proceso compositivo es tambin el proceso
creador.
La composicin, por ser estructura tambin, funciona
como marco. Contiene y separa lo que tiene que
participar en la obra de aquello que no tiene que
aparecer en ella. Componer es elegir, y en ultima
instancia comprometerse. Lo que aparece en la obra est
all porque consciente o inconscientemente fue
seleccionado por el artista.
Igual que todo aquello que no aparece (infinito el
nmero en este caso), esta seleccin, este compromiso se
relaciona ntimamente con el contenido de la obra, con la
ideologa del artista. De la misma manera,
jerarquizacin, el modo de composicin es tambin un
acto de compromiso..."
Fragmento del libro "Una esttica del arte y el diseo de
imagen y sonido"
Marta Zatonyi, Editorial CP67
Una ubicacin centrada establece un equilibrio estricto de los pesos visuales,
percepcin que vara si desplazamos la linea hacia los mrgenes laterales.
Situada hacia la derecha experimenta un avance ptico contrario al retroceso
que se observa si la llevamos hacia el margen izquierdo
licenciatura en comunicacin social
Composicin y ubicacin de los
elementos del diseo
Disear consiste en adecuar distintos elementos
grficos dentro de una misma rea visual,
seleccionada previamente para desarrollar nuestra
composicin, combinndolos para que aporten un
significado que pueda ser trasmitido grficamente.
Todo mensaje se elabora siempre basado en una
combinacin, dotada de una estructura coherente
y premeditada. Cada elemento seleccionado para
emplear en una pieza grfica tiene significacin
propia en funcin de la forma, tamao, ubicacin,
etc. que le asignemos.
Nada debe ser gratuito en diseo. El exceso
de datos grficos puede producir ruido, que en
ltima instancia podra ocultar o enmascarar el
mensaje principal de la comunicacin. Es decir
que, un diseo debe constituir un todo en el que
cada uno de los elementos grficos posea
una funcin especfica, sin interferir en los
restantes.
El comunicador visual ha de buscar y encontrar las
relaciones fundamentales entre los elementos y el
espacio grfico donde han de interactuar.
Se entiende entonces a la composicin como la
la ordenacin adecuada y armnica de los elementos
en una pieza de diseo para comunicar e impactar
visualmente al destinatario con la mayor claridad,
sntesis , economa y efectividad posible.
Por ejemplo:
los elementos situados a la derecha del rea de
diseo poseen un mayor peso visual y dan la idea
de proyeccin y avance en la composicin.
los elementos que situamos en la zona izquierda
retrotraen la composicin y transmiten una
sensacin de ligereza visual.
los elementos en la zona superior adquieren
un peso mnimo
1
comunicacin visual grfica 1
Una misma linea tiene mayor peso visual si se la ubica en
la parte inferior de nuestra rea de diseo que si se sita
en la parte superior, donde transmite una mayor
sensacin de ligereza.
Una vez asimilada toda la informacin el
comunicador visual debe empezar a generar
soluciones de diseo:
1- Determinar el rea de diseo en que va a
trabajar: qu forma, qu tamao, qu dimensin
asignaremos a ese espacio.
2- Definir el formato grfico, el que va a estar
influido por la creatividad exigida por la temtica
a desarrollar y por los costos.
Forma grfica, tamao y
proporcin
La forma grfica ms utilizada es la rectangular
en posicin vertical, ya que se operativa para los
sistemas tcnicos de produccin. Una opcin a
dicha forma es utilizarla horizontalmente.
Los avances en los sistemas de produccin
permiten hoy trabajar formas
triangulares, etc. a base de troqueles que se
adaptan al contorno elegido.
El tamao estndar, asimidado a la forma
rectangular, es el normalizado DIN -A4 (21x29,7).
La eleccin del tamao est determinada por la
informacin que poseemos del pblico a quien va
dirigido nuestro mensaje. Influye tambin el
modo de distribucin del trabajo y la cantidad de
informacin a publicar.
La escala es la propiedad que tienen todos los
elementos visuales para influenciarse, modificarse
y relacionarse unos a los otros. Por ejemplo: una
columna puede verse sobredimensionada porque
soporta un peso mucho mayor que el previsto en
el clculo o tambin porque visualmente parece
licenciatura en comunicacin social
exagerada en relacin a las dimensiones de lo
que sustenta.
Un color puede verse saturado en relacin a
otro y desaturado con respecto a un tercero.
No existe lo grande sin lo pequeo.
A igual tamao el elemento que posea un
color ms intenso y luminoso tendr mayor
protagonismo en la composicin. Sin embargo,
si mantenemos el color, pero variamos el
tamao, el de mayor presencia ser el que
tenga mayor importancia grfica.
Una de las primeras decisiones es establecer
qu proporcin del rea de diseo va a estar
ocupada por la informacin que disponemos.
Podemos delimitar proporciones haciendo uso
del color y jugando con la disposicin de los
elementos segn su grado de presencia y
protagonismo.
Introduccin de los elementos
en el rea de diseo
Una composicin grfica est formada por
elementos primarios y secundarios.
Puede componerse exclusivamente de textos o
slo imgenes. La desicin de qu elementos
deben figurar en la pieza de diseo, cmo
distribuirlos, dnde deben ir ubicados, es decir,
circulares, cmo ir elaborando la informacin ue queremos
comunicar, constituye el proceso creativo en s
mismo. Esta tarea requiere planificacin a fin de
que el resultado final garantice la comunicacin.
Se trata de transmitir lo ms econmica y
efectivamente posible el mensaje.
Podemos considerar entonces la composicin
como la ordenacin adecuada de los elementos
en una pieza de diseo para comunicar e im-
pactar visualmente al destinatario.
En toda composicin hay que tener en cuenta:
Componentes psicosomticos del sistema ner-
vioso: la vista. Con ella tomamos la informacin
visual que luego nuestro cerebro interpreta como
contornos, texturas, dimensiones, etc dotandolas
2
comunicacin visual grfica 1 licenciatura en comunicacin social

de un significado grfico definido. Rotacin

Componentes de tipo cultural: la interpreta- La rotacin de una
cin. Por ejemplo, el color que en Occidente est forma tiene como re-
relacionado con el luto es el negro, mientras que sultado un cambio en
en los pases orientales este mismo significado se su direccin y en su
le asigna al blanco. posicin, de modo que
Experiencias compartidas con el entorno: las no queden superpues-
asociaciones, patrones con los que se interpreta y tas. Cada forma debe
dota de significado a la realidad: hierba/verde; estar situada en un eje
azul/cielo; hielo/frio. imaginario a igual distancia del centro de
referencia

Reflexin
Factores que inciden en la La reflexin de una forma o un grupo de formas
composicin puede tener por
resultado una sime-
El equilibrio puede ser formal o informal en tra (imagen espejo).
funcin a la carga visual que se le asigne a cada La forma original de-
elemento. Provee estabilidad a la forma be ser asimtrica pa-
visual. Cuando fuerzas encontradas ejercen su ra que el espejo sea
tensin propia es un contrapeso que da reposo diferente del original. Las formas reflejadas
dentro de ellas y las compensa mutuamente tambin pueden someterse a traslacin y ro-
proveyendo de serenidad al conjunto. tacin.

El equilibrio formal se basa en la bisimetra. Dilatacin

Buscamos con l un centro ptico dentro del Los efectos de la dilatacin modifican el tamao
diseo y no tiene por qu coincidir con el de las formas. Las formas ms pequeas parecen
centro geomtrico de la composicin. El estar ms lejos y las mayores ms cercanas. Al
punto de equilibrio formal suele estar ubicado dilatar una forma sin traslacin se produce un
un poco por encima del centro geomtrico. Una diseo regular concntrico.
pieza que decida seguir este esquema
comopositivo reflejar estabilidad, calma y es-
tatismo; ya que asegura una distribucin ar-
mnica de los elementos. Hay diversos mo-
dos de producir composiciones formales:

Con traslacin Concntrica

Traslacin
La traslacin de una forma hace cambiar su El equilibrio informal se caracteriza por la fuerza
posicin. Sin embargo, grfica y el dinamismo. Prescinde de la simetra y
la direccin de la forma el equilibrio se obtiene contrastando los pesos
permanece invariable. visuales de los elementos, buscando diferentes
Es la repeticin de una densidades, tanto formales como de color, que
forma en un diseo, permitan armonizar visualmente dentro de una
espaciadas regularmente. asimetra intencionada.

3
comunicacin visual grfica 1 licenciatura en comunicacin social

No existen procedimientos fijos, pero pueden Ritmo

utilizarse los siguientes criterios para valorarlas: Consiste en la repeticin secuencial de
determinados elementos buscando crear ar-
Gravedad mona y movimiento. Esta repeticin ordenada,
Es la manipulacin del modo en que los pesos o la sucecin irregular de similitudes o igual-
visuales de las formas sern percibidios. Todas dades pticas, determina el ritmo visual. Cuando
las formas parecen tender hacia el borde inferior se repiten partes idnticas o similares, estas
de un diseo. Las formas pesadas pueden actan como medidas de acentos y pausas que
equilibrarse con formas ligeras, una forma con forman una unidad dinmica. Arriba y abajo, a
un grupo de formas. Se pueden crear formas la izquierda y a la derecha, recto y curvo, claro y
estables (bases amplias) o inestables (bases oscuro, grande y pequeo, son opuestos que en
puntiagudas). suceciones repetidas pueden crear ritmos
Las formas visuales en el espacio y en el plano.
pesadas
pueden
equilibrarse
con formas
ligeras.

Contraste
El contraste es la comparacin de elementos
dismiles y ayuda a identificar las formas y a
aumentar la variedad visual en una composicin.
Los aspectos del contraste incluyen la forma el
tamao, el color, la textura, la posicin, la
direccin y los efectos espaciales. La cantidad de
formas utilizadas y su densidad. Introduce un
nfasis visual. La ubicacin tambin puede determinar el peso
Contraste de los elementos: en occidente preferimos el
de
lado inferior izquierdo debido a que nuestra
tamao,
color, lectura va de izquierda a derecha. Existen tres
textura,
posiciones que confieren a cualquier elemento
etc.
una mayor importancia grfica. La primera es la

Tensin que se sita ms alejada del receptor segn el

fenmeno de la perspectiva. Las dos restantes,
Constituye la fuerza de la de mxima importancia compositiva, son la
composicin y consigue parte superior y el extremo izquierdo de la
inferir movimiento y di- pgina.
namismo al diseo. Tiene
como funcin dirigir la
mirada y fijar la atencin
del observador.

4
comunicacin visual grfica 1 licenciatura en comunicacin social

Elementos que integran una

composicin de pgina

Cada uno de estos elementos posee una 3) Barras, lneas, formas geomtricas
importancia y un peso especfico segn sea la 4) Cuadratines
funcin requerida: 5) Signos de continuidad de la nota
Espacios en blanco: constitudos por todas
Texto: transmite informacin escrita. Puede aquellas partes de la composicin donde
estar constitudo por: encontramos ausencia de cualquier otro
1) Encabezamiento o titular: resume el elemento grfico. Poseen entidad en s mismos
contenido de la informacin. Generalmente se debido a que cumplen la funcin de equilibrar y
ubica al principio de la composicin. Hay que compensar el peso de los elementos presentes
cuidar la legibilidad y la longitud, son en la composicin, por un lado, y de encuadrar
preferibles los titulares cortos y en una sola y marcar los lmites que estructuran la
lnea y procurar que el color contribuya a composicin, por otro.
resaltarlo.
2) Cuerpo de Texto o Copete: es
aquella parte del texto que nos va a
proporcionar una informacin ms detallada del
contenido general de nuestra comunicacin. Es
oportuno optimizar su legibilidad por tratarse
de un elemento explicativo del titular. El cuerpo
de texto constituye un bloque compacto que
mancha pticamente la composicin. Crea un
color tonal por el peso visual que ejerce.
3) Subttulos: aaden informacin.
Estn ubicados dentro del texto principal del
artculo.
4) Volanta
5) Epgrafe
6) Columna Tipogrfica: Contiene el
texto principal
7) Pie de Fotos
8) Recuadros
9) Folios
Imagenes: Pueden presentarse como formas
regulares o irregulares. La escala, proporcin y
posicin que ocupen afectarn la estructura
global del diseo. Complementan la
informacin aportada por el texto. Muchas
veces se constituyen en una importante fuente
de informacin, incluso pueden decir ms que
el texto.
Se considera imagenes a:
1) Fotografas
2) Ilustraciones (mapas, dibujos, etc.)

5
comunicacin visual grfica 1 licenciatura en comunicacin social

La proporcin urea y la regla de los tercios

La divina proporcin
Es bien sabido para los comunicadores y La proporcin urea es una curiosa
diseadores grficos que la esencia del diseo relacin matemtica presente en la naturaleza,
es comunicar, no obstante es muy comn ver a representa un nmero algebraico que fue
tantos diseadores teniendo serios problemas descubierto en la antigedad como una
con la composicin, con el acomodo y forma de medir proporciones. Se lo conoce
distribucin de los elementos, de modo que tambin como nmero de oro, dorado, divina
terminan (o empiezan) por mover estos proporcin, razn urea, razn dorada, media
elementos por todos lados probando las urea, etc. Ejemplos de esta proporcin que
combinaciones posibles hasta "sentir" que su se pueden encontrar en la naturaleza son la
diseo se ve bien. Uno de los elementos secuencia en espiral de la Va Lctea, la
necesarios para la buena comunicacin, es tener formacin de los cristales de pirita, la
bien en claro lo que queremos y necesitamos formacin de las hojas de los rboles y sus
decir; si no se tiene claro esto, difcilmente nervaduras, los ptalos de las flores, la concha
podr ser entendido el mensaje. Uno de los de un nautilus y en el dibujo de nuestro propio
componentes esenciales para la buena ADN, entre otras.
comunicacin en el lenguaje grfico es la
composicin, la cual debe de llevar un
razonamiento lgico y no ser determinada por
la inspiracin.
A lo largo de la historia de las artes visuales han
surgido diferentes teoras sobre la composicin.
Platn deca: "Es imposible combinar bien dos
cosas sin una tercera, hace falta una relacin
entre ellas que los ensamble, la mejor ligazn
para esta relacin es el todo. La suma de las
partes como todo es la ms perfecta relacin de
Concha de un Nautilus, ejemplo de la proporcin urea
proporcin."
en la naturaleza
El comienzo de todo proceso de composicin
Desde la poca de los griegos, aplicando la
debe de estar regido por principios tericos
geometra y tratando de emular a la naturaleza, el
lgicos. Teoras como la seccin urea derivan
escultor griego Fidas dio nombre de (Fi) a la
de este principio, y han sido aplicados por
razn que dara una proporcin correcta a las
cientos de aos al arte, arquitectura y otras
cosas, y al resultado de Fi se le conoce como la
expresiones comunicacionales como una forma
divina proporcin. No fue hasta el siglo XII
de composicin. Los estudios realizados
cuando el matemtico Leonardo de Pisa Fibonacci
demuestran que los objetos y diseos creados
consigui aislar su forma numrica:
con este principio son ms estticos y cmodos
(Fi) = 1,61803....
para el hombre, para la vista y su uso, creando
as un lenguaje "natural" que los sentidos y el
cerebro comprenden fcil y eficientemente.

6
comunicacin visual grfica 1 licenciatura en comunicacin social

En el Renacimiento muchos artistas lo "Se puede decir que la Proporcin urea es una
emplearon, por ejemplo, Leonardo Da Vinci lo frmula mediante la cual el cerebro humano
aplic en una de sus ms famosos obras: El recibe los mensajes pticos de una forma ms
Hombre de Vitrubio, tambin conocido con El ordenada."
Canon de las Proporciones.
Para entenderla ms especficamente, la regla o
seccin urea es una proporcin entre medidas. La frmula es: (A/B)=(A+B)/A
Se trata de la divisin armnica de una recta en
media y extrema razn. Esto hace referencia a
que el segmento menor es al segmento mayor, Tal proporcin corresponde al Nmero ureo o
como este es a la totalidad de la recta. O cortar Fi (): 1,618. De manera que el segmento AB es
una lnea en dos partes desiguales de manera 1,618 veces A, y A es 1,618 veces B.
que el segmento mayor sea a toda la lnea,
como el menor es al mayor. De esta forma se
establece una relacin de tamaos con la
misma proporcionalidad entre el todo dividido
en mayor y menor, esto es un resultado similar
a la media y extrema razn. Esta proporcin o
forma de seleccionar proporcionalmente una
lnea se llama proporcin urea.

El nmero ureo representa la proporcin que existe entre dos segmentos, tales que el segmento menor es al
mayor lo que el mayor es a la totalidad.

7
comunicacin visual grfica 1 licenciatura en comunicacin social

Una forma fcil de entender es dibujando un

cuadrado y agregar un punto medio en uno de
sus lados, luego se une con uno de los vrtices
del cuadrado y por ultimo se lleva esta distancia
hacia alguno de los lados a partir del punto
dibujado, de esta forma se obtiene gr-
ficamente un rectngulo con proporciones
ureas.

Soporte dimensionado.

"Si a una lnea recta se le agrega un

punto en un lugar que no sea el centro,
la mayora de las veces lo agregan
acercndose a la proporcin de 62% y
38%."

Que es lo mismo que multiplicar el segmento A

por el numero Fi y nos resultara igual al
segmento C. Esta proporcin equivale
aproximadamente a dos segmento desiguales,
uno de 62% y otro de 38% de una recta por
tamao 100%.
Si a una lnea recta se le agrega un punto en un
lugar que no sea el centro, la mayora de las
veces lo agregan acercndose a la proporcin
de 62% y 38%. Esto permite ofrecer
composiciones ms armoniosas que puedan Espiral ureo.
enfocar la atencin en un punto deseado. Una
de las formas para trabajar con el nmero ureo
es dimensionando el soporte. Esto no es otra
cosa que utilizar un rea de trabajo que tenga
proporciones ureas. Si se contina agregando
cuadrados en cada uno de los rectngulos que
se formen, se obtendr el espiral ureo.

8
comunicacin visual grfica 1 licenciatura en comunicacin social

Uso de la proporcin urea

En el momento de crear una pieza de
comunicacin visual, un diseo, un logotipo, o
pginas web, etc., se debe tener en cuenta estos
patrones de composicin, si se colocan los
elementos principales del diseo en una de las
lneas que dividen la seccin urea, se
dispondrn los elementos de manera armnica
para conseguir efectos estticos y diseos
equilibrados.

La proporcin urea en el diseo web

La composicin no es solo hablar de seccin
urea, si no hacer un buen uso de las retculas
(las que pueden tener su origen en la seccin
urea), comprendiendo las relaciones de
proporcin entre objetos, y buen uso de espacios
blancos, ya sea en proyectos de web, interactivo,
impresos y dems, incluso desde una tarjeta de
presentacin.

9
comunicacin visual grfica 1 licenciatura en comunicacin social

Las retculas son una forma estndar de

organizar los objetos visualmente de forma
lgica y justificada, deben de ayudar al
diseador a tener un buen acomodo visual,
pero sobre todo debe de servir a los usuarios o
lectores; una retcula que justifica el trabajo del
diseador pero que confunde y dificulta la
comprensin del objeto diseado no servir
de nada. El orden tiene que ser comprendido
por el receptor y no solo por el diseador.
Utilizando guas y retculas adecuadas, la
comunicacin entre el diseo y la audiencia
ser siempre la adecuada.

"El orden tiene que ser comprendido por el

receptor y no solo por el diseador."

Volviendo al rectngulo ureo dibujado

anteriormente, si esto lo aplicamos al
diseo web obtenemos que para una interfaz
1024 x 768 con un ancho de 1010 pixeles
visibles (le restamos 14 pixeles, que es lo
que usan las barras de deslizamiento la-
terales) le correspondera una altura de
624 pixeles. Aqu surge un problema, ya
que en el diseo web generalmente po-
demos saber la anchura de un contenido,
pero no la altura, ya que depende de la
cantidad de contenido que estar en la
pgina. Pero gracias a esta rea de trabajo
podemos crear una retcula proporcionada,
para ajustar los elementos principales del
diseo de un sitio web y ajustando los restantes
con proporciones ureas. En este caso divi-
dimos el rea total en dos reas, de la cual el
rectngulo del lado derecho es un rectngulo
ureo. Cmo resultan esas medidas? Al
multiplicar el ancho total (1010px) por Fi, da
como resultado 624px. As el rectngulo
queda dividido en un cuadrado y otro
rectngulo ureo que a su vez vamos a
dividir.

10
comunicacin visual grfica 1 licenciatura en comunicacin social

Ejemplos en el diseo web

Ejemplo de como disponer los elemenos web conforme al espiral

ureo.

A partir del rectngulo ureo se continuan las grillas

hacia abajo.

Disposicin de los elementos con el espiral ureo en sentido

contrario.

La pgina web de Twitter utiliza las grillas de acuerdo a la proporcin urea.

11
comunicacin visual grfica 1 licenciatura en comunicacin social

Con este dibujo, adems, se ven de manera muy

La regla de los tercios
grfica y evidente, las zonas con ms inters
visual: los puntos de interseccin. Como se puede
apreciar en el esquema, el centro de la imagen es
La regla de los tercios consiste en ordenar los
la zona menos interesante de un encuadre. El
elementos que componen una imagen en base a
motivo de inters se habr de situar siempre en A,
nueve cuadrantes, es decir en dividir una imagen
B, C o D.
en tercios iguales y ubicar las reas de tensin en
los cuatro puntos que se producen por la unin
de las lneas guas.

"Las zonas con ms inters visual son los puntos

de interseccin, osea, los puntos ureos."

Los puntos de interseccin son puntos ureos, ya

Las lneas bsicas del encuadre
que si se coloca cuatro espirales ureos en el
mismo rectngulo, de manera que se inicie una El horizonte
espiral en cada una de las cuatro esquinas del
recuadro, se obtendr la grilla de tercios. Salvo que se haga con una intencin muy precisa,
el horizonte nunca deber partir un encuadre en
dos mitades.
Siempre estar situado en uno de los tercios. La
eleccin del tercio superior o inferior, depender
de la importancia que adquieran el cielo, la tierra o
el agua, en grandes paisajes, y del nivel a que se
encuentra el sujeto ms importante. Tal nivel
depende del punto de vista escogido.

12
comunicacin visual grfica 1
Hay que tener en cuenta tambin la carga
psicolgica que implica esta eleccin: al situar el
horizonte (no slo a los paisajes; en interiores o
decorados tambin hay horizontes), se resalta el
elemento areo, espiritual o divino contra el
terrenal.
Las Diagonales
Las lneas diagonales que cruzan el encuadre
son el mejor recurso para romper la mono-
tona que producen las lneas paralelas al
marco. Pero las diagonales tambin pueden
ser montonas cuando producen cruces sim-
tricos en el centro, y aun cuando cortan el
cuadro de vrtice a vrtice. Es preferible que las
diagonales nazcan o mueran en el vrtice del
horizonte con el marco (tercio), o en uno de
los puntos fuertes si la diagonal es el trazo
ms importante de la composicin.
Las diagonales nacen, en la mayora de los
casos, del punto de vista elegido y tienden a
unirse en un punto de fuga que se situar,
preferentemente, en un tercio o en un punto
fuerte.
licenciatura en comunicacin social
La disposicin de las lneas que aparecen en el
encuadre, ya sean lneas reales como una
barandilla, por ejemplo, formadas por otros
elementos (postes de luz) o por el movimiento de
algn elemento (un caballo que se aleja) produce
una serie de efectos visuales particulares:
- Las lneas rectas paralelas al encuadre sugieren
sensacin de orden, formalidad y solidez.
- La lnea horizontal sugiere estabilidad, reposo,
quietud.
- La lnea vertical solemnidad, dignidad, paz.
- La lnea diagonal es la que ms sensacin de
movimiento da.
- Las lneas curvas sugieren gracia y dulzura, pero
si aparecen en exceso indican inseguridad y crean
movimiento.
13
comunicacin visual grfica 1 licenciatura en comunicacin social

Tcnicas de Comunicacin Visual

Donis A. Dondis - "La sintaxis de la imagen:
introduccin al alfabeto visual".

..." No hay porque concebir las tcnicas visuales Equilibrio / Inestabilidad

como elecciones para construir y analizar, o solo
esto ltimo, todo lo que vemos. Es posible
modificar los extremos de significados con grados Dentro de las tcnicas visuales, y despus del
menores de intensidad, como la gradacin de contraste, la ms importantes es la del
tonos de gris entre el blanco y el negro. Estas equilibrio. Su importancia primordial se basa en
variantes implican una gama muy amplia de el funcionamiento de la percepcin humana y
posibilidades de expresin y comprensin. Los en la intensa necesidad de equilibrio, que se
matices compositivos de los que dispone el manifiesta tanto en el diseo como en la
diseador son posibles, en parte gracias a las reaccin ante una declaracin visual. Su opuesto
opciones mltiples, pero tambin a que las sobre un espectro contnuo es la inestabilidad.
tcnicas visuales se combinan y actan unas sobre El equilibrio es una estrategia de diseo en la
otras en las aplicaciones compositivas. Es preciso que hay un centro de gravedad a medio camino
aclarar un punto: la contraposicin de tcnicas entre dos pesos. La inestabilidad es la ausencia
nunca debe ser tan sutil que resulte poco clara. de equilibrio y da lugar a formulaciones visuales
Aunque no es necesario utilizarlas solamente en muy provocadores e inquietantes.
sus extremos de intensidad, debe seguir
claramente una va u otra. Si no son definibles,
resultan transmisores ambiguos, y malos, de
informacin. El peligro es especialmente grave en
el caso de la comunicacin visual, que acta con
gran velocidad e inmediatez como canal de
informacin .
(...) En esto, como en todos los escalones de la
escritura en los medios visuales, la interpretacin
personal es un factor muy importante.(...)"...

Fragmento del captulo

"Tcnicas de Comunicacin
Visual" del libro "La Sintaxis de
la Imagen: Introduccin al
Equilibrio. Se ve como el peso ejercido por la
alfabeto visual" torre y los protagonistas es compensado por el
Donis A. Dondis ejercito, el nombre de la pelcula y el espacio
vaco.

14
comunicacin visual grfica 1 licenciatura en comunicacin social

Asimetra. No hay los mismos elementos en ambos

Inestabilidad. la figura del auto "cayndose" ejerce
una tensin hacia el ngulo inferior izquierdo que
no se ve conpensada ni por el texto ni por el logo.
lados si se trazar una lnea por el centro; sin
embargo, la posicin y tamao de los objetos
permite que la pieza siga estando equilibrada.
Regularidad / Irregularidad

La regularidad en el diseo consiste en favorecer

Simetra / Asimetra la uniformidad de elementos, el desarrollo de un
orden basado en algn principio o mtodo
respecto al cual no se tienen desviaciones. Su
El equilibrio se puede lograr de dos maneras,
opuesto es la irregularidad que, como estrategia
simtrica y asimetricamente. La simetra es el
de diseo, realza lo inesperado y lo inslito, sin
equilibrio axial (equilibrio formal). Estamos,
ajustarse a ningn plan decifrable.
entonces, ante formulaciones visuales
totalmente resueltas en las que a cada unidad
situada a un lado de la lnea central corresponde
exactamente otra en el otro lado. Es
perfectamente lgico y sencillo de disear, pero
puede resultar esttico e incluso aburrido.
Los griegos consideraban que la asimetra
(equilibrio informal) era un mal equilibrio. Se
consigue combinando diversos elementos y
posiciones de manera que se equilibren los
pesos. Este tipo de diseo es complicado porque
requiere el ajuste de muchas fuerzas, pero
resulta interesante y rico en si variedad. Regularidad. En este caso la imagen imita a un
velocmetro de un auto, dndole cierta
predictibilidad al diseo.

Simetra. Vemos que si

trazaramos una lnea por el Irregularidad. La
medio de la pieza, nos imagen no
encontraramos con los mismo persigue un
objetos a un lado y al otro de la patrn de
lnea. diseo
completamente
decifrable.

15
comunicacin visual grfica 1
Simplicidad / Complejidad
El orden contribuye considerablemente a la
sntesis visual de la simplicidad, tcnicas visuales
que impone el carcter directo y simple de la
forma elemental, libre de complicaciones o
elaboraciones secundarias. La formulacin
opuesta es la complejidad, que implica una
complicacin visual debido a la presencia de
numerosas unidades y fuerzas elementales, que
da lugar a un difcil proceso de organizacin del
significado.
Simpliicidad, la poca cantidad de elementos
permite visualizar rapidamente el contenido
concreto y de importancia en la pieza.
Complejidad, la diversidad de elementos visuales
implica un mayor esfuerzo por parte del receptor
para captar el mensaje.
licenciatura en comunicacin social
Unidad / Fragmentacin
Las tcnicas de unidad y fragmentacin son
parecidas a las de la simplicidadcomplejidad y
entraan estrategias de diseo parecidas. La
unidad es un equilibrio adecuado de elementos
diversos en una totalidad que es perceptible
visualmente.
La coleccin de numerosas unidades debe
ensamblarse tan perfectamente, que se perciba y
considere como un objeto nico. La
fragmentacin es la descomposicin de los
elementos y unidades de un diseo en piezas
separadas que se relaciona entre s. Pero
conserven su carcter individual.
Unidad, las distintas capas de papas
conforman una totalidad.
16
comunicacin visual grfica 1 licenciatura en comunicacin social

Profusin, en este
caso se recarga la
pieza de elementos
que proveen una
esttica vistosa que
aspiran a indicar
cierto nivel de
excelencia.

Fragmentacin, se reconocen los distintos

cortes del elefante para significar un mensaje
determinado.

Economa / Profusin Reticencia / Exageracin

La presencia de unidades mnimas de medios La reticencia y la exageracin son las

visuales es tpica de la tcnica de la economa, contrapartidas intelectuales del dipolo
que contrasta con su opuesta de la profusin en economaprofusin y sirven a fines similares
muchos aspectos. La economa es una aunque en contextos distintos. La reticencia es
ordenacin visual frugal y juiciosa en la una aproximacin de gran comedimiento que
utilizacin de elementos. La profusin est muy persigue una respuesta mxima del espectador
recargada y tiende a la presentacin de ante elementos mnimos. En realidad, la
adiciones discursivas, detalladas e inacabables al reticencia, en su estudiado intento de engendrar
diseo bsico que, idealmente, ablandan y grandes efectos, es la imagen especular de su
embellecen mediante la ornamentacin. La opuesto visual, la exageracin. Ambas, y cada
profusin es una tcnica visualmente una a su manera, se toman grandes libertades en
enriquecedora que va asociada al poder y la la manipulacin de los detalles visuales. La
riqueza; en cambio, la economa es visualmente exageracin, para ser visualmente efectiva, debe
fundamental y realza los aspectos conservadores recurrir a la ampulosidad extravagante,
y reticentes de lo pobre y lo puro. ensanchando su expresin mucho ms all de la
verdad para intensificar y amplificar.

Economa, se tiende a utilizar los elementos Reticencia, la sola utilizacin de los signos
justos para transmitir el mensaje. matemticos obligan al lector a realizar un
gran trabajo interpretativo para desifrar el
mensaje.

17
comunicacin visual grfica 1 licenciatura en comunicacin social

Actividad / Pasividad

La actividad como tcnica visual debe reflejar el

movimiento mediante la representacin o la
sugestin. La postura enrgica y viva de una
tcnica visual activa resulta profundamente
modificada en la fuerza inmvil de la
Exageracin, el contenido es deformado para tcnica de representacin esttica de pasividad
crear un mayor impacto. que produce, mediante un equilibrio absoluto,
un efecto de aquiescencia y reposo.

Predictibilidad / Espontaneidad

La predictibilidad, como tcnica visual, sugiere un

orden o plan muy convencional. Sea a travs de la
experiencia, de la observacin o de la razn, hemos de
prever de antemano lo que ser todo el mensaje visual,
basndonos para ello en un mnimo de informacin. La
espontaneidad, en cambio, se caracteriza por una
falta aparente de plan. Es una tcnica de gran carga
emotiva, impulsiva y desbordante.
Actividad, la forma en que est dispuesta la jugadora
de basquet nos imprime una idea de salto; pero
tambin las personas de debajo dan una sensacin de
empuje y esfuerzo.
Predictibilidad, la
transformacin del
signo en cierto
orden anticipan el
desenlace.

Pasividad, el carcter esttico de los elementos, junto

con el uso de colores calmos, nos dan la idea de
quietud y tranquilidad.

Espontaneidad, la composicin fluye por si

misma.

18
comunicacin visual grfica 1 licenciatura en comunicacin social

Sutileza / Audacia Neutralidad / Acento

La sutileza es, en el mensaje visual, la tcnica que Afirmar que un diseador puede tener un
elegiramos para establecer una distincin aspecto neutral, parece casi una contradiccin en
afinada, rehuyendo toda obviedad o energa de sus trminos, pero lo cierto es que hay ocasiones
propsitos. Aunque la sutileza indica una en que el marco menos provocador para una
aproximacin visual de gran delicadeza y declaracin visual puede ser el ms eficaz para
refinamiento, debe utilizarse muy inteli- vencer la resistencia o incluso la beligerancia del
gentemente para conseguir soluciones inge- observador. La atmsfera de neutralidad es
niosas. La audacia es, por su misma naturaleza, perturbada en un punto por el acento, que
una tcnica visual obvia. El diseador debe usarla consiste en realizar intensamente una sola cosa
con atrevimiento, seguridad y confianza en s contra un fondo uniforme.
mismo, pues su propsito es conseguir una
visibilidad ptima.

Sutileza, la pieza contiene una referencia clara e Neutralidad, la pieza carece de una expresividad que
identificable, sin caer es explicitaciones que puedan ser impacte al observador, lo que propicia un encuentro
consideradas de "mal gusto". ms amigable y el sentido es captado sin mayores
resistencias.

Audacia, una
pieza clara,
concreta y fuerte.
No se preocupa
por suavizar el
mensaje y eso le
vale una fuerte
atraccin inicial
de la mirada.

Acento, un claro contraste que jerarquiza los

elementos y gua la mirada.

19
comunicacin visual grfica 1 licenciatura en comunicacin social

Transparencia / Opacidad Coherencia / Variacin

Las tcnicas opuestas de la transparencia y la La coherencia es la tcnica de expresar la

opacidad se definen fsicamente una a otra: la compatibilidad visual desarrollando una
primera implica un detalle visual a travs del cual composicin dominada por una aproximacin
es posible ver, de modo que lo que est detrs es temtica uniforme y consonante. Si la estrategia
percibido por el ojo; la segunda, es justamente lo del mensaje exige cambio y elaboraciones, la
contrario, el bloqueo y la ocupacin de elementos tcnica de la variacin permite la diversidad y la
visuales. variedad. Pero siempre controladas por un tema
dominante.

Coherencia, los elementos siguen un patrn temtico

claro y definido, el cul se mantiene hasta el final.
Transparencia, es posible ver los cctus y la arena
a travs de las dems figuras.

Opacidad, por
ms que se de
por sentada
que debajo del
pelo hay un
rostro
feminino, nos
es imposible
verlo.

Variacin, la disposicin y color de los elementos es

relativamente libre, ya que no hay una razn
especifica; sin embargo, existe una coherencia
temtica.

20
comunicacin visual grfica 1 licenciatura en comunicacin social

Realismo / Distorsin Distorsin, pone

de manifiesto lo
irreal de la
imagen para
El realismo es la tcnica natural de la cmara, la explicitar y
opcin del artista. Nuestra experiencia visual y afianzar la
significacin que
natural de las cosas es el modelo del realismo en transmite.
las artes visuales, cuyo ejemplo puede recurrir a
numerosos trucos y convenciones calculadas para
reproducir las mismas claves visuales que el ojo
trasmite al cerebro. La configuracin de la
cmara es una imitacin de la del ojo y, en
consecuencia, repite mucho de sus efectos. Para
el artista, el uso de la perspectiva reforzada con la
tcnica del claroscuro puede permitirle sugerir lo
que vemos directamente en nuestra experiencia. Plana / Profunda
Pero son ilusiones pticas. La distorsin fuerza el
realismo y pretende controlar sus efectos Estas dos tcnicas visuales se rigen
desvindose de los contornos regulares y, a veces, fundamentalmente por el uso o la ausencia de
tambin de la forma autntica. Es una tcnica perspectiva y se ven reforzadas por la
que responde a un intenso propsito y que, bien reproduccin fiel de informacin ambiental,
manejada, produce respuesta tambin muy mediante la imitacin de los efectos de luz y
intensas. sombras propios del claroscuro, para sugerir o
eliminar la apariencia natural de la dimensin.

Realismo, la composicin de la imagen busca hacer

olvidar que existe un montaje detrs, para presentar la
pieza como algo que existe o puede existir en la
naturaleza.
Plana, la imagen se presenta en 2D y carece de
detalles que marque alguna profundidad en lo
visual.

21
comunicacin visual grfica 1 licenciatura en comunicacin social

Profunda, el uso de la perspectiva le da cuerpo y

dimensin a la pieza. Yuxtaposicin, distitos elementos visuales son puestos
en conjunto para obligar al pblico a establecer una
relacin racional entre los mismos.

Singularidad / Yuxtaposicin Secuencialidad / Aleatoriedad

La singularidad consiste en centrar la Una disposicin secuencial en el diseo est

composicin en un tema aislado e basada en la respuesta compositiva a un plan de
independiente, que no cuenta con el apoyo de presentacin que se dispone en un orden lgico.
ningn otro estmulo visual, sea particular o La ordenacin puede responder a una frmula,
general. El principal efecto de esta tcnica es la pero por lo general entraa una serie de cosas
transmisin de un nfasis especfico. La dispuestas segn un esquema rtmico. La tcnica
yuxtaposicin expresa la interaccin de estmulos aleatoria de la impresin de una falta de plan, de
visuales situando al menos dos claves juntas y una desorganizacin planificada o de una
activando la comparacin relacional. presentacin accidental de la informacin visual.

Singularidad, la pieza se centra en un elemento nico,

que es el centro de la informacin y carece de otros
elementos que puedan desviar la atencin. Secuencialidad, la disposicin de los
elementos se rige bajo un orden lgico y
segn una convencin.

22
comunicacin visual grfica 1 licenciatura en comunicacin social

Difusividad, la imagen pierde nitidez en pos de

Aleatoriedad, no hay ningun orden que determine la otorgarle cierto ritmo y dinmica.
ubicacin y/o las caractersticas de los elementos.

Agudeza / Difusividad Continuidad / Episodicidad

La agudeza, como tcnica visual, est La continuidad se define por una serie de
ntimamente ligada a la claridad del estado fsico conexiones visuales ininterrumpidas, que
y a la claridad de expresin. Mediante el uso de resultan particularmente importantes en
contornos netos y de la precisin, el efecto final cualquier declaracin visual unificada. En el cine,
es ntido y fcil de interpretar. La difusividad es la arquitectura y el grafismo, la continuidad no
blanda, no aspira tanto a la precisin, pero crea slo es el conjunto de pasos ininterrumpidos
ms ambiente, ms sentimiento y ms calor. que llevan de un punto a otro, sino tambin la
fuerza cohesiva que mantiene unida una
composicin de elementos diversos. Las tcnicas
episdicas de la expresin visual expresan la
desconexin o, al menos, conexiones muy
dbiles. Es una tcnica que refuerza el carcter
individual de las partes constitutivas de un todo,
sin abandonar completamente el significado
global.

Agudeza, las imagenes son claras y de facil disnticin

entre ellas, favoreciendo a la interpretacin.

23
comunicacin visual grfica 1 licenciatura en comunicacin social

Continuidad, la fuerza del sentido radica en Episodicidad, se mantiene una cohesin

el conjunto de imagenes, que mantiene una general de los elementos, pero los pesos
individuales cobran un mayor valor.
fuerte cohesin y relacin entre los
diferentes elementos visuales.

24