Fundamentos del diseo

Wucius Wong

INTRODUCCIN

Qu es el diseo?
El diseo es un proceso de creacin visual
con un propsito.
A diferencia de la pintura y de la escultura, que son la realizacin de
las visiones personales y los sueos de un artista,

el diseo cubre exigencias prcticas

El lenguaje visual
Es la base de la creacin del diseo
Comprender el lenguaje visual aumentar en el
diseador su capacidad para la
organizacin visual

El Diseador es una persona que

resuelve problemas
z

Debe encontrar las soluciones apropiadas.

Se puede trabajar de manera intuitiva, pero

explorando e investigando todas las
situaciones visuales posibles, se llegar a
una solucin profesional

Elementos de diseo
z

Se distinguen cuatro grupos de elementos:

a) Elementos conceptuales.
b) Elementos visuales.
c) Elementos de relacin.
d) Elementos prcticos.

Elementos conceptuales

a) Punto. Un punto indica posicin. No tiene largo ni ancho.

No ocupa una zona del espacio.
b) Lnea. Cuando un punto se mueve, su re-corrido se
transforma en una lnea.
c) Plano. El recorrido de una lnea en movi-miento) se
convierte en un plano.
d) Volumen. El recorrido de un plano en movimiento se
convierte en un volumen.

Elementos visuales

a) Forma
b) Medida
c) Color
d) Textura

Elementos de relacin
a) Direccin
b) Posicin
c) Espacio
d) Gravedad

Elementos prcticos
a) Representacin. Cuando una forma ha sido
derivada de la naturaleza, o del mundo hecho por el
ser humano, es representativa. La representacin
puede ser realista, estilizada o semiabstracta.
b) Significado. El significado se hace presente cuando
el diseo transporta un mensaje.
c) Funcin. La funcin se hace presente cuando un
diseo debe servir un determinado pro-psito.

El marco de referencia
El marco es el lmite exterior de un diseo

Si no existe un marco real, los bordes de un cartel, o

las pginas de una revista o las diversas superficies
de un paquete se convierten en referencias al marco
para los diseos respectivos.

El plano de la imagen
z

El plano de la imagen es en realidad la

superficie plana del papel (o de otro material)
en el que el diseo ha sido creado.

Forma y estructura

La manera en que una forma es creada u

organizada junto a otras formas, est
gobernada por lo que denominamos
estructura

Forma
La forma y los elementos conceptuales
El punto, la lnea o el plano, cuando son
visibles, se convierten en forma.
Un punto sobre el papel, por pequeo que sea, debe
tener una figura, un tamao, un color y una textura si
se quiere que sea visto.

La forma como punto

z

Caractersticas principales del punto:

a) su tamao debe ser comparativamente pequeo
b) su forma debe ser simple.

La forma como lnea

a) Su ancho es extremadamente estrecho;
b) Su longitud es prominente.
Tres aspectos :
La forma total. Recta, curva, quebrada, irregular o trazada a mano
El cuerpo. Afilado, nudoso, vacilante o irregular
Las extremidades. Pueden ser cuadrados, redondos, puntiagudos o
ci cualquier otra forma simple

La forma como plano

z

a) Geomtricas

b) Orgnicas

c) Rectilneas

d) Irregulares

e) Manuscritas

f) Accidentales

Formas positivas y negativas

z

Cuando se la percibe como ocupante de un

espacio, la llamamos forma positiva. Cuando se
a percibe como un espacio en blanco, rodeado por
un espacio ocupado, la llamamos forma negativa

La forma es la figura, que est sobre un fondo

La forma y la distribucin del color

a) Forma blanca sobre fondo blanco
b) Forma blanca sobre fondo negro
c) Forma negra sobre fondo blanco
d) Forma negra sobre fondo negro

Mayor complejidad del diseo

Aumentan las posibilidades para la distribucin del color.

Interrelacin de formas
a) Distanciamiento
b) Toque
c) Superposicin
d) Penetracin
e) Unin
f) Sustraccin
g) Interseccin
h) Coincidencia

REPETICION
z
z
z

Mdulos: Cantidad de formas

similares. Unifican el diseo
Repeticin de mdulos: El
mtodo ms simple.
Tipos de repeticin:

De figura
De tamao
De color
De Textura
De Direccin
De posicin
De espacio
De gravedad

REPETICION
Variaciones direccionales
1.

Direcciones repetidas

2.

Direcciones indefinidas

3.

Direcciones alternadas

4.

Direcciones en gradacin

5.

Direcciones similares

REPETICION
z

Submdulos: Varios
mdulos en
repeticin que
forman un mdulo
mayor.

Supermdulo:
Mdulos agrupados
que se convierten en
una forma mayor.

REPETICION

Disposicin lineal

Disposicin cuadrada

Disposicin en rombo

Disposicin triangular

Disposicin circular

REPETICION

REPETICION

REPETICION

REPETICION

REPETICION

ESTRUCTURA

z
z
z

Estructura invisible
Estructura visible
Estructura de repeticin

ESTRUCTURA
z

Retcula bsica

Variaciones:
z
z
z
z
z
z
z
z
z

De proporcin
De direccin
Deslizamiento
Curvatura
Reflexin
Combinacin
Divisiones
Retcula triangular
Retcula hexagonal

SIMILITUD
Asociacin
Imperfeccin
Distorsin
Unin
Sustraccin
Tensin
Compresin

Similitud de figuras

SIMILITUD

SIMILITUD

SIMILITUD

GRADACION
z

Cambio gradual de manera ordenada:

Gradacin de mdulos
Gradacin espacial
Gradacin en la figura

GRADACION

GRADACION

GRADACION

GRADACION

RADIACION
Los mdulos se repiten girando
regularmente alrededor de un centro
ESTRUCTURA DE LA RADIACION
Centro de radiacin
Direcciones de la radiacin

RADIACION

Los mdulos
Irradian desde
el centro

Estructura centrfuga

RADIACION
Estructura concntrica

Los mdulos rodean al centro en capas regulares

RADIACION
Estructura centrpeta

Los mdulos se dirigen hacia el centro

ANOMALIA
Es la aparicin de una irregularidad en un diseo regular

z
z

Anomala en las estructuras

Anomala en los mdulos

ANOMALIA

CONTRASTE | De elementos visuales

Contraste de figura
Contraste de tamao
Contraste de color
Contraste de textura
Contraste de direccin
Contraste de posicin
Contraste de espacio
Contraste de gravedad

CONTRASTE | La estructura

Direccin

Posicin

Espacio

Gravedad

CONCENTRACION
Distribucin de
mdulos
concentrados hacia
ciertos sectores de
la imagen

TEXTURA
Cmo obtenemos una textura visual?

Dibujo
Impresin
Manchado
Fotografa
Collage

TEXTURA

TEXTURA

TEXTURA

TEXTURA

TEXTURA

TEXTURA

TEXTURA

VOCABULARIO TCNICO PARA DISEO

z

RADIACION: giro de formas unitarias alrededor de un centro comn para obtener un efecto radiante.

RECORRIDO CERRADO: recorrido que hace un cierre completo sin que se vean puntos extremos

RECORRIDO: lnea de unin recta o curva entre puntos.

RELLENO: color, dibuj, textura que ocupa el interior de una figura cuyo contorno est delimitado por un recorrido cerrado.

REPETICION: uso constante de la misma forma. La repeticin puede estar restringida a la figura o a cualquier elemento especfico con variaciones en otros
elementos (figura, tamao, color, textura)

RETICULA: lneas verticales y horizontales espaciadas regularmente para colocar formas de una composicin.

SUBDIVISION ESTRUCTURAL: clula espacial bi-dimensional formada por lneas estructurales en una estructura.

UNION: ubicacin de formas en que una tapa en parte la otra.

SEMEJANZA: relacin entre formas que se parecen entre s por su figura. Pueden varan entre s en figura, tamao, color o textura.

SIMETRIA: figura o forma con su imagen refleja en disposicin bilateral.

SUSTRACCION: Solape de forma negativa sobre otra forma eliminando la porcin de la otra forma y exponiendo el fondo positivo.

TAMAO: Dimensin de una forma.

TEMA: Contenido reconocible en una forma figurativa.

TRASLACION: cambio de posicin de una figura sin cambiar su direccin.

VOLUMEN: espacio tridimensional delimitado por planos.

FONDO: espacio vaco detrs de las formas positivas en un diseo bi-dimensional.

GIRO: cambio de direccin de una forma.

GRADACION: cambio gradual en una serie de formas unitarias en una secuencia ordenada.

GRAVEDAD: pesadez o ligereza de una forma que produce los efectos de inestabilidad y movimiento o estabilidad y equilibrio.

GROSOR: atributo de una lnea para establecer su anchura.

INTERSECCION: situacin de solape donde solo es visible el rea solapada.

LINEAS ESTRUCTURALES: lneas invisibles que sirve para la construccin de una composicin mediante la ordenacin de las formas dentro de ellas.