DIAGRAMACION BASICA

Elementos del Diseo

Se distinguen cuatro grupos de elementos:
Elementos Conceptuales
Elementos Visuales
Elementos de Relacin
Elementos Prcticos

Elementos Conceptuales
Punto
Lnea
lnea recta
lnea curva
lnea ondulada
lnea quebrada
lnea mixta
lnea valorizada
Elementos Conceptuales
Plano
Elementos Conceptuales
Volumen/Dimensin
Elementos Conceptuales
Forma/Contorno
- Geomtricas/inorgnicas
- Icnicas/orgnicas
Elementos Visuales
Medida/Tamao/Proporcin/Escala
Elementos Visuales
Color

Elementos Visuales
Matiz
Valor
Saturacin
Dimensiones
Color (conceptos/teoras)


Elementos Visuales
Contraste simultneo
Leyes de percepcin y contraste de Chevreul
Orden y organizacin
Color


Elementos Visuales
Colores Complementarios
Pregnancia cromtica
Colores Adyacentes
Colores Equidistantes
Las leyes de Chevreul describen el contraste simultaneo del color y son las
siguientes:
1) Si dos colores complementarios estn uno al lado del otro, cada
uno se ve ms intenso que por si solo.
2) Todos los colores claros parecern ms llamativos sobre negro.
3) Todos los colores oscuros parecern ms llamativos sobre blanco.
4) Colores oscuros sobre colores claros se ven ms oscuros que sobre
colores oscuros.
5) Colores claros sobre colores oscuros se ven ms claros que sobre
colores claros.
6) Matices oscuros sobre fondo oscuro que no es complementario
parecern ms dbiles que sobre un fondo complementario.
LEYES DE CHEVREUL
10) Colores claros sobre fondo blanco que no es complementario
pueden reforzarse en gran medida si se rodean de estrechas cintas de
color negro o colores complementarios.
9) Si un color brillante se usa contra uno apagado el contraste ser
ms fuerte si ste ltimo es complementario.
7) Matices claros sobre fondo claro que no es complementario
parecern ms dbiles que sobre un fondo complementario.
8) Un color brillante contra uno apagado del mismo matiz apagar
an ms el color apagado.
11) Colores oscuros sobre fondo oscuro que no es complementario
pueden reforzarse en gran medida si se rodean de estrechas cintas
de color blanco o colores claros.
12) Los colores de iluminacin y saturacin media tendern a
visualizarse ms oscuros sobre fondos oscuros y ms claros sobre
fondos claros (Efecto camalen)
ORGANIZACIN DEL COLOR
Los esfuerzos para organizar, describir y formalizar el color son antiguos. La
manera encontrada a sido en 2D y 3D, y se visualizan a travs de cuerpos
geomtricos.
Tabla de los colores confeccionada por
Athanasius Kircher
Tringulo de Tobias Mayer, de dos
dimensiones
La pirmide de los colores de Lambert
La esfera de colores de Philipp Otto Runge.
El cuerpo de colores de Chevreul.
Cubo de los colores de Charpentier.
El cuerpo de colores de Wilhelm Ostwald.
EL cubo de los mil colores de Hickethier.
El octaedro y el doble tetraedro de los
colores de Hfler.
Si continuamos explorando el
estudio del color nos encontramos en
1950 con el Profesor Albert Mnsell
quien desarroll un sistema, mediante
el cual ubica en forma precisa a los
colores en un espacio tridimensional.
El color puede definirse por tres
propiedades: tono (hue), saturacin y
luminosidad o brillo (lightness).


Mnsell denomin al rojo, amarillo, verde, azul y prpura como matices
principales y los ubic en intervalos equidistantes conformando el crculo
cromtico. Luego insert cinco matices intermedios: amarillo - rojo, verde -
amarillo, azul - verde, prpura azul y rojo prpura.

EL SISTEMA DE ALBERT MNSELL
Los sistemas de ordenacin del
color, como el sistema Munsell, utilizan las
tres propiedades del color para identificar
colores aislados. Note que los colores se
distribuyen en tres dimensiones.

Normalmente vemos los colores
agrupados en dos dimensiones. sta es una
representacin muy til, pero incompleta.
Los colores ocupan normalmente
un espacio tridimensional.
La luminosidad es la tercera dimensin,
pero no suele mostrarse en las ruedas
que frecuentemente se utilizan en el
software de edicin grfica.


Valor
Elementos Visuales
Fondo.
Sombra propia.
Sombra proyectada.
Sombra reflejada
Zona de alta luz.
Zona de tonos medios.
Luces reflejadas
Textura (tctil/visual)
Elementos Visuales
Direccin
Elementos de Relacin
Posicin
Elementos de Relacin
Espacio/Distancia
Elementos de Relacin
Gravedad/movimiento/cintica
Elementos de Relacin
Representacin
Elementos prcticos
Significado
Elementos prcticos
Funcin
Elementos prcticos
Diagramacin /Composicin
La composicin en el diseo:
La composicin o diagramacin de un
diseo es adecuar distintos elementos
grficos dentro de un espacio visual, que
previamente se ha seleccionado, para
combinar de tal forma que todos ellos
sean capaces de poder aportar un
significado para transmitir un mensaje
claro a los receptores del mensaje.
Elementos de la diagramacin
Analgicas:
Fotografas: completa, recortadas, a corte o a
caja
Ilustraciones: convencionales y con tratamientos,
infografas, caricaturas, etc.
Grficos, esquemas, organigramas.
Grafismos en general-

Digitales:
Tipografas en familias completas (altas, bajas,
nmeros, smbolos).



Tipos de diagramacin
Libre: Composicin donde se distribuyen
libremente en un plano de imagen los
elementos.
Con grilla: Composicin donde la
distribucin de los elementos esta
normada por una organizacin reticular
fijada de antemano.
Mixta: diagramacin que combina ambas
formas en el plano de imagen.
Condicionantes de la diagramacin
Unidad ---------------- orden

Variedad --------------------- dinamismo


Unidad en la variedad
Variedad en la unidad

Conceptos

- Simetra y equilibrios.
- Pesos Visuales/Tensin visual
- Circuito visual
- Lneas perceptuales
- Seccin urea


Posicin-Direccin-Distancia
=Tensin Visual

Posicin-Direccin-Distancia
=Tensin Visual
Posicin-Direccin-Distancia
=Tensin Visual

Posicin-Direccin-Distancia
=Tensin Visual



Posicin-Direccin-Distancia
=Tensin Visual

Pesos visuales = Percepcin de equilibrio
Pesos visuales = Percepcin de equilibrio
Simetra rgida/equilibrio axial
Pesos visuales = Percepcin de equilibrio
Simetra rgida/equilibrio axial
Pesos visuales = Percepcin de equilibrio
Axial/radial
Pesos visuales = Percepcin de equilibrio
Asimetra/ aguzamiento
Pesos visuales = Percepcin de equilibrio
Asimetra/ aguzamiento
Pesos visuales = Percepcin de equilibrio
Equilibrio oculto
Pesos visuales = Percepcin de equilibrio
Equilibrio oculto
Pesos visuales = Percepcin de equilibrio
Pesos visuales = Percepcin de equilibrio
Equilibrio oculto
Circuito Visual/Percepcin de Recorrido
Circuito Visual/Percepcin de recorrido
Circuito Visual/Percepcin de
recorrido
Circuito Visual/Percepcin de recorrido
Circuito Visual/Percepcin de recorrido
Lneas Perceptuales/Lmites de espacio
Lneas Perceptuales/Lmites de espacio
Lneas Perceptuales/Lmites de espacio
Seccin urea
Seccin urea

Seccin urea
Para que un espacio dividido en partes desiguales resulte agradable y
esttico, deber haber entre la parte ms pequea y la mayor la misma
relacin que entre esta mayor y el todo

Tratemos ahora de comprenderla de manera numrica:

He aqu un segmento de longitud total de 8 cms.
Si dividimos ahora este espacio en dos partes desiguales que sean
precisamente 3 y 5 cms., veremos que, de acuerdo con la norma de Vitruvio,
entre la parte ms pequea (3) y la mayor (5) existe la misma relacin
proporcional de medidas que entre sta mayor (5) y el todo o longitud total (8),
porque, efectivamente:
8
5
5
3
=
Seccin urea
9 x 0,618 5,5 3,5
La expresin numrica de la seccin dorada, es entonces, igual a 1,618.
(dividiendo 8 entre 5 por un lado y 5 entre 3 por otro, se obtiene el mismo
resultado: 1,6. )

Cuando se quiera hallar dentro de un espacio disponible cuyo
emplazamiento responda a la seccin dorada multipliicar el factor 0,618
por la longitud total de dicho espacio.
Ejemplo:
Un rectngulo cuya anchura mide 9 centmetros, multilicado por
0,618 obtenemos 5, 562 que en cifras redondeadas ser de 5,5 cms.,
luego la divisin de la distancia 9 ser igual a 5,5 ms 3,5 cms.
9
Seccin urea
Como se expresa
Seccin urea
Como se expresa
Estrategias

- Ritmo o secuencia visual
- Anomalas
- Centro de inters
- Contraste
- Dilatacin
- Radiacin
VARIEDAD EN LA
UNIDAD
VARIEDAD EN LA
UNIDAD
ANOMALA
VARIEDAD EN LA
UNIDAD
ANOMALA
VARIEDAD EN LA
UNIDAD
ANOMALA
VARIEDAD EN LA
UNIDAD
ANOMALA
VARIEDAD EN LA
UNIDAD
ANOMALA
VARIEDAD EN LA
UNIDAD
ANOMALA
VARIEDAD EN LA
UNIDAD
ANOMALA
VARIEDAD EN LA
UNIDAD
UNIDAD EN LA VARIEDAD
RITMO
RITMO
RITMO
RITMO
RITMO
CONTRASTE
CONTRASTE
CONTRASTE
CONTRASTE
CONTRASTE
DILATACIN
DILATACIN
DILATACIN
DILATACIN
DILATACIN
CENTRO
DE
INTERES
POR RADIACION
CENTRO
DE
INTERES
POR RADIACION
CENTRO
DE
INTERES
POR RADIACION
CENTRO
DE
INTERES
POR RADIACION/ PUNTO DE FUGA
CENTRO
DE
INTERES
CENTRO
DE
INTERES
POR RADIACION/PUNTO DE
FUGA
CENTRO
DE
INTERES
POR CONTRASTE/textura
CENTRO
DE
INTERES
POR CONTRASTE/forma
CENTRO
DE
INTERES
POR
CONTRASTE/valor/posici
n
CENTRO
DE
INTERES
POR CONTRASTE/valor
CENTRO
DE
INTERES
POR CONTRASTE/valor
CENTRO
DE
INTERES
LO CONCNTRICO
CENTRO
DE
INTERES
LO
CONCNTRICO/espiral
LO
CONCNTRICO/espiral
GRAVEDA
D
GRAVEDA
D
GRAVEDA
D
GRAVEDA
D
SIMETRIA
ISOMETRIA
HOMEOMETRIA
SINGENOMETRIA
CATAMETRIA
HETEROMETRIA
AMETRIA
ENCUADRES
ENCUADRE
El encuadre es el punto de vista o ngulo de visin,
elegido por el observador con respecto al objeto
observado, por lo tanto, de un mismo objeto se pueden
obtener distintos contornos.

Tipos de Encuadres
Los ms conocidos son:
Frontal
frontal
Perfil
espalda
Espalda
Planta
Picado
Contrapicado
Encuadres mixtos
Frontal
Frontal
Perfil
Espalda
Espalda
Picado
Contrapicado
Planta
Mixtos/otros
Planos
Plano
General
Planos
Plano
americano
Planos
Plano medio
Planos
Primer plano
Planos
Plano detalle
(primersimo
primer plano)