archivo

Rectángulos proporciolales

CARTEL ORIGINAL Y DESCOMPOSICIÓN EN ELEMENTOS GRÁFICOS (ejercicio de Anna Bosch)

composicio wip2    composicio wip2

 

NUEVAS COMPOSICIONES CON LOS ELEMENTOS GRÁFICOS

composicio wip2    composicio wip2

composicio wip2    composicio wip2

composicio wip2    composicio wip2

CARTEL ORIGINAL Y DESCOMPOSICIÓN EN ELEMENTOS GRÁFICOS (ejercicio de Ingrid Alarcón)

Poster

NUEVAS COMPOSICIONES CON LOS ELEMENTOS GRÁFICOS

Poster    Poster

Poster    IngridAlarcon_5

IngridAlarcon_6    IngridAlarcon_7

Anuncios

El rectángulo DIN-A nos permite componer con rectángulos proporcionales de una manera única y muy interesante por los espacios vacíos que nos genera. Estos espacios vacíos están compuestos por estos mismos rectángulos. Las composiciones modulan el espacio con una pauta muy precisa y muy armónica, su distribución es menos fría y más dinámica que una retícula. Esta visión del DIN-A es poco usada y digna de exponerse por su interés estético.

Recordemos que en la proporción del DIN-A, la relación entre sus lados, es el lado de un cuadrado y la diagonal del mismo. En el lenguaje geométrico es un rectángulo raíz de 2.

Su propiedad más conocida es que la mitad de un DIN-A es otro DIN-A. La mitad de un DIN-A3 es un DIN-A4, es decir, son proporcionales, es el mismo rectángulo y sólo ha variado el tamaño.

Vamos a explicar como componer dentro de un formato DIN-A basándonos en esta propiedad de todos conocida y, recordemos, única de esta proporción.

Colocamos un formato DIN-A (apaisado), es decir, su lado más largo es el horizontal, lo dividimos por la mitad vertical y obtenemos dos DIN-A verticales. Para no perdernos completamente vamos a llamar al formato rec1 y sus mitades rec2. Seguimos dividiendo el formato por su mitad horizontal y obtenemos cuatro rectangulos DIN-A, apaisados, que los llamaremos rec3. Si continuamos dividiendo estos por sus mitades verticales obtenemos rec4. Este proceso es infinito y con él conseguimos una sucesión de rectángulos que cada uno es la mitad del anterior y todos ellos son proporcionales, son DIN-A.

Captura de pantalla 2015-02-19 a las 07.08.05

 

Para explicar las composiciones dentro del formato que hemos llamado rec1, usaremos solamente rec2, rec3, rec4, rec5 y rec6. Las composiciones que vamos a realizar deben seguir 2 normas:

  1. los rec no se pueden girar, cada uno debe mantener su orientación,
  2. al colocarlos dentro del formato (rec1) deben apoyarse sobre sus lados o sobre otros rec que después podemos quitar, es decir, su posición debe estar justificada tanto en horizontal como en vertical.

Una manera sencilla de ver y experimentar con estas composiciones seria recortar varios de estos rectangulos, cada rec de un color diferente.

Captura de pantalla 2015-02-19 a las 07.13.38

EJEMPLOS de composiciones con estos rectángulos.

Captura de pantalla 2015-02-19 a las 07.18.09Captura de pantalla 2015-02-19 a las 07.19.26

 

Captura de pantalla 2015-02-19 a las 07.21.00Captura de pantalla 2015-02-19 a las 07.22.11Captura de pantalla 2015-02-19 a las 07.23.34

 

Captura de pantalla 2015-02-19 a las 07.26.02Captura de pantalla 2015-02-19 a las 07.27.22

 

Este juego compositivo nos enseña a apreciar el valor estético de las proporciones. Facilmente la composición se percibe como una unidad, como un todo que contiene sus partes en una relación equilibrada y perfecta.

Estas composiciones de rectángulos pueden ser la base de un diseño, los espacios creados pueden contener los elementos gráficos que se precisen (imágenes, cajas de texto, lineas, colores…)

Este juego compositivo se puede también crear con rectángulos DIN-A inclinados. En este caso el resultado estético es aún más dinámico.

Para realizar estas composiciones debemos construir los rectangulos DIN-A con un lado paralelo a la diagonal del formato, y asegurarnos que a la vez su diagonal sea una horizontal o vertical del formato. La estructura base dibujada en el ejemplo nos ayuda en la construcción de los rectangulos y en su colocación

Captura de pantalla 2015-02-19 a las 07.32.30Captura de pantalla 2015-02-19 a las 07.33.34

Captura de pantalla 2015-02-19 a las 07.34.47

Composiciones y sus posibles variaciones.

Captura de pantalla 2015-02-19 a las 07.37.04Captura de pantalla 2015-02-19 a las 07.38.09Captura de pantalla 2015-02-19 a las 07.40.08Captura de pantalla 2015-02-19 a las 07.41.14Captura de pantalla 2015-02-19 a las 07.42.31Captura de pantalla 2015-02-19 a las 07.43.39

 

Captura de pantalla 2015-02-19 a las 07.45.40Captura de pantalla 2015-02-19 a las 07.46.36Captura de pantalla 2015-02-19 a las 07.47.32Captura de pantalla 2015-02-19 a las 07.48.49

distribución de la información en guias de viajes

http://www.tripadvisor.es/TravelersChoice

https://www.airbnb.es/locations/san-francisco/mission-district

http://www.timeout.cat/barcelona/ca

http://www.expedia.es/p/ofertas/fin-de-semana

http://www.minube.com/

 

distribución de la información en periódicos

http://www.thetimes.co.uk/tto/news/

 

distribución de la información en una página de venta de productos

http://www.fotoprix.com/

 

busca nuevos ejemplos de distribución de la información en páginas web

 Simplificación de los elementos gráficos para trabajar la composición 

Los elementos de una composición gráfica son imágenes y textos. Y estos elementos estan dentro de un espacio normalmente rectangular. Este espacio rectangular puede ser un papel o una pantalla. Los elementos imágenes son principalmente fotografías o ilustraciones. Y los textos pueden ser titulares o cajas de texto.

Nos interesa en este apartado que empezamos centrar toda la atención en el formato y como componer en su interior. Como jugar con los espacios en blanco. Como crear ritmos con los elementos. Para ello debemos anular el interés y la atracción que sentimos por los elementos gráficos simplificandolos en tristes manchas grises.

revis2   qua-tipo

Imagen 1. Sustituiremos los elementos gráficos de las páginas de un libro (ejemplo dobles páginas de la izquierda) por texturas sin significado (a la derecha), si, las tristes manchas grises.

Repito, en este apartado SOLO NOS INTERESA EL ESPACIO, el contenedor de la información, EL FORMATO.

Maneras de colocar los elementos gráficos dentro del espacio FORMATO

Veamos algunos ejemplos de colocación de elementos dentro de un cuadrado.

En el primer ejemplo (imagen 2) se coloca dentro de un cuadrado solo una línea y un punto. La línea podria ser la simplificación de una línea de texto y el punto la simplificación de un logotipo o marca. No se varía el tamaño de los elementos ni con inclinaciones. Solo se juega con la posición de los elementos en vertical y horizontal.

punt-linia

Imagen 2

En el siguiente ejemplo (imagen 3 y 4) se juega con el elemento gráfico dentro de un espacio cuadrado. Ved las posibilidades de inclinaciones, tamaños y variaciones; completando, escondiendo, o cortando el elemento gráfico.

forma-fons1    forma-fons2

Imagen 3 y 4

Una sencilla RETÍCULA para trabajar con MÓDULOS

La retícula es de gran utilidad porque nos ayuda a distribuir los elementos gráficos. En una revista o libro, además, nos proporciona una coherencia gráfica. La distribución de los espacios y elementos gráficos deben seguir unas pautas fáciles de repetir, y de asumir por el lector. El lector debe entender con cierta rapidez la distribución de la información que proponemos.

Retícula para una revista de formato cuadrado.

revis1

Imagen 5. Doble página en la parte superior y retícula que se aplica en la parte inferior.

9_9b

Imagen 6. Retícula de 3×3 dentro de un cuadrado y los diferentes módulos que se obtienen.

Composiciones de revistas de por Neville Brody

n.brody-2  

      n.brody1

n.brody-4

n.brody-5                n.brody-6

n.brody-3

Un pequeño ejercicio: ¿Cuál es la distribución en columnas de las diferentes páginas diseñadas por Neville Brody?