SlideShare una empresa de Scribd logo
1 de 14
EL LAYOUT Presentado por:  Carolina Chinome Alvarado. Comunicación Social – Periodismo Fundación Universitaria  Los Libertadores.
Está entendido como el boceto previo de la composición de un texto pronto a publicar. En pocas palabras, es la  arquitectura para la disposición de los diferentes elementos en el espacio dispuesto.
La maquetación consiste en la disposición de los elementos del diseño, en relación con el espacio y las formas dispuestas.  De esta forma, en una página, y siguiendo los lineamientos de la maqueta, el texto y las imágenes se ubican en el formato dispuesto generando cierta armonía para quien visualiza el contenido posteriormente.
 
Una maqueta se guía siempre por unas líneas invisibles. Sin embargo,  éstas son visibles en la medida en que luego se ven varias de sus páginas.
Constituye la base para medir los  tamaños de papel y conseguir diseños más equilibrados.  Por lo general se usa el principio de 8:13 que permite una proporción agradable a la vista .  Con base en el principio de  Fibonacci,  una serie de números que dicen que cada uno es la suma de los dos anteriores puede obtenerse una total armonía en el diseño de las páginas.
La página par es una imagen espejo de la página impar.
 
Organizan la información y generan equilibrio en una doble página. La página par se refleja en la impar por su similitud en las columnas y en la caja de texto.  Cuadrícula de dos columnas Cuadrícula de cinco columnas Arriba: Cuadrícula de cuatro columnas
En este ejemplo de simetría en páginas de tres y cuatro columnas puede notarse la similitud entre los tamaños de margen y de sus columnas.  Coinciden en la ubicación de sus imágenes, espacios entre sus columnas, distancias, margen de pie y números de folio, en los que exponen cierta jerarquía.
En este ejemplo de simetría en páginas de tres y cuatro columnas pero con módulos (cuadrados de la serie que forman la cuadrícula) éstos están separados por espacios iguales. Los módulos están rodeados por un margen  igual y las imágenes son situadas dentro de un único módulo, directamente.
Generan una página doble en la que ambas páginas (par e impar) siguen una maqueta idéntica. Hay dos tipos: Cuadrícula asimétrica basada en columnas Este ejemplo muestra una imagen apoyada por una  maquetación en columnas; ambas páginas parecen iguales pero hay una columna (izq. Par) que es diferente a la página impar.  Cuadrícula asimétrica basada en módulos La cuadrícula en módulos permite más opciones para situar los elementos. El texto se divide en segmentos y permite mayor distribución en el diseño.
Gracias a las cuadrículas, la variedad en la disposición de los elementos permite un mayor dinamismo en el diseño y una mejor explicación, detalle por detalle, de sus imágenes y fotografías.  De esta forma…
 

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

HOJAS DE CALCULO
HOJAS DE CALCULOHOJAS DE CALCULO
HOJAS DE CALCULO
 
Hojas de calculo
Hojas de calculoHojas de calculo
Hojas de calculo
 
Tema 3
Tema 3Tema 3
Tema 3
 
Javier trabajo
Javier trabajoJavier trabajo
Javier trabajo
 
OJA DE CALCULO
OJA DE CALCULO OJA DE CALCULO
OJA DE CALCULO
 
Layout
LayoutLayout
Layout
 
Mapas
MapasMapas
Mapas
 
Modelos de ingeniería
Modelos de ingenieríaModelos de ingeniería
Modelos de ingeniería
 
Computación básica
Computación básicaComputación básica
Computación básica
 
Diagramas de flujo
Diagramas de flujoDiagramas de flujo
Diagramas de flujo
 
Erika angulo
Erika angulo Erika angulo
Erika angulo
 
Layout
LayoutLayout
Layout
 
Ensayo 2 estadistica
Ensayo 2 estadisticaEnsayo 2 estadistica
Ensayo 2 estadistica
 
Unidad 2: Hojas Electronicas.
Unidad 2: Hojas Electronicas.Unidad 2: Hojas Electronicas.
Unidad 2: Hojas Electronicas.
 
Hojas de calculo
Hojas de calculoHojas de calculo
Hojas de calculo
 
Practica 3
Practica 3Practica 3
Practica 3
 
Hojas de cálculo
Hojas de cálculoHojas de cálculo
Hojas de cálculo
 
actividad15
actividad15actividad15
actividad15
 
Recintos De Permanencia Taller De Arq2 Ulsa Victoria
Recintos De Permanencia Taller De Arq2 Ulsa VictoriaRecintos De Permanencia Taller De Arq2 Ulsa Victoria
Recintos De Permanencia Taller De Arq2 Ulsa Victoria
 

Similar a LAYOUT: el orden de lo que vemos

Similar a LAYOUT: el orden de lo que vemos (20)

Layout presentacion
Layout presentacionLayout presentacion
Layout presentacion
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
 
Layout
LayoutLayout
Layout
 
Seccion 4
Seccion 4Seccion 4
Seccion 4
 
Layout
LayoutLayout
Layout
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
El layout
El layoutEl layout
El layout
 
El layout
El layoutEl layout
El layout
 
El layout
El layoutEl layout
El layout
 
Layout maquetación
Layout maquetaciónLayout maquetación
Layout maquetación
 
Layout
LayoutLayout
Layout
 
El layout
El layoutEl layout
El layout
 
Taller1 michelle edgar
Taller1 michelle edgarTaller1 michelle edgar
Taller1 michelle edgar
 
Layout presentación
Layout presentaciónLayout presentación
Layout presentación
 
DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.DIAGRAMACIÓN. Fundamentos y principios básicos.
DIAGRAMACIÓN. Fundamentos y principios básicos.
 
Layout
LayoutLayout
Layout
 
Sesión 4
Sesión 4Sesión 4
Sesión 4
 
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1
 
Layout
LayoutLayout
Layout
 
Layout y maquetación
Layout y maquetaciónLayout y maquetación
Layout y maquetación
 

Último

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfJonathanCovena1
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 

Último (20)

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 

LAYOUT: el orden de lo que vemos

  • 1. EL LAYOUT Presentado por: Carolina Chinome Alvarado. Comunicación Social – Periodismo Fundación Universitaria Los Libertadores.
  • 2. Está entendido como el boceto previo de la composición de un texto pronto a publicar. En pocas palabras, es la arquitectura para la disposición de los diferentes elementos en el espacio dispuesto.
  • 3. La maquetación consiste en la disposición de los elementos del diseño, en relación con el espacio y las formas dispuestas. De esta forma, en una página, y siguiendo los lineamientos de la maqueta, el texto y las imágenes se ubican en el formato dispuesto generando cierta armonía para quien visualiza el contenido posteriormente.
  • 4.  
  • 5. Una maqueta se guía siempre por unas líneas invisibles. Sin embargo, éstas son visibles en la medida en que luego se ven varias de sus páginas.
  • 6. Constituye la base para medir los tamaños de papel y conseguir diseños más equilibrados. Por lo general se usa el principio de 8:13 que permite una proporción agradable a la vista . Con base en el principio de Fibonacci, una serie de números que dicen que cada uno es la suma de los dos anteriores puede obtenerse una total armonía en el diseño de las páginas.
  • 7. La página par es una imagen espejo de la página impar.
  • 8.  
  • 9. Organizan la información y generan equilibrio en una doble página. La página par se refleja en la impar por su similitud en las columnas y en la caja de texto. Cuadrícula de dos columnas Cuadrícula de cinco columnas Arriba: Cuadrícula de cuatro columnas
  • 10. En este ejemplo de simetría en páginas de tres y cuatro columnas puede notarse la similitud entre los tamaños de margen y de sus columnas. Coinciden en la ubicación de sus imágenes, espacios entre sus columnas, distancias, margen de pie y números de folio, en los que exponen cierta jerarquía.
  • 11. En este ejemplo de simetría en páginas de tres y cuatro columnas pero con módulos (cuadrados de la serie que forman la cuadrícula) éstos están separados por espacios iguales. Los módulos están rodeados por un margen igual y las imágenes son situadas dentro de un único módulo, directamente.
  • 12. Generan una página doble en la que ambas páginas (par e impar) siguen una maqueta idéntica. Hay dos tipos: Cuadrícula asimétrica basada en columnas Este ejemplo muestra una imagen apoyada por una maquetación en columnas; ambas páginas parecen iguales pero hay una columna (izq. Par) que es diferente a la página impar. Cuadrícula asimétrica basada en módulos La cuadrícula en módulos permite más opciones para situar los elementos. El texto se divide en segmentos y permite mayor distribución en el diseño.
  • 13. Gracias a las cuadrículas, la variedad en la disposición de los elementos permite un mayor dinamismo en el diseño y una mejor explicación, detalle por detalle, de sus imágenes y fotografías. De esta forma…
  • 14.