Carbajal Magaña Lot Israel / DCV-Distancia / Grupo 9112 / Facultad de Estudios Superiores Cuautitlán / Universidad Nacional Autónoma de México

Diseño ILa organización

de la forma

Relación figura-fondo: A través de los elementos visuales que las componen, nuestra percepción distingue figuras por sobre fondos. Las primeras son aquellas formas que aparecen en primer plano y las segundas, todo el entorno que distinguimos por detrás.1

Figura es todo elemento que existe en un espacio o “campo”, destacándose en su relación con otros elementos. 2

Fondo es aquello que no es figura y es además la parte del campo que contiene elementos interrelacionados que sostienen a la figura y que por su contraste tienden desaparecer.2

Existen, sin embargo, composiciones en las que nuestra vista no termina de definir la figura del fondo, o lo hace de manera ambigua. Estás composiciones son llamadas reversibles.1

FIGURA-fondo

Nuestro ojo tiende a definir las formas blancas como “vacías” y las negras como “llenas”. Para definirlo de una manera más generalizada y correcta llamaremos Formas Positivas a las ocupantes de un espacio en la composición y como Formas Negativas a aquellas que ocupan un lugar vacío.1

Positivo-NEGATIVO

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

En las artes gráficas, las tramas son las pantallas compuestas con puntos y líneas para dar efectos a las imágenes; en diseño se aplican para crear la ilusión de volumen.4

TRAMA

Gradiente se usa 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. 5

GradiEnte

El agrupamiento se obtiene a partir de la concentración aleatoria de puntos.

Mientras que en las tramas los puntos están ordenados de manera lineal, concéntrica o cualquier otra figura o contorno geométrico; en el agrupamiento los puntos se disponen de manera espontánea. Estos pueden ser iguales, similares, próximos o lejanos entre sí y forman concentraciones que se perciben como figuras.5

AgrupaMiento

Se puede definir como una “fuerza” que atrae la vista del espectador hacia cierto “lugar” de una imagen. Lo que hay es siempre una desviación fuerte, de un estado de menor tensión en dirección de un aumento de ésta. Existen 2 tipos de Tensión 6:

TEnSión

La tensión relativa es una propiedad tan genuina de los objetos visuales como el tamaño, la forma y el color. El sistema nervioso del observador la genera al mismo tiempo que crea la experiencia de tamaño, forma y color a partir del estímulo de entrada. En las reacciones de los sujetos existe una tendencia a eliminar la distorsión, lo que equivale a reducir de alguna manera la tensión 6.

Tensión Absoluta. En un campo visual rectangular, un ejercicio sencillo de nivelación sería colocar un punto en el cetro geométrico en un mapa estructural. La situación del punto no ofrece sorpresa visual; es totalmente armónica. La colocación del punto en la esquina derecha provoca una tensión absoluta ya que el punto es excéntrico no solo respecto a la estructura vertical sino también respecto a la horizontal. Ni siquiera se ajusta a los componentes diagonales del mapa estructural 6.

• Propiedad muy importante, que aporta connotaciones de dinamismo y fuerza. En las obras gráficas puras no existe movimiento real, pero sí se encuentra implícito en ciertos elementos y se puede conseguir con ciertas técnicas que engañan al ojo humano (diseño cinético, pintura cinética) o representando elementos que sí lo tienen en el mundo real.7

MoviMiento

• La dirección tiene que ver con el agrupamiento, tensión y movimiento. La línea se define por su dirección, igualmente las figuras. La dirección que se recomienda en el conjunto es la que se dirige hacia el cuadrante superior derecho.4

DirecciÓN

• En una composición se puede conseguir el equilibrio a través del uso de líneas y formas. Todos los pesos deberán estar compensados para obtener el equilibrio ideal.8

• Como medición del peso de las formas y líneas que utilizamos en una composición, se observa la importancia que tienen los objetos dentro del diseño o creación que queremos representar, intentando equilibrar los elementos de mayor importancia con los de menor importancia, y los de mayor peso con los de menor.8

• Provee estabilidad visual a la composición. Es la compensación armónica de todas las tensiones visuales generadas por las formas de una composición. Veremos en los capítulos de percepción visual y composición como influyen determinadas formas sobre el campo visual.1

EquiLibrio

La simetría es la correspondencia de las formas a ambos lados de un eje transversal o diagonal, o alrededor de un centro. La asimetría genera vértigo visual y una búsqueda de equilibrio permanente. 1

SimeTría

Si las secciones cortadas son iguales en las dos par tes escindidas, en área, proporción y posición, se dice que poseen simetría axial. 4

La simetría de traslación las partes que son iguales, pero se desl izan por sobre un eje manera constante. 4

La simetría radial, como su nombre lo indica, irradia de un punto central. 4

• El movimiento deberá ser un movimiento rítmico que genere en la percepción viajes sobre el campo visual de tal forma que la vista se mueva siguiendo trayectorias rítmicas y se detenga para una fijación breve o prolongada allí donde algo retiene su atención y el interés. Al leer entramos en el canal de la línea y de la sucesión de líneas, los ojos pueden elegir su propio orden y velocidad en la lectura, en cada detención evaluamos lo que estamos mirando. Captamos el contenido ideativo y los significados formales entre los que figuran los movimientos y el ritmo.

• Un movimiento con ritmo nos indica si la línea tiende a elevarse o a descender, vemos que una forma se acerca o se aleja de otra, pero el movimiento perceptual dependerá por entero de nuestras asociaciones. 7

RitMo

http://www.ideocentro.com/recursos.php?id=28&estudio_diseno_web_ideocentro=Morfologiahttp://es.slideshare.net/FernandoVilaRuiz/percepcin-y-gestalthttp://definicion.de/trama/http://www.cuaed.unam.mx/lic_diseno/moodle/file.php/5/Diseno_I/u3/2_index.htmlhttp://www.fotonostra.com/glosario/gradiente.htmhttp://carlosdisgra.blogspot.mx/2010/05/tension.htmlhttps://elrehilete.files.wordpress.com/2008/12/imagen-1.pnghttp://www.fotonostra.com/grafico/equilibriosimetrico.htm

Ligas de consulta

1,2,3 http://fullpri.blogspot.mx/2010/04/alternativas-en-la-relacion-entre-la.html4 http://fc04.deviantart.net/images/i/2003/44/a/9/Positive_Negative.jpg5 http://thumbs.dreamstime.com/x/puntos-del-tono-medio-del-vector-3047995.jpg6 http://j-walkblog.com/images/chartpatternfill2.png7,8,9,10 https://goo.gl/7ugvc411 https://www.flickr.com/photos/emhc/692846073012 https://lmanzanaro.files.wordpress.com/2014/01/peso-en-la-naranja.jpg13 http://brayanmj.blogspot.mx/2010/05/tension.html14 https://elrehilete.files.wordpress.com/2008/12/imagen-1.png15 http://www.desarrolloweb.com/articulos/images/diseno/3/direcciones.gif16 http://image.slidesharecdn.com/principiosdecomposicion-090924102556-phpapp01/95/principios-de-composicion-1-728.jpg?cb=125378812417 http://image.slidesharecdn.com/la-composicion-1309/95/la-composicion-9-728.jpg?cb=117823183418 http://www.aquienleimporta.com/wp-content/uploads/2013/12/naked-bodies-test-rorschach-olivier-valsecchi1.jpg19 http://www.profesorenlinea.cl/imagengeometria/tesel14.jpg20 http://www.lagirandulafotografia.com/wp-content/uploads/2014/11/rehilete.png21 http://www.conocimientosweb.net/descargar/wp-content/uploads/2012/09/Movimiento-y-ritmo.jpg22 http://4.bp.blogspot.com/_UFHpoLFg_Vw/TCQUZXTcAFI/AAAAAAAAACw/1nmaBnVdckg/s1600/PresidenteRitmo.jpg

Ligas de imágenes