SlideShare una empresa de Scribd logo
EL LAYOUT
   Diseño y Composición Para Pantalla
FUNDAMENTOS - EL LAYOUT

¨La maquetación es la disposición de los elementos del
diseño en relación con el espacio de que se dispone,
siguiendo un esquema estético global¨


RELACIÓN DE IMÁGENES EN DOBLE PAGINACIÓN Y LA
CUADRÍCULA
Tratamiento Simple del Texto y Predominio de la Imagen




 Esta maquetación presenta de forma simple el texto para que la atención se
 mantenga sobre las imágenes. Las columnas permaneces en una posición
 centrada, y enmarcadas bajo los mismos cuadros de cabecera.
Doble Paginación con Imágenes Fotográficas




 Esta maqueta se utiliza para yuxtaponer dos imágenes sin relación en cada
 página, pero que en realidad tienen una conexión que hace que el receptor se
 detenga y las establezca por los patrones visuales que se crean.
Doble Paginación con Imágenes Fotográficas
Trabajar con Páginas




  Este ejemplo es el de una maqueta abierta con una caja de composición
  espaciosa y, una clara división entre las páginas pares e impares.
Trabajar con Páginas




 Maquetación de páginas proporcionada y clásica, centrando los elementos para
 dar uniformidad y armonía visual.
Trabajar con Páginas




 Maqueta de página doble con imágenes centrales.
La Sección Áurea




 Constituye la base para medir los tamaños de papel o plantilla y sus principios
 se utilizan como herramienta para conseguir diseños equilibrados.
La Cuadrícula Simétrica




 Este tipo de cruadrículas simétricas tienen como función organizar la
 .información y transmitir la sensación de equilibrio en una doble página.
La Cuadrícula Simétrica Por Columnas
La Cuadrícula Simétrica Por Columnas
La Cuadrícula Simétrica Por Módulos
La Cuadrícula Asimétrica




 Esta cuadrícula es asimétricas al no contar con la misma proporción de tamaño
 en las columnas negras superiores de cada extremo.
Utilización de Múltiples Cuadrículas




 Se implementa diversas formas de columnas en cada página, sin mantener una
 uniformidad.

Más contenido relacionado

PPT
Layout maquetación
PPTX
PPTX
PPTX
PDF
Ejemplos layout
PPTX
PPT
Maquetacion layout
PPTX
Layout maquetación
Layout maquetación
Ejemplos layout
Maquetacion layout
Layout maquetación

La actualidad más candente (18)

PPTX
Layout 2 final
PPT
Layout
PDF
El layout
PPSX
PPTX
PPTX
Layout
PPT
LAYOUT: el orden de lo que vemos
PPT
Layout
PPTX
Retículas para pantalla
PPTX
Uso grafico excel billy
PPTX
El layout
PPT
PPT
Layout presentación
PDF
Fundamentos de Gráficos Estadísticos ccesa007
PPTX
Layout
DOCX
Las graficas
PPTX
Layoutcolumnascuadriculasysimetria
Layout 2 final
Layout
El layout
Layout
LAYOUT: el orden de lo que vemos
Layout
Retículas para pantalla
Uso grafico excel billy
El layout
Layout presentación
Fundamentos de Gráficos Estadísticos ccesa007
Layout
Las graficas
Layoutcolumnascuadriculasysimetria
Publicidad

Destacado (20)

PPT
Osha industria general
PDF
Normas >>STPS<<
PPTX
Nom001 stps
PPTX
NOM-026-STPS
PPT
Normativa de seguridad e higiene almacenes
PDF
Nom 006-stps-vvp segunda parte
PDF
Prevención de Riesgos Laborales. Seguridad en Almacenamientos
PDF
NOM 026 STPS 2008
PPT
Nom 002 stps 2010
PPSX
PPTX
NOM 001-STPS-2008
PDF
Prevención de Riesgos Laborales. Señalización de Seguridad
PPT
Curso de lockout - LOTOTO / Lock out, tag out, try out - www.oroscocatt.com
PDF
Prevenciòn de riesgos en almacen
PPTX
Ensamble automotriz en lineas de producción
PPT
Colores y señales de seguridad
PDF
Layout - Distribución física
PPTX
Tipos de Señalización
PDF
Colores y señales de seguridad
Osha industria general
Normas >>STPS<<
Nom001 stps
NOM-026-STPS
Normativa de seguridad e higiene almacenes
Nom 006-stps-vvp segunda parte
Prevención de Riesgos Laborales. Seguridad en Almacenamientos
NOM 026 STPS 2008
Nom 002 stps 2010
NOM 001-STPS-2008
Prevención de Riesgos Laborales. Señalización de Seguridad
Curso de lockout - LOTOTO / Lock out, tag out, try out - www.oroscocatt.com
Prevenciòn de riesgos en almacen
Ensamble automotriz en lineas de producción
Colores y señales de seguridad
Layout - Distribución física
Tipos de Señalización
Colores y señales de seguridad
Publicidad

Similar a El Layout (20)

PPTX
Principios básicos
PPTX
presentación Layout sesion 4
PDF
El layout
PDF
El layout
PPTX
Layout
PPTX
PPTX
PPTX
El layout
PPTX
LAYOUT
PPTX
LAYOUT
PPTX
LAYOUT
PPTX
LAYOUT
PPTX
LAYOUT
PPTX
LAYOUT
PPTX
LAYOUT
PPTX
Layout
PPTX
PPTX
Layout
PPTX
Principios básicos
presentación Layout sesion 4
El layout
El layout
Layout
El layout
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
LAYOUT
Layout
Layout

Más de DianeLadino (11)

PDF
Monitoreo Manual de Redes Sociales
PDF
Reglas para Pantalla
PDF
Reglas para pantalla 1
PPTX
Reglas para Pantalla
PDF
Reticulas para Pantalla
PDF
Reticulas para Pantalla
PDF
Caracteristicas Digitales de Composición
PPTX
Caracteristicas Digitales de Composición
PDF
Elementos en el Mensaje Publicitario
PDF
Fundamentos del Diseño
PPTX
Fundamentos del diseño
Monitoreo Manual de Redes Sociales
Reglas para Pantalla
Reglas para pantalla 1
Reglas para Pantalla
Reticulas para Pantalla
Reticulas para Pantalla
Caracteristicas Digitales de Composición
Caracteristicas Digitales de Composición
Elementos en el Mensaje Publicitario
Fundamentos del Diseño
Fundamentos del diseño

Último (20)

PDF
analisis arquitectonico de la catedral de sevilla
PPTX
CONFERENCIA DE SISTEMAjeejjwjejejdekwkes
PPTX
Presentación de tema sexualidad y cuidado del cuerpo
PPTX
Manual de identidad corporativa - Diseño Vectorial
PDF
PresFarmaCinetica II CZC 2024.pdfjjjhfxdsss
DOCX
FCE POLITICA tercer grado secundaria adolescentes
PDF
Gestion d3 procesos kfififoofofkfjdjdjieoeodkjfjfjf
PPTX
FUdddddddddddddddddddddddddddddJIMORI.pptx
PPTX
tipos de cefalea pptx presentación diapositivas
PDF
CATALOGO piratería y decoración para negocio
PDF
Teoría del dibujo técnico y ejercicios prácticos
PDF
Cartelera de lavaplatos de bicarbonato y limon
PDF
arguedas.pdfkhnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
PDF
LA_SIERRA ,clima ,fauna,especies,selva húmeda
DOCX
FCE POLITICa tercer grado secundaria adolescentes
PDF
DEONTOLOGIA 2025 - I.pdfrfffffffffffffffffffffffffffffe
PPTX
Acido Base.pptx m
PPTX
T3_S7.1_RNE ESCALERA Y RAMPA MATERIAL DE CLASE
PPTX
29.01.2025, Liderazgo activo Kevin Romaña sem 4.pptx
PDF
Biologia molecular para riesgos ambientales
analisis arquitectonico de la catedral de sevilla
CONFERENCIA DE SISTEMAjeejjwjejejdekwkes
Presentación de tema sexualidad y cuidado del cuerpo
Manual de identidad corporativa - Diseño Vectorial
PresFarmaCinetica II CZC 2024.pdfjjjhfxdsss
FCE POLITICA tercer grado secundaria adolescentes
Gestion d3 procesos kfififoofofkfjdjdjieoeodkjfjfjf
FUdddddddddddddddddddddddddddddJIMORI.pptx
tipos de cefalea pptx presentación diapositivas
CATALOGO piratería y decoración para negocio
Teoría del dibujo técnico y ejercicios prácticos
Cartelera de lavaplatos de bicarbonato y limon
arguedas.pdfkhnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
LA_SIERRA ,clima ,fauna,especies,selva húmeda
FCE POLITICa tercer grado secundaria adolescentes
DEONTOLOGIA 2025 - I.pdfrfffffffffffffffffffffffffffffe
Acido Base.pptx m
T3_S7.1_RNE ESCALERA Y RAMPA MATERIAL DE CLASE
29.01.2025, Liderazgo activo Kevin Romaña sem 4.pptx
Biologia molecular para riesgos ambientales

El Layout

  • 1. EL LAYOUT Diseño y Composición Para Pantalla
  • 2. FUNDAMENTOS - EL LAYOUT ¨La maquetación es la disposición de los elementos del diseño en relación con el espacio de que se dispone, siguiendo un esquema estético global¨ RELACIÓN DE IMÁGENES EN DOBLE PAGINACIÓN Y LA CUADRÍCULA
  • 3. Tratamiento Simple del Texto y Predominio de la Imagen Esta maquetación presenta de forma simple el texto para que la atención se mantenga sobre las imágenes. Las columnas permaneces en una posición centrada, y enmarcadas bajo los mismos cuadros de cabecera.
  • 4. Doble Paginación con Imágenes Fotográficas Esta maqueta se utiliza para yuxtaponer dos imágenes sin relación en cada página, pero que en realidad tienen una conexión que hace que el receptor se detenga y las establezca por los patrones visuales que se crean.
  • 5. Doble Paginación con Imágenes Fotográficas
  • 6. Trabajar con Páginas Este ejemplo es el de una maqueta abierta con una caja de composición espaciosa y, una clara división entre las páginas pares e impares.
  • 7. Trabajar con Páginas Maquetación de páginas proporcionada y clásica, centrando los elementos para dar uniformidad y armonía visual.
  • 8. Trabajar con Páginas Maqueta de página doble con imágenes centrales.
  • 9. La Sección Áurea Constituye la base para medir los tamaños de papel o plantilla y sus principios se utilizan como herramienta para conseguir diseños equilibrados.
  • 10. La Cuadrícula Simétrica Este tipo de cruadrículas simétricas tienen como función organizar la .información y transmitir la sensación de equilibrio en una doble página.
  • 14. La Cuadrícula Asimétrica Esta cuadrícula es asimétricas al no contar con la misma proporción de tamaño en las columnas negras superiores de cada extremo.
  • 15. Utilización de Múltiples Cuadrículas Se implementa diversas formas de columnas en cada página, sin mantener una uniformidad.