Reticulas, Maquetacion y Reglas de Composicion. v1
2 recomendaciones1,121 vistas
El documento aborda el concepto de retículas y maquetación en el diseño, destacando su importancia para distribuir elementos de manera modular y conforme a criterios de composición. Se mencionan figuras influyentes como Wim Crouwel y Josef Müller-Brockmann y se presentan reglas de composición como el patrón Z y F, así como la jerarquía visual y el peso visual de los elementos. Además, se exploran conceptos de equilibrio y simetría en la creación de diseños efectivos.
Reticulas, Maquetacion y Reglas de Composicion. v1
- 1. Carlos Lucena carloslucena@coam.es SOBRE RETICULAS (System Grids) y MAQUETACION (Layout/Diagramación)
- 2. Carlos Lucena carloslucena@coam.es SOBRE RETICULAS (System Grids) y MAQUETACION (Layout/Diagramación) diseñar de forma “modular”
- 3. Carlos Lucena carloslucena@coam.es SOBRE RETICULAS (System Grids) y MAQUETACION (Layout/Diagramación) diseñar de forma “modular” distribuir elementos conforme a criterios de composición
- 4. Carlos Lucena carloslucena@coam.es SOBRE RETICULAS (System Grids) Wim Crouwel :: padre del diseño alemán
- 5. Carlos Lucena carloslucena@coam.es SOBRE RETICULAS (System Grids) Josef Müller-Brockmann :: el gran referente del diseño suizo y responsable del uso generalizado de retículas en la industria
- 6. Carlos Lucena carloslucena@coam.es Libro de los Juegos de Ajedrez, Dados y Tablas, obra ordenada por Alfonso X, Rey de Castilla y realizada en Sevilla en 1282.
- 7. Carlos Lucena carloslucena@coam.es Plano de Mileto alrededor del 470 a.c.
- 8. Carlos Lucena carloslucena@coam.es El Plan Cerdá, plan de reforma y ensanche de la ciudad de Barcelona de 1860 que seguía criterios del plan hipodámico, con una estructura en cuadrícula, abierta e igualitaria.
- 9. Carlos Lucena carloslucena@coam.es El Plan Cerdá, plan de reforma y ensanche de la ciudad de Barcelona de 1860 que seguía criterios del plan hipodámico, con una estructura en cuadrícula, abierta e igualitaria.
- 10. Carlos Lucena carloslucena@coam.es número Phi (φ)
- 11. Carlos Lucena carloslucena@coam.es Partenón de Atenas
- 12. Carlos Lucena carloslucena@coam.es Partenón de Atenas
- 13. Carlos Lucena carloslucena@coam.es Sistema de medidas detallado por Le Corbusier (1887- 1965) quien publica en 1948 el libro llamado “Le Modulor” seguido por “Le Modulor 2” en 1953 en los que da a conocer su trabajo, y de cierta manera, se une a una larga “tradición” vista en personajes como Vitruvio, Da Vinci y Leon Battista Alberti en la búsqueda de una relación matemática entre las medidas del hombre y la naturaleza. De cierta manera es una búsqueda antropométrica de un sistema de medidas del cuerpo humano en que cada magnitud se relaciona con la anterior por el número áureo, todo con la finalidad de que sirviese como medida base en las partes de la arquitectura. Las medidas parten desde la medida del hombre con la mano levantada (226 cm) y de su mitad, la altura del ombligo (113 cm). Desde la primera medida multiplicando sucesivamente y dividiendo de igual manera por el número de oro se obtiene la llamada serie azul, y de la segunda del mismo modo la roja. Siendo cada una sucesión de Fibonacci y permitiendo miles de combinaciones armónicas.
- 20. Carlos Lucena carloslucena@coam.es SOBRE RETICULAS (System Grids) y MAQUETACION (Layout/Diagramación) diseñar de forma “modular” distribuir elementos conforme a criterios de composición
- 21. Carlos Lucena carloslucena@coam.es Reglas de composición en maquetación: Regla de la diagonal (The Gutenberg Diagram) PUNTO DE ENTRADA y PUNTO DE SALIDA AL LEER NUESTRA PÁGINA o NUESTRO PLIEGO
- 23. Carlos Lucena carloslucena@coam.es Regla de la diagonal ORDEN DE JERARQUÍA DE LECTURA EN UN FORMATO HORIZONTAL ó APAISADO, POR EJEMPLO, UN PANEL DE ARQUITECTURA (1= lo que leemos primero 4=lo que leemos en último lugar) 1 3 2 4
- 24. Carlos Lucena carloslucena@coam.es página imparpágina par ORDEN DE JERARQUÍA DE IMPORTANCIA EN UN PLIEGO (página par + página impar). PRIMA LA PARTE SUPERIOR DERECHA, la más cotizada en publicidad impresa. + +
- 25. Carlos Lucena carloslucena@coam.es Regla de la diagonal 2º1º 3º 2º 3º 4º 3º ORDEN DE LECTURA DE UN FORMATO VERTICAL (JERARQUÍA DE ELEMENTOS) ORDEN DE JERARQUÍA DE IMPORTANCIA EN UN FORMATO VERTICAL, POR EJEMPLO, UN CARTEL ó UN PANEL DE ARQUITECTURA (PRIMA LA PARTE DERECHA) - +
- 26. Carlos Lucena carloslucena@coam.es Reglas de composición en maquetación: Z-Pattern Lyout disposición en Z de los elementos
- 32. Carlos Lucena carloslucena@coam.es Reglas de composición en maquetación: F-Pattern Lyout disposición en F de los elementos
- 38. Carlos Lucena carloslucena@coam.es Reglas de composición en maquetación: Regla de los impares Hablamos de composiciones de 3 elementos, pero esta regla es aplicable con 5, 7, 9, 11, etc. La cuestión es que las composiciones contengan un número impar de elementos. Las composiciones en número par son más estáticas y pasan más desapercibidas, en cambio, las composiciones realizadas con un número de objetos impar son más dinámicas y el ojo está obligado a moverse más captando así más atención nuestra composición.
- 39. Carlos Lucena carloslucena@coam.es Regla de los impares Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum página imparpágina par Regla de los impares con 1 imagen
- 40. Carlos Lucena carloslucena@coam.es Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum Loreria pra doluptas sam, cum consequi d o l o r a t u r C e a q u i d e numenduntur? Apelene eum in conserc hillam asitamet que ide esti nobit veles sequam eum eum volorionse solupta voluptatios et, te nimi, todk adribus,Porepro ommolecto q rosaeuos aliquidem ut prerat Nemperum iur miliqui aturehenis min consequas eos pra porum as eum fuga. Neque porru sumum página imparpágina par Regla de los impares con 3 imágenes
- 41. Carlos Lucena carloslucena@coam.es Reglas de composición en maquetación: CENTRO FISICO DE LA PAGINA vs. CENTRO VISUAL (CENTRO DE ATENCION, CONCENTRA EL PESO VISUAL) CONCEPTOS DE EQUILIBRIO (Balance) y SIMETRIA (Symmetry)
- 44. Carlos Lucena carloslucena@coam.es ¿Qué es el peso visual? Es la fuerza con la que un elemento de una composición atrae la vista del observador. A mayor peso visual, mayor capacidad de atraer la atención tendrá ese elemento.
- 45. Carlos Lucena carloslucena@coam.es ¿ A qué se debe que nos atraigan con más fuerza determinados elementos en una imagen ? A la forma en la que hemos aprendido a percibir la realidad, al contexto cultural en el que hemos crecido.
- 46. Carlos Lucena carloslucena@coam.es ¿ Cómo podemos modificar el Centro Visual de una imagen ?
- 47. Carlos Lucena carloslucena@coam.es El tamaño El tamaño de los elementos es determinante de su peso visual: a mayor tamaño, mayor peso visual.
- 48. Carlos Lucena carloslucena@coam.es La posición La posición que más peso visual toma, es la esquina derecha respecto de la izquierda y, la esquina inferior respecto de la superior.
- 49. Carlos Lucena carloslucena@coam.es El aislamiento En una composición con un grupo de elementos similares, el de mayor peso es el que se encuentra separado del grupo.
- 50. Carlos Lucena carloslucena@coam.es La forma Las formas que más peso visual tienen, son aquellas facilmente reconocibles: formas cerradas, geométricas y regulares.
- 51. Carlos Lucena carloslucena@coam.es El color 1. Los colores cálidos tienen mayor peso visual que los fríos. 2. Los colores saturados tienen mayor peso visual que los no saturados. 3. Los colores oscuros tienen mayor peso visual que los claros.
- 52. Carlos Lucena carloslucena@coam.es El contraste Sobre un fondo neutro, el color de mayor peso visual es el que ofrece mayor contraste.
- 53. Carlos Lucena carloslucena@coam.es Reglas de composición en maquetación: CENTRO FISICO DE LA PAGINA vs. CENTRO VISUAL (CENTRO DE ATENCION, CONCENTRA EL PESO VISUAL) CONCEPTOS DE EQUILIBRIO (Balance) y SIMETRIA (Symmetry)
- 54. Carlos Lucena carloslucena@coam.es equilibrio simétrico
- 55. Carlos Lucena carloslucena@coam.es equilibrio asimétrico
- 56. Carlos Lucena carloslucena@coam.es GRACIAS por seguir aprendiendo