UNIVERSIDAD NACIONAL AUTÓNOMA DE MÉXICO (UNAM)FACULTAD DE ESTUDIOS SUPERIORES CUAUTITLÁN (FESC)

LICENCIATURA EN DISEÑO Y COMUNICACIÓN VISUAL (DCV)

DISEÑO I

Adrián R. Vásquez Avendaño

24/MARZO/2014

CONCEPTOS DE LA GRAMÁTICA VISUAL

RELACIÓN

FIGURA FONDO

DEFINICIÓN: En la percepción se tiende a aislar uno o más objetos (figuras) del campo

perceptual (fondo). La relación figura-fondo consiste en percibir una figura de forma o pautas

bien definidas, que se distingue del fondo indeterminado y amorfo.

CONCEPTO: Fue el psicólogo danés Edgar

Rubin uno de los que comenzó a estudiar el

fenómeno con su famosa "copa de Rubin“.

Cuando vemos una imagen nuestro cerebro intenta

organizar lo que vemos en base a figura y fondo,

Hay una tendencia innata en nuestra manera de

percibir a establecer un orden en lo que se nos

presenta como un caos. Forzosamente colocamos

las formas y figuras sobre un fondo.

De esta manera lo

que obtenemos - son

meras figuras planas

- la primera noción

de espacio

tridimensional: un 1º

plano, la figura,

cercana al

espectador; y un 2º

plano, el fondo, más

alejado.Relación figura-fondo. Imagen descargada de:

http://www.impawards.com/2007/posters/premonition_xlg.jpg

¿Qué es lo que nos hace determinar cual forma es

figura y cual forma es fondo?

• Suele ser elegida como figura la parte que es más pequeña.

• También influye la concavidad y convexidad. La imagen que suele distinguirse como fondo es la convexa (la que "termina en ángulo") independientemente de su color

Influye la orientación de cada

parte de la figura, de forma que

normalmente nuestro cerebro

elige como figura la que tiene

una orientación próxima bien a la

horizontal o bien a la vertical.

Esta obra de Escher nos presenta otra utilización del concepto fondo-figura, que de forma tan

característica está en la obra de este artista. Si percibimos las formas negras como figura las

formas claras se alejan como fondo; si alteramos la interpretación perceptiva, fijándonos en

las figuras claras, las formas oscuras pasan a ser fondo, con todo lo que ello implica.

RELACIÓN POSITIVO-NEGATIVO

DEFINICIÓN: “Por regla general a la forma que se ve como ocupante de un

espacio, pero también puede ser vista como un espacio rodeado de un espacio

ocupado. Cuando se percibe como ocupante de un espacio en blanco, rodeado de

un espacio ocupado la llamamos „negativa‟. En el diseño en blanco y negro,

tendemos a considerar al negro como ocupado, y al blanco como vació, Así, una

forma negra es reconocida como positiva y una forma blanca como negativa. Pero

tales formas no corresponden siempre a la realidad. Especialmente cuando las

formas penetran o interfieren entre sí.” Wucius Wong

Identidad de Marca - South Pole. Imagen

descargada de:

http://lamejorropaderaperos.galeon.com/south

pole.htm

CONCEPTO: La relación figura fondo es ambivalente, en ciertos momentos

encontramos formas positivas y espacios negativos, en otros encontramos formas

negativas y espacios positivos.

Identidad de marca, Sony Ericsson. Imagen descargada de:

http://img.talkandroid.com/uploads/2011/07/sony-ericsson-logo.jpg

DEFINICIÓN: La palabra trama tiene su origen en un vocablo latino que hace

referencia al grupo de hilos que, combinados y enlazados entre sí, consigue

darle forma a una tela.

TRAMA

Imagen descargada de:

http://www.tecnoedu.com/Microscopios/MuestraC

aligrafica.php

La palabra también

designa al tipo de seda

que, por sus

características, resulta útil

para entramar.

CONCEPTO: Uno de los recursos básicos del diseño es la trama, y en este

proyecto arquitectónico, es un muy buen ejemplo de lo que puede lograrse

con esta herramienta.

Detalle de trama. Imagen descargada de:

http://arquitecturamodelo.blogspot.mx/2009_10_01_

archive.html

Trama aplicado en el diseño arquitectónico. Imagen descargada de:

http://arquitecturamodelo.blogspot.mx/2009_10_01_archive.html

Usando una trama triangular a manera de piel sobrepuesta sobre un

inmenso rectángulo, y jugando con las aberturas en la trama, logran un

diseño que aparte de ser plásticamente muy interesante, les posibilita

controlar la comunicación con el exterior, el ingreso de la luz e incluso la

temperatura interna en algunas áreas del proyecto.

GRADIENTE

DEFINICIÓN: Equivale a la transición que se da entre el

blanco y el negro, escala de grises; de un color a otro o

de una figura a otra. El intervalo entre una transición y

otra tiene que darse de manera imperceptible para que

se vea una forma continua.

Gradación de tamaño. Imagen tomada de:

http://graficaeditorial2011.wikispaces.com/Aporte+

2+Jeannette

CONCEPTO: Gradiente se usa también como sinónimo de

"degradado": la transición suave y sin saltos de un color a otro.

Por ejemplo, de rojo a verde, de blanco a negro, de azul a

morado.

Implica un decremento

o incremento de una

cualidad específica de

un elemento de forma

progresiva.

Gradación de colores, Diseño arquitectónico. Imagen descargada

de: http://estrellavillatoro.com/tag/cediten/

AGRUPAMIENTO

Ley de agrupamiento:

Se refiere al comportamiento de las

partes con relación al todo según los

principios de proximidad y

semejanza.

Según estos factores, las unidades

próximas entre sí, se agrupan en

conjuntos mayores que las

contienen, espontáneamente.

Este factor cede ante el de similitud o

semejanza ya que entre ambos

factores simultáneos predomina el de

semejanza. Ambos factores

responden al principio de

simplicidad, agrupando las unidades

de la manera más simple posible, por

similitud de ubicación (proximidad) o

de forma, tamaño, color, etc.

(semejanza).

Imagen descargada de:

http://www.scielo.org.ar/img/revistas/cfhycs/n36/a11f7.jpg

TENSIÓN

La tensión es la aparente

inestabilidad visual de ciertos

elementos en nuestro entorno, de

los cuales el mas conocido es el

círculo, al que inconscientemente

uno le da un eje vertical y otro

horizontal que forman la

sensación de estabilidad, pues la

falta de equilibrio y regularidad es

un factor desorientador tanto

para el emisor como para el

receptor de la información visual.

Ejemplo: Los vértices de la base del

triángulo están a distinto nivel, se hace

más inestable la imagen. Eso crea

tensión, desequilibrio.Carátula Interior Frontal de A Different Kind Of Tension – Buzzcocks. Imagen

descargada de: http://www.coveralia.com/caratulas/Buzzcocks-A-Different-Kind-Of-

Tension-Interior-Frontal.php

MOVIMIENTO

Principio de diseño usado para crear la apariencia y

sensación de acción y guiar la vista del espectador a

través del trabajo.

Imagen descargada de: http://3.bp.blogspot.com/-

piNoZo6B9gw/UJCf0ZTB68I/AAAAAAAAADs/w6W

kT453xic/s1600/checkpoint1_thumb.jpg

Ejemplo: Las formas

regulares y repetitivas

de esta composición

arquitectónica, crea la

sensación de

movimiento.

RITMO

Está muy relacionado con el

movimiento, el ritmo es

creado mediante el

cuidadoso acomodo de

elementos que se repiten

en el trabajo de manera que

formen un “latido” o tempo

visual.

Ejemplo: Las ventanas son un

patrón que aparecen de forma

rítmica siguiendo una estructura

en esta composición

arquitectónica.

Fotografía romántica, Joaquín Corbalán. Imagen descargada de:

http://www.joaquincorbalan.com/blog/curso-de-fotografia-composicion-3/

EQUILIBRIO

Es la disposición de los objetos en un diseño en lo que se refiere a

su peso visual dentro de una composición. El balance, en

general, se presenta en dos formas:

Equilibrio simétrico:

El equilibrio simétrico

ocurre cuando el peso

de una composición se

distribuye uniformemente

en torno a un eje central

vertical u horizontal.

Carátula, CD Jaguares. Imagen descargada de:

http://images.coveralia.com/audio/j/Jaguares-El_Equilibrio_De_Los_Jaguares-

Trasera.jpg

Equilibrio asimétrico: El

equilibrio asimétrico

ocurre cuando el peso

de una composición no

está distribuida

uniformemente en torno

a un eje central. A

menudo hay una forma

dominante, que se

compensa con muchas

formas pequeñas.

Imagen descargada de:

http://activos.publidisa.com/portadas/max/PORTADA-LIBRO-

SPB0246906-MAX.jpg

BIBLIOGRAFÍA

http://www.aloj.us.es/galba/DIGITAL/CUATRIMESTRE_II/IMAGEN-PAGINA/1codigos1.htm

http://www.ideocentro.com/recursos.php?id=28&estudio_diseno_web_ideocentro=Morfologia

http://personal.us.es/jcordero/PERSPECTIVA/02continuidad.htm

http://www.tupsico.com/glosario/relacion-figura-fondo

http://carmengp1995.blogspot.mx/2012_11_01_archive.html

http://anibaldesigns.com/2009/09/07/positivo-negativo/

http://deconceptos.com/ciencias-sociales/trama

http://arquitecturamodelo.blogspot.mx/2009_10_01_archive.html

http://diseobasico.blogspot.mx/2010/03/gradacion.html

http://graficaeditorial2011.wikispaces.com/Aporte+2+Jeannette