SlideShare una empresa de Scribd logo
1 de 15
Descargar para leer sin conexión
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

La actualidad más candente (18)

Layout 2 final
Layout 2 finalLayout 2 final
Layout 2 final
 
Layout
LayoutLayout
Layout
 
Seccion 4
Seccion 4Seccion 4
Seccion 4
 
El layout
El layoutEl layout
El layout
 
Layout
Layout Layout
Layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
LAYOUT: el orden de lo que vemos
LAYOUT: el orden de lo que vemosLAYOUT: el orden de lo que vemos
LAYOUT: el orden de lo que vemos
 
Layout
LayoutLayout
Layout
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Uso grafico excel billy
Uso grafico excel billyUso grafico excel billy
Uso grafico excel billy
 
El layout
El layoutEl layout
El layout
 
Reticulas
ReticulasReticulas
Reticulas
 
Layout presentación
Layout presentaciónLayout presentación
Layout presentación
 
Fundamentos de Gráficos Estadísticos ccesa007
Fundamentos de Gráficos Estadísticos  ccesa007Fundamentos de Gráficos Estadísticos  ccesa007
Fundamentos de Gráficos Estadísticos ccesa007
 
Layout
LayoutLayout
Layout
 
Las graficas
Las graficasLas graficas
Las graficas
 
Layoutcolumnascuadriculasysimetria
LayoutcolumnascuadriculasysimetriaLayoutcolumnascuadriculasysimetria
Layoutcolumnascuadriculasysimetria
 

Destacado

Nom001 stps
Nom001 stpsNom001 stps
Nom001 stps
heki90c
 
Layout - Distribución física
Layout - Distribución físicaLayout - Distribución física
Layout - Distribución física
Gustavo Acuña
 

Destacado (20)

Osha industria general
Osha industria generalOsha industria general
Osha industria general
 
Normas >>STPS<<
Normas >>STPS<<Normas >>STPS<<
Normas >>STPS<<
 
Nom001 stps
Nom001 stpsNom001 stps
Nom001 stps
 
NOM-026-STPS
NOM-026-STPSNOM-026-STPS
NOM-026-STPS
 
Normativa de seguridad e higiene almacenes
Normativa de seguridad e higiene almacenesNormativa de seguridad e higiene almacenes
Normativa de seguridad e higiene almacenes
 
Nom 006-stps-vvp segunda parte
Nom 006-stps-vvp segunda parteNom 006-stps-vvp segunda parte
Nom 006-stps-vvp segunda parte
 
Prevención de Riesgos Laborales. Seguridad en Almacenamientos
Prevención de Riesgos Laborales. Seguridad en AlmacenamientosPrevención de Riesgos Laborales. Seguridad en Almacenamientos
Prevención de Riesgos Laborales. Seguridad en Almacenamientos
 
NOM 026 STPS 2008
NOM 026 STPS 2008NOM 026 STPS 2008
NOM 026 STPS 2008
 
Nom 002 stps 2010
Nom 002 stps 2010Nom 002 stps 2010
Nom 002 stps 2010
 
Orden Y Limpieza
Orden Y LimpiezaOrden Y Limpieza
Orden Y Limpieza
 
NOM 001-STPS-2008
NOM 001-STPS-2008NOM 001-STPS-2008
NOM 001-STPS-2008
 
Prevención de Riesgos Laborales. Señalización de Seguridad
Prevención de Riesgos Laborales. Señalización de SeguridadPrevención de Riesgos Laborales. Señalización de Seguridad
Prevención de Riesgos Laborales. Señalización de Seguridad
 
Curso de lockout - LOTOTO / Lock out, tag out, try out - www.oroscocatt.com
Curso de lockout - LOTOTO /   Lock out, tag out, try out - www.oroscocatt.comCurso de lockout - LOTOTO /   Lock out, tag out, try out - www.oroscocatt.com
Curso de lockout - LOTOTO / Lock out, tag out, try out - www.oroscocatt.com
 
Prevenciòn de riesgos en almacen
Prevenciòn de riesgos en almacenPrevenciòn de riesgos en almacen
Prevenciòn de riesgos en almacen
 
Ensamble automotriz en lineas de producción
Ensamble automotriz en lineas de producciónEnsamble automotriz en lineas de producción
Ensamble automotriz en lineas de producción
 
Colores y señales de seguridad
Colores y señales de seguridadColores y señales de seguridad
Colores y señales de seguridad
 
Layout - Distribución física
Layout - Distribución físicaLayout - Distribución física
Layout - Distribución física
 
Tipos de Señalización
Tipos de SeñalizaciónTipos de Señalización
Tipos de Señalización
 
Layout
LayoutLayout
Layout
 
Colores y señales de seguridad
Colores y señales de seguridadColores y señales de seguridad
Colores y señales de seguridad
 

Similar a El Layout (20)

Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
 
El layout
El layoutEl layout
El layout
 
El layout
El layoutEl layout
El layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
El layout
El layoutEl layout
El layout
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 

Más de DianeLadino (11)

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

Último

Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
sofiospina94
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
EdisonCondesoDelgado1
 

Último (20)

DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 

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.