DIAGRAMACION BASICA

Elementos del Diseo

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

Elementos Conceptuales
Punto

Elementos Conceptuales
lnea recta

Lnea
lnea curva lnea ondulada

lnea quebrada

lnea mixta

lnea valorizada

Elementos Conceptuales
Plano

Elementos Conceptuales

Volumen/Dimensin

Elementos Visuales
Forma/Contorno
- Geomtricas/inorgnicas

- Icnicas/orgnicas

Elementos Visuales
Medida/Tamao/Proporcin/Escala

Elementos Visuales
Color
Matiz

Dimensiones
Saturacin

Valor

Elementos Visuales
Color (conceptos/teoras)
Contraste simultneo

Leyes de percepcin y contraste de Chevreul Orden y organizacin

Elementos Visuales
Color
Pregnancia cromtica
Colores Complementarios

Colores Adyacentes

Colores Equidistantes

LEYES DE CHEVREUL
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.

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.

9) Si un color brillante se usa contra uno apagado el contraste ser ms fuerte si ste ltimo es complementario.
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. 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 octaedro y el doble tetraedro de los colores de Hfler.

El cuerpo de colores de Wilhelm Ostwald.

EL cubo de los mil colores de Hickethier.

EL SISTEMA DE ALBERT MNSELL

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.

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.

Elementos Visuales
Valor

Luces reflejadas Zona de alta luz. Zona de tonos medios.

Fondo.

Sombra reflejada Sombra propia. Sombra proyectada.

Elementos Visuales
Textura (tctil/visual)

Elementos de Relacin
Direccin

Elementos de Relacin
Posicin

Elementos de Relacin
Espacio/Distancia

Elementos de Relacin
Gravedad/movimiento/cintica

Elementos prcticos
Representacin

Elementos prcticos
Significado

Elementos prcticos
Funcin

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

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

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: 5 8 = 3 5

Seccin urea
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

5,5

3,5

9 x 0,618

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

VARIEDAD EN LA UNIDAD

ANOMALA

VARIEDAD EN LA UNIDAD

RITMO

VARIEDAD EN LA UNIDAD

ANOMALA

VARIEDAD EN LA UNIDAD

ANOMALA

VARIEDAD EN LA UNIDAD

ANOMALA

VARIEDAD EN LA UNIDAD

ANOMALA

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

CENTRO DE INTERES

POR CONTRASTE/textura

CENTRO DE INTERES

POR CONTRASTE/forma

CENTRO DE INTERES

POR CONTRASTE/valor/posici

CENTRO DE INTERES

POR CONTRASTE/valor

CENTRO DE INTERES

POR CONTRASTE/valor

CENTRO DE INTERES

LO CONCNTRICO

CENTRO DE INTERES

LO

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
Los planos es la seleccin de la imagen visualizada que se desea exponer en un espacio determinado, es caracterstico del cine y la fotografa. Es una forma de comunicar la intensin y concentracin de la totalidad que se desea enfatizar en el lector-perceptor.

Planos
Plano General

Planos
Plano americano

Planos
Plano medio

Planos
Primer plano

Planos
Plano detalle (primersimo primer plano)

FIN

EJEMPLOS