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

Diagramas de flujo
Diagramas de flujoDiagramas de flujo
Diagramas de flujo
Tumblr
 
Practica 3
Practica 3Practica 3
Practica 3
Yoli
 
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
zaratecisnerosulsa
 

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

2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
MiNeyi1
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 

Último (20)

Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
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...
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 

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.