MODULO 1 :: Unidad 1.2.

1
1

Formas bsicas en diseo grfico

Estamos acostumbrados a comunicarnos con nuestros semejantes mediante el lenguaje hablado,
verbal, formado por una serie de elementos bsicos (letras, palabras, frases, etc.) que,
combinados, forman entidades comunicativas complejas.
De igual modo, el lenguaje visual a travs de grafismos puede descomponerse en entidades
bsicas, cada una de las cuales tiene por s misma un significado propio, pero que unidas de
diferentes formas pueden constituir elementos comunicativos distintos.
Estas entidades grficas constituyen la sustancia bsica de lo que vemos. Por lo tanto, son muy
importantes y todo diseador debe conocerlas y manejarlas perfectamente.
Las formas bsicas del diseo grfico son pocas: el punto, la lnea y el contorno. Pero son la
materia prima de toda la informacin visual que aporta una composicin.
Cada una de ellas posee un conjunto de caractersticas propias que las modifican y condicionan,
entre las que destacan:

Forma: definida por disposicin geomtrica. La forma de

una zona o contorno va a permitirnos reconocerlas como
representaciones de objetos reales o imaginarios.

Direccin: proyeccin plana o espacial de una forma,

continuacin imaginaria de la misma an despus de su
finalizacin fsica. Puede ser horizontal, vertical o inclinada
en diferentes grados.

Curso - Taller de Diseo Grfico a distancia

NUEVA ESCUELA DE DISEO Y COMUNICACIN

Color: tal vez las ms importante y evidente, puede imprimir

un fuerte carcter y dinamismo a los elementos a los que se
aplica. Toda forma o zona tendr en general dos colores
diferentes, el de su contorno y el de su parte interna,
pudiendo aplicarse tanto colores puros como degradados de
colores.

Textura: modificacin o variacin de la superficie de los

materiales, sirve para expresar visualmente las sensaciones
obtenidas mediante el sentido del tacto o para representar
un material dado. La textura est relacionada con la
composicin de una sustancia a travs de variaciones
diminutas en la superficie del material, y se consigue en una
composicin grfica mediante la repeticin de luces y
sombras o de motivos iguales o similares.

Escala: tamao relativo de una zona respecto a las dems y al

total de la obra. Los diferentes tamaos de las diferentes
zonas modifican y definen las propiedades de cada una de
ellas.

Dimensin: capacidad tridimensional de un elemento o zona.

La dimensin slo existe en el espacio real tridimensional,
pero se puede simular en una composicin grfica plana
mediante tcnicas de perspectiva, sombreado o
superposicin. Tambin, mediante el uso de fotografas, que
introducen espacios tridimensionales en la composicin.

Movimiento: propiedad muy importante, que aporta

connotaciones de dinamismo y fuerza. En las obras grficas
puras no existe movimiento real, pero s se encuentra
implcito en ciertos elementos y se puede conseguir con
ciertas tcnicas que engaan al ojo humano (diseo cintico,
pintura cintica) o representando elementos que s lo tienen
en el mundo real.

Curso - Taller de Diseo Grfico a distancia

NUEVA ESCUELA DE DISEO Y COMUNICACIN

El punto
El punto es la unidad mnima de informacin visual, y est caracterizado por su forma
(generalmente circular, pero tambin puede ser rectangular, como ocurre en los monitores,
triangular o una mancha sin forma definida), por su tamao, por su color y por la ubicacin que
tenga dentro de la composicin grfica.
Las principales caractersticas del punto son:

Tiene un gran poder de atraccin visual, creando

tensin sin direccin.
Cuando se sitan prximos dos puntos pueden
producir sensaciones de tensin o de direccin,
creando en la mente del espectador una lnea recta
imaginaria que los une.
Si se sitan diferentes puntos en prolongacin
sugieren una direccin, un camino, ms acentuada
cuanto ms prximos estn los puntos entre s.

Cuando se agrupan varios puntos pueden definir formas, contornos, tonos o colores (pensemos en
la pintura impresionista).

Los puntos aislados son poco usados en el diseo web. Sin

embargo, las sucesiones de puntos prximos son un buen
elemento para dirigir la atencin del visitante, para guiar su
mirada a una zona concreta, para establecer relaciones
entre elementos o para separar zonas de la pgina.

La lnea
La lnea es el elemento bsico de todo grafismo y uno de los ms usados, teniendo tanta
importancia en un grafismo como la letra en un texto. Representa la forma de expresin ms
sencilla y pura, pero tambin la ms dinmica y variada.
Est formada por la unin de varios puntos en sucesin, pudindose asimilar a la trayectoria
seguida por un punto en movimiento, por lo que tiene mucha energa y dinamismo. Su presencia
crea tensin y afecta al resto de elementos cercanos a ella.
Las principales propiedades de la lnea son:

Contiene gran expresividad grfica y mucha energa.

Casi siempre expresa dinamismo, movimiento y direccin.
Crea tensin en el espacio grfico en que se encuentra.
Crea separacin de espacios en el grafismo.
La repeticin de lneas prximas genera planos y texturas.

Curso - Taller de Diseo Grfico a distancia

NUEVA ESCUELA DE DISEO Y COMUNICACIN

En una composicin define direccionamiento, que estar ms acentuado cuantas ms lneas

paralelas haya. Esta cualidad se puede usar para dirigir la atencin en una direccin concreta,
haciendo que el espectador observe el lugar adecuado.

Una lnea divide o circunda un rea, se encuentra en el

borde de una forma. Expresa separacin de planos,
permitiendo al diseador usarla como elemento delimitador
de niveles y reas en la composicin.
4
Las propiedades de una lnea vendrn definidas por su
grosor, su longitud, su orientacin (direccin) respecto a la
pgina, su ubicacin (posicin), su forma (recta o curva) y su
color. Estas propiedades se vern afectadas tambin por el
nmero de lneas que haya en la composicin, su
proximidad y la orientacin relativa entre ellas.

La lnea es considerada como tal mientras la relacin ancho/largo no sobrepase una proporcin
determinada. Una lnea ms ancha que la mitad de su largo pierde la expresin dinmica del trazo
y adquiere la esttica de una superficie cuandrangular.
La unin sucesiva de lneas conforma un trazo. Los trazos dan volumen a los objetos que
dibujamos y permiten representar simblicamente objetos en la composicin, eliminando de ellos
toda informacin superflua y dejando slo lo esencial.
La lnea pueden tener los bordes lisos o dentados, con
extremos rectos, redondeados o en punta. Su cuerpo puede
ser slido o texturado, y su direccin puede ser curva o recta.
Y cada una de estas caractersticas matizar la forma en que
es interpretada una lnea por el espectador.

Podemos considerar diferentes tipos de lneas, cada uno de los cuales tiene sus propias
cualidades:
Lnea recta
Define el camino ms corto entre dos puntos. Es poco
frecuente en la naturaleza, donde predominan las lneas
curvas (el universo en su totalidad es curvo), pero muy
abundante en el entorno humano, que necesita de ellas para
dar estabilidad a sus creaciones.

Curso - Taller de Diseo Grfico a distancia

NUEVA ESCUELA DE DISEO Y COMUNICACIN

La lnea recta horizontal expresa equilibrio, calma, equilibrio estable. No hay estabilidad sin una
lnea recta horizontal de referencia, una lnea de horizonte, ya que nos movemos en un plano
horizontal.
Las lneas rectas horizontales son muy usadas en las pginas
web, tanto que el lenguaje HTML proporciona una etiqueta
especfica para introducirlas, HR. Se utilizan sobre todo
como elemento delimitador de bloques de contenido en
pginas de poco contenido grfico, siendo conveniente no
presentarlas con efecto tridimensional, sino como una
simple lnea plana (atributo noshade).
La lnea recta vertical sugiere elevacin, movimiento
ascendente, actividad. Tambin expresa equilibrio, pero inestable, como si estuviera a punto de
caer. Esto se puede corregir haciendo trabajar las lneas verticales con otras horizontales de
apoyo, que les darn la estabilidad de que carecen.

La lnea recta inclinada, por el contrario, expresa tensin,

inestabilidad, desequilibrio. Parecen que estn a punto de
caerse. Dentro de las lneas inclinadas, la que forma 45 con
la horizontal es la ms estable y reconocible.

Lnea curva

Es la lnea ms libre y la ms dinmica de todas, pudiendo

sugerir desde un movimiento perfectamente definido hasta
un movimiento catico, sin reglas.
Est muy asociada al ser humano, que escribe y dibuja casi
siempre con lneas curvas.

Las curvas ms comnmente usadas en diseo grfico digital son las curvas Bzier.
Este tipo de curvas fue desarrollado por Pierre Bzier por
encargo de la empresa Renault, que buscaba una familia
de curvas representables matemticamente (son curvas de
tercer grado) que permitieran representar las curvaturas
suaves que deseaban dar a sus automviles. Una curva
Bzier queda totalmente definida por cuatro puntos
caractersticos, los puntos inicial y final de la curva y dos
puntos de control (manejadores) que definen su forma.

Curso - Taller de Diseo Grfico a distancia

NUEVA ESCUELA DE DISEO Y COMUNICACIN

Para modificar su forma, basta cambiar de posicin uno de sus puntos de control.
Son curvas de manejo poco complejo y muy elegantes, con un desarrollo muy suave, capaces de
adaptarse a casi cualquier forma imaginable, por lo que son muy usadas para disear logotipos e
iconos y para copiar cualquier figura.
Tambin son enormemente verstiles, pudiendo adoptar desde curvaturas muy suaves (casi lneas
rectas) a curvaturas muy fuerte (curvas complejas), pasando por todos los valores intermedios.
Pueden, incluso, cambiar de cncavas a convexas alrededor de un punto.

Trazo

Un trazo es el elemento lineal formado por la unin sucesiva

de diferentes lneas. Es tal vez la forma grfica ms humana,
la que mejor representa nuestra forma natural de dibujar.
Un trazo heredar las propiedades de las lneas que lo crean,
existiendo trazos rectos, curvos o mixtos.

El contorno
Podemos definir el contorno como el objeto grfico creado
cuando el trazo de una lnea se une en un mismo punto. Es
decir, cuando una lnea continua empieza y acaba en un
mismo punto.
Todo contorno delimita dos zonas, una acotada (el contorno
y su interior) y otra infinita (el fondo), crendose un submundo grfico particular en cada forma definida por cada
contorno.
La lnea base de un contorno define la complejidad de ste y sus propiedades. Cuando una lnea se
cierra sobre s misma, el contorno creado determina un espacio interno, crendose una tensin
entre este espacio y sus lmites, otorgando a la lnea creadora un gran poder de atraccin visual.

Las cualidades grficas de un contorno estarn definidas por

las lneas que lo crean y las propiedades de stas.
Los principales contornos son el cuadrado, la circunferencia
y el tringulo, a los que podemos aadir los contornos
mixtos y los orgnicos.

Curso - Taller de Diseo Grfico a distancia

NUEVA ESCUELA DE DISEO Y COMUNICACIN

El cuadrado
El cuadrado es la figura geomtrica formada por cuatro
lneas rectas de igual longitud, denominadas lados, que
forman ngulos perfectamente rectos en los puntos de
unin entre ellas (esquinas a 90).
El cuadrado es una figura muy estable y de carcter
permanente, asociada a conceptos como estabilidad,
permanencia, honestidad, rectitud, limpieza, esmero y
equilibrio.
La figura derivada del cuadrado por modificacin de sus lados es el rectngulo, de propiedades
anlogas al cuadrado, aunque sugiere menos perfeccin y estabilidad.

El cuadrado expresa direccionalidad horizontal y vertical,

referencia primaria con respecto al equilibrio y el bienestar.
Es menos sugerente y ms neutro que los rectngulos, pero
ms slido. Invita a mirar su centro y pasear la mirada en
espiral en torno a ese punto.

Los rectngulos horizontales aportan solidez, estabilidad,

dan la sensacin de ser difciles de volcar. Cuando son de
gran tamao permiten que la mirada el espectador se pasee
de un lado a otro, en sentido horizontal.

Los rectngulos verticales, por el contrario, da sensacin de

menos solidez, es menos estable, parece que puede
volcarse en cualquier momento. En ellos, la mirada del
espectador no puede de un lado a otro, pero puede
moverse verticalmente, dando sensacin de elevacin, y es
apto para representar aquellos objetos que en la realidad
tienen una forma ascendente.

Los cuadrados y rectngulos vern modificadas sus

cualidades visuales segn su forma, tamao, color del
contorno y rea interna, ubicacin, escala, etc.

Curso - Taller de Diseo Grfico a distancia

NUEVA ESCUELA DE DISEO Y COMUNICACIN

La proyeccin tridimensional del cuadrado es el hexaedro o cubo, cuerpo geomtrico muy

asociado a las obras propias del ser humano, como los edificios.
Es conveniente seguir una serie de pautas a la hora de usar rectngulos, con vistas a evitar la
monotona y el aspecto artificial de una pgina demasiado cuadriculada:

Cada rectngulo debe estar alineado con los dems objetos de la pgina que le rodean.
El tamao del rectngulo debe ser mayor que el contenido del mismo, lo suficiente como
para que ste se presente libre, con espaciados convenientes por los cuatro lados.
No usar en las tablas bordes por defecto, es decir, grises y con efectos de relieve. Si se usan
para separar lgicamente registros, es mejor asignarles un borde fino (sobre 1 pxel) de un
color que contraste suficientemente con el borde, pero que no resulte llamativo en exceso.
Si de desea situar en la pgina varios rectngulos de funcionalidad anloga es preferible
posicionarlos en series horizontales, ya que se percibirn ms como una lnea que como un
conjunto rectangular.

La dureza visual de los rectngulos se puede suavizar aadindoles otros elementos que los
modifiquen en parte. Un ejemplo de esto son las esquinas redondeadas, que rompen la
monotona de la forma rectangular.

Otra forma de compensar la rigidez de las formas rectangulares

es combinarlas en la composicin con formas curvas que
aporten libertad y dinamismo.

La circunferencia
La circunferencia es un contorno contnuamente curvado, cuyos puntos estn todos a la misma
distancia de un punto central, llamado centro del crculo. La distancia constante de cualquier
punto de la circunferencia se denomina radio.

La circunferencia representa el rea que contiene en su

interior, denominada crculo, la forma ms enigmtica de
todas, considerada perfecta por nuestros antepasados. Su
direccionalidad es la curva, asociada al movimiento, al
encuadramiento, a la repeticin y al calor.

Curso - Taller de Diseo Grfico a distancia

NUEVA ESCUELA DE DISEO Y COMUNICACIN

La forma circular produce un movimiento de rotacin evidente, posee un gran valor simblico,
especialmente su centro, y tiene connotaciones psicolgicas como proteccin, inestabilidad,
totalidad, movimiento contnuo o infinitud. Es tpico representar tambin los espacios cerrados,
hermticos, con circunferencias o crculos.

Contornos derivados de la circunferencia son el valo y el

ovoide, con cualidades parecidas a las de sta, pero que
expresan an ms inestabilidad y dinamismo, aunque el
movimiento perfecto sea una cualidad propia de la
circunferencia.
La proyeccin tridimensional de la circunferencia es la
esfera, el cuerpo geomtrico ms perfecto, el que contiene un mayor volumen en un menor
espacio, el que define la forma tanto de los tomos como de los cuerpos celestes.
La circunferencia y el crculo son tal vez los elementos geomtricos ms perfectos y estables,
aunque cargados de una gran carga dinmica.
Este efecto negativo se puede paliar incluyendo dentro de la imagen la forma circular y los dems
objetos que le rodean en la composicin y que se encuentran dentro de los lmites del rectngulo
que define la imagen, pero entonces esos elementos sern estticos, fijos, sin posibilidad de ser
modificados si no es cambiando todo el contenido de la imagen.
Formas ms sutiles y efectivas de incluir curvas en una pgina pueden ser recortando imgenes en
forma de valo o crculo, e incluso simulando caminos curvos mediante elementos textuales o
grficos dispuestos en sucesin.

Contornos mixtos
Mediante combinaciones de los elementos bsicos y contornos anteriores se pueden construir
todas las formas imaginables, cada una de las cuales tendr unas propiedades dependientes de las
partes que la forman, de su orientacin, de su tamao, de espesor del trazo lmite, de su color y de
su ubicacin.

Hay que tener en cuenta, en cualquier caso, que el

predominio de la referencia horizontal-vertical da una
sensacin de equilibrio, mientras que el dominio de la
direccin diagonal aporta inestabilidad.

Curso - Taller de Diseo Grfico a distancia

NUEVA ESCUELA DE DISEO Y COMUNICACIN

Los contornos mixtos son muy usados, a las que aportan variedad en el diseo y definicin de
espacios de informacin, rompiendo la monotona visual de las formas rectangulares puras.
El nico inconveniente es que las lneas curvas se deben implementar mediante imgenes,
generalmente en formato GIF, que se pueden incluir como secciones curvas en las celdas extremas
de una tabla o como imgenes completas en una capa, sobre la que se sita otra capa con el texto.
Contornos orgnicos

Los contornos orgnicos son aquellos formados por curvas

libres.
Son los contornos ms abundantes en la naturaleza, y sugieren
fluidez, desarrollo, humanidad, inspirando sensaciones
favorables en el espectador.
Los contornos orgnicos son utilizados abundantemente en pintura y dibujo artstico, ya que son la
base para representar figuras humanas, bodegones, paisajes, etc.

Curso - Taller de Diseo Grfico a distancia

NUEVA ESCUELA DE DISEO Y COMUNICACIN

10