Presentación sobre Retículas (system grids), Maquetación (layout) y Reglas de Composición para Arquitectura. Versión v1. Enero 2017.

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.

14. Carlos Lucena carloslucena@coam.es

15. Carlos Lucena carloslucena@coam.es

16. Carlos Lucena carloslucena@coam.es

17. Carlos Lucena carloslucena@coam.es

18. Carlos Lucena carloslucena@coam.es

19. Carlos Lucena carloslucena@coam.es

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

22. Carlos Lucena carloslucena@coam.es

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

27. Carlos Lucena carloslucena@coam.es

28. Carlos Lucena carloslucena@coam.es

29. Carlos Lucena carloslucena@coam.es

30. Carlos Lucena carloslucena@coam.es

31. Carlos Lucena carloslucena@coam.es

32. Carlos Lucena carloslucena@coam.es
Reglas de composición en maquetación:
F-Pattern Lyout
disposición en F de los elementos

33. Carlos Lucena carloslucena@coam.es

34. Carlos Lucena carloslucena@coam.es

35. Carlos Lucena carloslucena@coam.es

36. Carlos Lucena carloslucena@coam.es

37. Carlos Lucena carloslucena@coam.es

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)

42. Carlos Lucena carloslucena@coam.es

43. Carlos Lucena carloslucena@coam.es

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