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.

z 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

z 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

z b) Orgnicas

z c) Rectilneas

z d) Irregulares

z e) Manuscritas

z 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

z 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 Mdulos: Cantidad de formas

similares. Unifican el diseo
z Repeticin de mdulos: El
mtodo ms simple.
z 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.

z 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 Estructura invisible
z Estructura visible
z Estructura de repeticin
ESTRUCTURA
z Retcula bsica

Variaciones:
z De proporcin
z De direccin
z Deslizamiento
z Curvatura
z Reflexin
z Combinacin
z Divisiones
z Retcula triangular
z Retcula hexagonal
SIMILITUD Similitud de figuras

Asociacin

Imperfeccin

Distorsin

Unin

Sustraccin

Tensin

Compresin
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
 Estructura centrfuga
RADIACION

Los mdulos
Irradian desde
el centro
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 Anomala en las estructuras

z 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

z Direccin

z Posicin

z Espacio

z 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.

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

z RECORRIDO: lnea de unin recta o curva entre puntos.

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

z 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)

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

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

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

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

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

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

z TAMAO: Dimensin de una forma.

z TEMA: Contenido reconocible en una forma figurativa.

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

z VOLUMEN: espacio tridimensional delimitado por planos.

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

z GIRO: cambio de direccin de una forma.

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

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

z GROSOR: atributo de una lnea para establecer su anchura.

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

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