Elementos del Diseo Grfico.

Fundamentos del diseo.indd 1

Elementos del diseo.

A. ELEMENTOS DEL DISEO.

Como hemos visto en el tema anterior en los apartados dedicados a la metodologa proyectual del
diseo, cuando denimos objetos y mensajes visuales, analizamos una situacin y considerando todas
la soluciones posibles escogemos aquellos elementos que ofrecen las soluciones ms apropiadas.
En un intento de clasicar o sistematizar las formas que conguran esos mensajes visuales y sus relaciones, Wucius Wong, establece en sus libros dedicados a los fundamentos del diseo, una serie de
elementos: Elementos conceptuales, visuales, de relacin y prcticos. (Conviene recordar que es una
clasicacin personal y que existen otras muchas como la que establece Dondis en Sintaxis de la imagen)

1. ELEMENTOS CONCEPTUALES.
Son aquellos que no son visibles en las imgenes, sino que estn presentes sin ser explcitos. Por
ejemplo, existe un punto en el cruce de dos lneas, una lnea en el contorno de un objeto, o planos
que envuelven volmenes, pero no se presentan como elementos principales de la imagen sino como
conguradores de las formas.
Estos elementos conceptuales son los elementos bsicos del lenguaje visual: el punto, la lnea, el
plano y el volumen.

1.1. EL PUNTO.
No importa que se vea para que acten en la composicin y la percepcin.
El punto conceptual es por denicin la unidad grca mnima de la representacin grca. Es una
forma plana concntrica que congura un todo. Por denicin es el lugar geomtrico denido por la
interseccin de dos rectas o el principio y el fn de estas. No ocupa ni espacio, ni est dotado de tamao lo cual indica que es un elemento adimensional.

1.2 LA LNEA
Conceptualmente es el la trayectoria que dene el movimiento de un punto, es por ello que podemos
denirla como la unin o aproximacin de varios puntos. Tiene largo pero no ancho, lo cual indica una
sola dimensin.

1.3. EL PLANO.
El recorrido de una lnea en movimiento, en una direccin distinta a la suya, se convierte en plano.
El plano est limitado por lneas, lo cual le conere dos dimensiones, o lo que es lo mismo podemos
decir que es bidimensional y las caractersticas de stas y sus interrelaciones determinan la gura de
la forma plana. Las formas planas pueden ser geomtricas, orgnicas, rectilneas, irregulares gestuales
y accidentales.

1.4. EL VOLUMEN.
El desplazamiento virtual de un plano en el sentido paralelo a l conforma un volumen. Aparecen
aqu las 3 dimensiones: largo, ancho y profundidad. Si a cada uno de estos le adjudicamos un plano,
obtendremos la materializacin ms simple de la idea de tridimensionalidad.
En las formas tridimensionales los elementos conceptuales son los mismos que en las bidimensionales aunque adquieren otra denominacin: el punto es el vrtice en el que conuyen tres planos, la
lnea se transforma en la arista que conecta dos planos entre s, y el plano se constituye en cada una
de las caras de un volumen.

2. ELEMENTOS VISUALES.
Cuando dibujamos un objeto en el papel, empleamos una lnea visible para representar una lnea conceptual. La lnea visible no solo tiene largo sino tambin ancho. Su color y su textura quedan determinados por los materiales que usamos y por la forma en que los usamos.
As, cuando los elementos conceptuales se hacen visibles, tienen forma, medida, color y textura.

2. 1. LA FORMA.
Todo lo que puede ser visto tiene una forma que le conere una apariencia. Los elementos conceptuales pueden dar paso a ser materiales en cuanto les damos forma y pueden ser vistos. En este sentido
la forma est relacionada con los elementos conceptuales en tanto que puede representarlos.

2. 2. MEDIDA.
Toda forma tiene un tamao que le concede magnitud o pequeez, y que adems relaciona a la forma
con el contexto en que se encuentre ya sea en el plano o en espacio tridimensional.

2. 3. COLOR.
El color es uno de los estmulos visuales ms importantes, y ste presenta una gran complejidad que
estriba en su propia denicin, ya que el color aunque no lo parezca, no es una propiedad intrnseca
de la materia, sino que es una sensacin que se produce en el cerebro a partir del efecto que producen determinadas radiaciones electromagnticas. Una forma se distingue de sus cercanas por el
color. El color se utiliza en su sentido amplio, comprendiendo no solo los del espectro solar sino as
mismo los neutros y variaciones tonales y cromticas.

2.4.TEXTURA.
Toda forma tiene textura y permite as diferenciarse del fondo o contexto. Textura es otro aspecto
formal, que est relacionado con la materia. Es el tratamiento dado a la supercie, o su apariencia
externa, y denitivamente tambin es una de las principales cualidades fsicas y estticas de la materia; de hecho necesita de una percepcin ptica, hasta el punto de que el tacto queda en algunas
ocasiones sometido a la vista, por ello podemos clasicarlas en tctiles y visuales.

3. ELEMENTOS DE RELACCIN.
Los elementos de relacin son aquellos que relacionan las formas con el marco de referencia y con
las lneas direccionales importantes en l, por ejemplo horizontales, verticalesAunque Wong enumera estos elementos, podemos decir que en tre los elementos de relacin estn la composicin o la
repeticin,

3.1. DIRECCION
Depende de cmo est relacionada con el observador, con el marco que la contiene o con otras formas cercanas.

3.2. POSICION
La posicin de una forma es juzgada por su relacin respecto al cuadro o la estructura.

3.3. ESPACIO
Las formas ocupan un espacio. El espacio puede estar ocupado o vaco. Puede ser pleno o ilusorio
para sugerir una profundidad.

3.4. GRAVEDAD.
Atribuimos a las formas pesadez o liviandad, estabilidad o inestabilidad en funcin de muchos factores.

*EN ESTA PARTE DEL TEMA NOS CENTRAREMOS EN LOS ELEMENTOS CONCEPTUALES, E IREMOS
DESARROLLANDO LOS DEMS EN TEMAS SUCESIVOS.

Elementos del Diseo Grfico.

Elementos visuales: la forma, el color,
la medida y la textura.

Fundamentos del diseo.indd 1

Elementos visuales del diseo

Los elementos visuales: la forma, la mediad, el color y la textura.

1. LA FORMA.
Como ya se apunt anteriormente, los elementos conceptuales solamente existen en la de tal forma,
no son visibles. En cuanto el concepto se hace visible se convierte en forma, con su medida, textura, y
color. Podemos decir que estas tres caractersticas son indispensables e indisolubles de la forma.
Una forma siempre se percibe en relacin con el espacio en que se enmarca y con las dems formas
presentes en este. Se han realizado numerosos estudios sobre la percepcin del individuo y una de las
conclusiones a la que se ha llegado es que la mirada humana percibe la forma antes que el color. Todas
las formas pertenecen a un contexto del que no pueden aislarse. En este sentido conviene apuntar la
importancia que tiene el marco de referencia o la interaccin o interrelacin de las formas, de lo que
hablaremos ms extensamente en la siguiente unidad.
Podemos hacer una clasificacin bsica de las formas atendiendo a su complejidad. Las formas simples
o regulares son aquellas en que sus partes se relacionan entre s con un vnculo firme y ordenado. Generalmente sus caractersticas son estables y sus formas simtricas respecto a uno o ms ejes. Como por
ejemplo el crculo, el cuadrado, el tringulo equiltero y el rectngulo.
Las formas complejas o irregulares son aquellas cuyas partes son desiguales en cuanto a sus caractersticas y no disfrutan de vnculos firmes que las unan entre s, y suelen ser asimtricas y ms dinmicas que
las regulares, y a menudo surgen de la interaccin de dos o mas formas.

La forma como punto, o el punto visual.

La forma ms comn de encontrar puntos o de representarlos es mediante un crculo simple, compacto,
y su caracterstica indispensable es que sea relativamente pequeo, y simple.
Sin embargo puede adquirir diversas formas: circular, cuadrado, oval, triangular, irregular o una mancha. Esto quiere decir que el punto real puede tomar infinitas figuras; el crculo perfecto es susceptible
de adquirir pequeos salientes o tender a otras formas geomtricas o desarrollar formas libres. Puede
ser puntiagudo, derivar en un tringulo; o por una exigencia de relativa inmovilidad, transformarse en
un cuadrado.

un punto.....
PODER DE ATRACCIN VISUAL. Carece de direccin alguna, por lo que se afirma en su sitio y no
manifiesta tendencia a desplazarse: ni avanza ni retrocede. El punto est constituido por tensin concntrica, por lo que tiene gran poder de atraccin visual.

varios puntos.....
EL PUNTO COMO TRAMA. ESTTICO.
A veces el punto se utiliza para crear texturas grficas a modo de elemento repetido segn un patrn o
estructura. Es el caso del trabajo de Lietchenstein.
En muchos casos de identidad corporativa se crean texturas grficas te este modo y que se integran
como parte de la identidad visual de la empresa.
EL PUNTO COMO PATRN. DIRECCIONALIDAD DE LA MIRADA O SIMULACIN DE MOVIMIENTO.
- El punto como patrn, dirige la mirada por medio de agrupacin, tensin y direccin.
-Los puntos tienden a relacionarse entre ellos, y a agruparse, se conectan y por lo tanto son capaces de
dirigir la mirada, y de sugerir movimiento. Esta capacidad nica para guiar el ojo se intensifica cuanto
ms prximos estn los puntos entre s.
- En gran cantidad y diferentes dimensiones y distancias, los puntos crean la ilusin de matices y valores, lo que lleva a nuevas situaciones y tensiones visuales.
- Se utilizan en los medios mecnicos de reproduccin de imgenes para configurarlas a travs de
puntos de tamaos minsculos, incluso posibilitan gradientes de tonalidad. Este efecto perceptivo se
denomina medio tono.
- Capacidad de simular volumen y realidad.
- El homlogo del punto en el lenguaje digital: el pixel funciona de la misma manera.

La forma como lnea.

En ella debern considerarse tres aspectos:
- La forma total: se refiere a la apariencia general que puede ser recta, curva, quebrada, irregular o
gestual.
- El cuerpo: est contenido entre ambos bordes del ancho. Las formas de estos bordes y la relacin entre
ambos determinan la forma del cuerpo. Los bordes, a su vez pueden ser lisos y paralelos o bien pueden
ocasionar que el cuerpo de la lnea aparezca afilado, nudoso, irregular, etc.
- Las extremidades: stas carecen de importancia si la lnea es delgada. Pero si la lnea adopta cierto
ancho, la forma de sus extremos puede ser cuadrada, redonda, puntiaguda, etc.
Existen diferentes tipos de lneas segn sus caractersticas bsicas de apariencia y direccionalidad. A
cada tipologa se le asocia un valor semntico debido a su valor perceptivo.
La lnea recta vertical sugiere elevacin, movimiento ascendente, actividad.

La lnea recta horizontal expresa equilibrio estable, calma. Tambin expresa equilibrio, pero inestable,
como si estuviera a punto de caer.
La lnea recta inclinada, por el contrario, expresa tensin, inestabilidad, desequilibrio.
La lnea curva es la ms libre y dinmica de todas, pudiendo sugerir desde un movimiento perfectamente definido hasta un movimiento catico, sin reglas.
La lnea quebrada, rota y en mltiples direcciones expresa confusin, discordia. La lnea irregular expresa movimiento e intranquilidad.
De la misma forma que el punto es capaz de configurar por medio de ilusin volumen y realidad, as
como tambin podemos crear tramas o texturas.
La lnea tiene la misma propiedad que el punto de construir valores de tono. Con el mismo espesor y a
intervalos iguales, su repeticin produce un determinado valor de gris, y a intervalos diferentes o diversidad de grosor produce gradacin y volumen o realidad.
Adems la lnea es capaz de delimitar contornos y figuras, aunque del contorno y la figura hablaremos
ms adelante en el signo grfico.
Estos principios se usan a menudo en la creacin de logos o composicin de ilustraciones, o escenas,
para conferirle a la marca dichas caractersticas perceptuales.

La forma como plano.

Las formas planas pueden dar lugar a una una variedad de figuras que forman grupos por si mismas.
Las formas geomtricas, son aquellas que tienen traduccin matemtica, como el circulo, el cuadrado,
los polgonos, formas tangentes, etc
Las formas orgnicas son aquellas creadas por curvas libres, que sugueren fluidez y desarrollo.
Las formas rectilneas, son aquellas que a pesar de ser rectas no se relacionan matemticamente entre si
como los polgonos.
Las formas irregulares que estn formadas por curvas y rectas que no se relacionan matemticamente
entre si.
Las formas manuscritas o caligrficas, y las accidentales.

La forma como volumen.

El volumen en el plano del dibujo es algo ilusorio, y puede ser simulado con puntos, lneas, o planos.
Para conseguir esa ilusin de volumen usamos diferentes estrategias como la superposicin, el cambio
de tamao, o textura, sombras

Formas negativo-positivo. Contorno, gura-fondo.

Generalmente vemos la forma ocupando un espacio pero a veces la forma est recortando ese espacio
previamente ocupado por un plano.

En el diseo en B/N, el negro suele ser lo ocupado y el blanco lo no ocupado, es por ello que cuando
se percibe como ocupante, o negra, se dice que la forma est en positivo, la forma est ah, y cuando
la forma es blanca y el resto negro, se percibe a la inversa, y se dice que est en negativo, o es percibida
como ausencia.
La forma sea positiva o negativa est representando una figura, mientras lo que existe alrededor de esta
es el fondo. La figura se separa del fondo por la lnea imaginaria del contorno. Cuando las figuras van
mas alla del B/N, las caractersticas de la forma, como el color o la textura ayudan a separar la figura del
fondo, dando lugar a una divisn del plano de la imagen visualmente entre figura y fondo.

2. LA MEDIDA
Todas las formas tienen un tamao. El tamao es relativo si lo describimos en trminos de magnitud y
de pequeez, pero as mismo es fsicamente mesurable. Un mismo elemento grfico puede parecer ms
grande o ms pequeo segn el tamao, la ubicacin y el color de los elementos que lo rodean.
Cuando todos los elementos tienen el mismo tamao el diseo puede resultar muy plano y montono.
Las formas pequeas tienden a alejarse mientras que las grandes parecen acercarse.

3. LA TEXTURA.
Textura es otro aspecto formal, que est relacionado con la materia, nos ayuda a comprender la naturaleza de las cosas y la permite as diferenciarse del fondo o contexto.
Es una agrupacin de pautas situadas a igual o similar distancia unas de otras sobre un espacio bidimensional y, en ocasiones, con algo de relieve. Se produce mediante la repeticin de luces y sombras en
un espacio grfico, motivos iguales o similares que se repiten en el soporte.
Puede ser visual y tcil, pero en el campo del diseo la textura se corresponde con su funcin visual. A
su vez puede ser natural (presente de forma espontnea en la naturaleza) o artificial (material modificado o intervenido por el hombre).

4. EL COLOR.
El color es uno de los estmulos visuales ms importantes, y ste presenta una gran complejidad que
estriba en su propia definicin, ya que el color aunque no lo parezca, no es una propiedad intrnseca
de la materia, sino que es una sensacin que se produce en el cerebro a partir del efecto que producen
determinadas radiaciones electromagnticas. Una forma se distingue de sus cercanas por el color. El
color se utiliza en su sentido amplio, comprendiendo no solo los del espectro solar sino as mismo los
neutros y variaciones tonales y cromticas.

4.1. Dimensiones del color

Tono o matiz
Es el estmulo que nos permite distinguir un color de otro, rojo, verde azul... Tambin se
define como la variacin cualitativa del color, en relacin con la longitud de onda de su
radiacin. Tambin hace referencia al recorrido que hace un tono hacia uno u otro lado del
crculo cromtico, por lo que el verde amarillento y el verde azulado sern matices diferente del
verde.

Segn el tono los colores se pueden dividir en clidos, rojos, naranjas y amarillos (colores
asociados con la luz solar, el fuego...) y fros, verdes, azules y violetas (colores asociados con el
agua...). Los colores clidos, dan sensacin de actividad, de alegra, de dinamismo, de
confianza, amistad y acogimiento. Los colores fros dan sensacin de tranquilidad, seriedad y
distanciamiento.
Saturacin
Es la sensacin ms o menos intensa de un color, es decir, su nivel de pureza. La
mxima saturacin de un color es aquella que se corresponde a la propia longitud de onda del
espectro electromagntico y carece absolutamente de blanco y negro.
- Los colores puros del espectro estn completamente saturados. De un color puro se dice que
es un color muy vivo.
-La intensidad de un color est determinada por su carcter de brillante o apagado.
- La perdida de saturacin de un color puede producirse aadindole blanco o mezclndolo con
su complementario, lo que dara un color neutro.
Luminosidad
Se entiende como la capacidad de un color para reflejar la luz blanca que incide en l.
Alude a la claridad u oscuridad de un tono. Los tonos rojos de las imgenes superiores, tienen
distintos valores de luminosidad, desde los ms altos a los oscuros. El trmino valor es
sinnimo de luminosidad e igualmente hace alusin al grado de claridad u obscuridad de un
color.
A medida que se le agrega negro, pierde brillantez, se intensifica en oscuridad y obtiene
valores ms bajos.

4.2. Relaciones de color

Armona y sus tipos
Se habla de armonas cuando los colores mantienen relaciones de semejanza , pueden ser tanto de tono,
de luminosidad o saturacin. Por ejemplo el amarillo ser armnico con los colores que a su vez lleven
a este en su composicin es decir los que estn junto a el en el circulo cromatico.
*Analoga: los colores estan relaccionados por uno que interviene en todos, por ejemplo, amarillo
anaranjado y amarillo verdoso, dominante amarilla que genera armonia.
Armona Acromtica (escala de grises)
Armona Monocromtica (a partir de un mismo tono, se pueden variar saturacin y
luminosidad)
Armona de temperatura (clidos y fros)
El contraste y sus tipos
El contraste es la contrafuerza que desequilibra, sacude, estimula, atrae la atencin. De todas las tcnicas visuales, la del contraste est omnipresente en las formulaciones visuales efectivas a todos los niveles
de la estructura comprensiva del mensaje, sea conceptual o elemental. El contraste se produce cuando
en una composicin los colores no tienen nada en comn no guardan ninguna similitud. Existen diferentes tipos de contraste:
Contraste de tono (cuando utilizamos diversos tonos cromticos).
Contraste de claro/oscuro (el punto extremo est representado por blanco y negro).

10

 Contraste de saturacin (se produce por la modulacin de un tono puro saturado con blanco, con
negro, con gris, o con un color complementario).
Contraste de cantidad: Es igual los colores que utilicemos, consiste en poner mucha
cantidad de un color y otra ms pequea de otro.
Contraste simultneo: Dos elementos con el mismo color producen el mismo contraste
dependiendo del color que exista en su fondo.
Contraste entre complementarios: Se colocan un color primario y otro secundario
opuesto en el tringulo de color. Para conseguir algo ms armnico, se aconseja que
uno de ellos sea un color puro y el otro est modulado con blanco o con negro.
Contraste entre tonos clidos y fros: Es la unin de un color fro y otro clido.

11