Download - Gramática visual

Transcript
Page 1: Gramática visual

DISEÑO IUNIDAD 3: AA4.

Alumna: Dulce Jeanett Pérez Bautista

Asesora: Leticia Salgado Ávila.

Page 2: Gramática visual

Figura - fondo

Nuestra percepción distingue figuras sobre fondos; la figura es la más fácil de percibir y el fondo es todo lo que esta detrás de la figura.

Hay composiciones donde es difícil distinguir uno del otro, a este tipo de composiciones se les llama ambiguas o reversibles.

Composición normal Composición ambigua

Page 3: Gramática visual

Positivo - negativo

La figura – fondo esta relacionada con lo positivo – negativo. En el diseño; el negro es positivo (ocupado) y el blanco es

negativo (vacío). El ojo humano percibe esta diferencia.

a. Fondo negativo – figura positiva.b. Fondo positivo – figura negativa.

Page 4: Gramática visual

Trama

Significado: urdimbre de hilos.

En artes gráficas y diseño; son las composiciones de puntos y líneas ordenadas en diferentes direcciones, que le dan efecto a las imágenes y en ocasiones; crean la ilusión de volumen o textura.

La trama se mide por su densidad.

Page 5: Gramática visual

Gradiente Es la transición de blanco a negro (escala de grises) o de cualquier

color a otro, pero de forma continua y suave para que sea imperceptible el cambio.

Es un sinónimo de degradado.

Gradiente Colores que lo componen Otros degradados

Page 6: Gramática visual

Agrupamiento Se obtiene a partir de la concentración aleatoria o espontánea de

puntos desiguales que son percibidas como figuras.

Page 7: Gramática visual

Tensión

Es la aparente inestabilidad visual de ciertos elementos de nuestro entorno.

Es la fuerza que atrae la atención del espectador a “cierto lugar” de la imagen.

Opuesta al equilibrio y a la simetría.

Page 8: Gramática visual

Movimiento Es una ilusión en la imagen puesto que no se pueden mover

realmente las figuras que la conforman. Le dan un sentido dinámico a los diseños. Opuesto a lo estático. El cine es una secuencia de fotogramas fijos en movimiento.

Page 9: Gramática visual

Dirección

Están relacionadas con el agrupamiento, la tensión y el movimiento.

Las líneas y las figuras se definen por su dirección.

Dirección es el sentido; hacia donde se dirigen las formas.

El movimiento de las figuras depende del marco que las contiene y de las formas cercanas.

Page 10: Gramática visual

Equilibrio

Se relaciona con el peso ilusorio de las figuras, una composición esta equilibrada si los “pesos” de las figuras se compensan entre sí.

Genera simetría y armonía; produce algo bello.

Composiciones con equilibrio Composiciones sin equilibrio

Page 11: Gramática visual

Simetría

Es el orden al cortar un plano por cualquiera de sus ejes (vertical, horizontal, radial o diagonal). Si las secciones resultantes son iguales en posición, proporción y área; se dice que la composición es simétrica.

TIPOS DE SIMETRIA

EspejoEs la más común de todas. Al dividir en 2 una composición; se obtienen exactamente las mismas figuras.

Page 12: Gramática visual

SimetríaRadial

Irradia de un punto.

TraslaciónFiguras iguales deslizándose constantemente sobre un eje.

Page 13: Gramática visual

Ritmo Es la variación de las formas

para evitar la monotonía en la composición, ya sea de varias figuras o de la misma.

Provoca atracción y esta relacionado con el movimiento.

Page 14: Gramática visual

FUENTES: IDEOCENTRO Morfología [en línea]. Argentina. [Consultado: 24 de marzo de

2015]. Dirección electrónica:<http://www.ideocentro.com/recursos.php?id=28&estudio_diseno_web_ideocentro=Morfologia>

MI MENTE. Positivo y negativo [en línea]. 2013. [Consultado: 24 de marzo de 2015]. Dirección electrónica: <http://mimente.com.mx/blog/positivo-y-negativo/>

LOBATO VALDESPINO JUAN. Slideshare. Elementos de diseño [en línea]. 2008. México. [Consultado: 24 de marzo de 2015]. Dirección electrónica: <http://es.slideshare.net/contactofaum/elementos-de-diseo>

FOTONOSTRA. El equilibrio en una composición [en línea]. 2011. [Consultado: 25 de marzo de 2015]. Dirección electrónica: <http://www.fotonostra.com/grafico/equilibrio.htm>