SlideShare una empresa de Scribd logo
1 de 13
LAYOUT…
La maqueta es el espacio con el que se dispone, para empezar a trabajar en los diferentes elementos de diseño, teniendo claro el espacio que se le va adjudicar a cada página, para de esta forma tener un preliminar de la publicación final, y poder corregir inconsistencias en diseño y espacio a tiempo.   Lo que se busca en este proceso es dejar los elementos visuales y los textos ubicados de tal forma que el lector no se sienta cansado, sino que se sienta cada vez más atraído por la publicación.
Trabajar con Página  Antes de empezar a trabajar con página se debe tener claro el tamaño de la publicación, el espacio de caracteres con el que se cuenta (texto) y la cantidad de imágenes con las que se cuenta para desarrollar la página, adicional a ello se debe tener en cuenta el publico al cual va dirigido y la especialidad de la publicación, para que el diseño final sea todo un éxito. Importante es también saber el método de impresión.
Sección Áurea  La sección áurea nos permite medir el tamaño del papel y la ubicación equilibrada de nuestra información. Además de que nos permite ver lo ya mencionado, nos brinda un valor estético, porque podemos observar como quedara ubicada nuestra información final.
La Cuadricula Simétrica  Nos permite observar un equilibrio entre los textos y las imaginas en una página doble. Teniendo en cuenta la sangría de las imágenes, caja tipográfica y lomo de la publicación.
Cuadricula simétrica de una Columna
Cuadricula Simétrica de dos Columnas
Cuadricula de Tres Columnas
Cuadricula de Cinco Columnas
Cuadricula Asimétrica

Más contenido relacionado

La actualidad más candente

Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación Nathaly Correa
 
Layout
LayoutLayout
Layoutepreya
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNJose Medina G
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNJose Medina G
 
Layout
LayoutLayout
Layoutepreya
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicionRenan Israel
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónJordan Garcia
 
Elementos de diagramacion blog blogspot blogger
Elementos de diagramacion blog blogspot bloggerElementos de diagramacion blog blogspot blogger
Elementos de diagramacion blog blogspot bloggerandresmaflag
 
Desde El Boceto Conceptual A La Lamina De Producto
Desde El Boceto Conceptual A La Lamina De ProductoDesde El Boceto Conceptual A La Lamina De Producto
Desde El Boceto Conceptual A La Lamina De ProductoIzaul Pierart
 

La actualidad más candente (16)

Diagramación o Maquetación
Diagramación o Maquetación Diagramación o Maquetación
Diagramación o Maquetación
 
Capítulo 3 weyna
Capítulo 3 weynaCapítulo 3 weyna
Capítulo 3 weyna
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Diagramación
DiagramaciónDiagramación
Diagramación
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
Layout
LayoutLayout
Layout
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicion
 
Diagramación
DiagramaciónDiagramación
Diagramación
 
Layout
LayoutLayout
Layout
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Elementos de diagramacion blog blogspot blogger
Elementos de diagramacion blog blogspot bloggerElementos de diagramacion blog blogspot blogger
Elementos de diagramacion blog blogspot blogger
 
Desde El Boceto Conceptual A La Lamina De Producto
Desde El Boceto Conceptual A La Lamina De ProductoDesde El Boceto Conceptual A La Lamina De Producto
Desde El Boceto Conceptual A La Lamina De Producto
 
Mediosimpresos
MediosimpresosMediosimpresos
Mediosimpresos
 
Dibujo tecnico
Dibujo tecnicoDibujo tecnico
Dibujo tecnico
 

Similar a Layout

Similar a Layout (20)

Layout
Layout Layout
Layout
 
Layout
LayoutLayout
Layout
 
El layout
El layoutEl layout
El layout
 
SESIÓN IV: LAYOUT
SESIÓN IV: LAYOUTSESIÓN IV: LAYOUT
SESIÓN IV: LAYOUT
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Maquetacion1
Maquetacion1Maquetacion1
Maquetacion1
 
Taller1 jorgeydavid
Taller1 jorgeydavidTaller1 jorgeydavid
Taller1 jorgeydavid
 
Layout
LayoutLayout
Layout
 
Diagramación y composición act 2.1
Diagramación y composición act 2.1Diagramación y composición act 2.1
Diagramación y composición act 2.1
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
El folleto
El folletoEl folleto
El folleto
 
Representacion de paneles arquitectonicas
Representacion de paneles arquitectonicasRepresentacion de paneles arquitectonicas
Representacion de paneles arquitectonicas
 
El layout
El layoutEl layout
El layout
 
Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1Diagramación y composición fanny c act 2.1
Diagramación y composición fanny c act 2.1
 
Maquetacion
MaquetacionMaquetacion
Maquetacion
 

Más de blogsandra10

Más de blogsandra10 (7)

Layout
LayoutLayout
Layout
 
Color y tipografía
Color y tipografíaColor y tipografía
Color y tipografía
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Formatos
FormatosFormatos
Formatos
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 

Último

proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
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
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesLauraColom3
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
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
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 

Último (20)

proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
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
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
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
 
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
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reacciones
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
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
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 

Layout

  • 2. La maqueta es el espacio con el que se dispone, para empezar a trabajar en los diferentes elementos de diseño, teniendo claro el espacio que se le va adjudicar a cada página, para de esta forma tener un preliminar de la publicación final, y poder corregir inconsistencias en diseño y espacio a tiempo. Lo que se busca en este proceso es dejar los elementos visuales y los textos ubicados de tal forma que el lector no se sienta cansado, sino que se sienta cada vez más atraído por la publicación.
  • 3. Trabajar con Página Antes de empezar a trabajar con página se debe tener claro el tamaño de la publicación, el espacio de caracteres con el que se cuenta (texto) y la cantidad de imágenes con las que se cuenta para desarrollar la página, adicional a ello se debe tener en cuenta el publico al cual va dirigido y la especialidad de la publicación, para que el diseño final sea todo un éxito. Importante es también saber el método de impresión.
  • 4.
  • 5. Sección Áurea La sección áurea nos permite medir el tamaño del papel y la ubicación equilibrada de nuestra información. Además de que nos permite ver lo ya mencionado, nos brinda un valor estético, porque podemos observar como quedara ubicada nuestra información final.
  • 6.
  • 7. La Cuadricula Simétrica Nos permite observar un equilibrio entre los textos y las imaginas en una página doble. Teniendo en cuenta la sangría de las imágenes, caja tipográfica y lomo de la publicación.
  • 8.
  • 10. Cuadricula Simétrica de dos Columnas
  • 11. Cuadricula de Tres Columnas