el layout
TRANSCRIPT
![Page 1: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/1.jpg)
Diseño y composición para pantalla
Johnnatan Ariza Alarcon
![Page 2: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/2.jpg)
El Layout Fundamentos: la
maquetación es la
disposición de los
elementos del diseño en
relación con el espacio
de que se dispone.
![Page 3: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/3.jpg)
Doble Paginación
Maqueta simétrica de dos paginas con el mismo contenido
![Page 4: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/4.jpg)
Doble Paginación
![Page 5: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/5.jpg)
Trabajar Con Paginas
Esta es una maqueta de doble paginación, centrada y simétrica que da sensación de
Equilibrio visual
![Page 6: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/6.jpg)
La Sección Aurea
Es una herramienta
que se utiliza para
darle equilibrio a las
paginas,
constituyendo el
tamaño de las
paginas.
![Page 7: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/7.jpg)
Cuadricula Simétrica por
Columna
Esta maqueta posee tres cuadriculas simétricas por columna en donde una de
las columnas tiene una imagen.
![Page 8: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/8.jpg)
Cuadricula simétrica basada en
columnas
En esta maqueta de doble paginación encontramos una pagina de dos columnas
Simétricas y el la otra pagina la imagen que la respalda
![Page 9: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/9.jpg)
Cuadricula Asimétrica Basada en
Columnas
Esta maqueta de doble paginación no muestra una cuadricula basada en columnas
asimétrica
![Page 10: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/10.jpg)
Cuadricula Simétrica Basada en
Módulos
Esta maqueta nos muestra doble paginación con la primera pagina basada en
unos módulos con simetría
![Page 11: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/11.jpg)
Cuadricula Asimétrica Basada en
Módulos
En esta maqueta
encontramos una
cuadricula
asimétrica basada
en módulos
![Page 12: El layout](https://reader034.vdocuments.co/reader034/viewer/2022042816/559660031a28abde488b47f4/html5/thumbnails/12.jpg)
Múltiples Cuadriculas
Maqueta de doble paginación con múltiples cuadriculas