SlideShare una empresa de Scribd logo
LAYOUT ELBA PATRICIA GARCIA A.
FUNDAMENTOS La maquetación permite que el lector vea de manera rápida y sin mayor esfuerzo el texto y los elementos visuales que se le presentan en diferentes medios, esto es posible cuando se tiene en cuenta que el contenido es lo más importante independiente si la información está en una revista,  una página de internet, en televisión o cualquier empaque. La ubicación de los elementos está dentro del espacio dispuesto para ellos siguiendo un esquema estético global dando como resultado información e imagen fácil de entender.
TRABAJARCON PÁGINAS La página es un espacio donde se pueden presentar imágenes y texto, para lograr un buen resultado hay que tener en cuenta el tema y el público objetivo.  Hay que tener en cuenta el formato a utilizar y así realizar la maqueta correspondiente.
SECCION AUREA  La sección Aurea constituye la base para medir los tamaños del papel y sus principios se pueden utilizar como herramienta para conseguir diseños  equilibrados.
LA CUADRICULA SIMETRICA En la cuadricula simétrica la página par es una verdadera imagen espejo de la página impar.  El resultado es que los dos márgenes del lomo y de corte son iguales. Para poder colocar las acotaciones, los márgenes de corte son proporcionalmente más grande.
VARIACIONES SIMETRICAS Las cuadrículas simétricas tienen como finalidad organizar la información y transmitir la sensación de equilibrio en una doble página. La estructura de la página impar se refleja en la par en cuanto a la situación de las columnas  y la anchura de la caja de texto.
UNA COLUMNA
DOS COLUMNAS
TRES COLUMNAS
CUATRO COLUMNAS
MÁS DE CUATRO COLUMNAS
CUADRICULA SIMETRICA EN COLUMNAS
CUADRICULA SIMETRICA EN MODULOS

Más contenido relacionado

La actualidad más candente

Layout
LayoutLayout
Layoutepreya
 
Layout
LayoutLayout
Layoutepreya
 
Layout
LayoutLayout
Layoutepreya
 
Ddiagramacion
DdiagramacionDdiagramacion
Ddiagramacion
Alexita Arroyo
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
CARLA ESPINOZA
 
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
eme2525
 

La actualidad más candente (17)

LAYOUT
LAYOUTLAYOUT
LAYOUT
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
Layout
LayoutLayout
Layout
 
Sesión iv el layout
Sesión iv el layoutSesión iv el layout
Sesión iv el layout
 
Sesión iv el layout
Sesión iv el layoutSesión iv el layout
Sesión iv el layout
 
Layout (1)
Layout (1)Layout (1)
Layout (1)
 
Layout (1)
Layout (1)Layout (1)
Layout (1)
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Layout presentacion
Layout presentacionLayout presentacion
Layout presentacion
 
Ddiagramacion
DdiagramacionDdiagramacion
Ddiagramacion
 
Layout1
Layout1Layout1
Layout1
 
Layout1
Layout1Layout1
Layout1
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
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
 

Similar a Layout

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.
Monica Pelaez
 
T2 pa3drawienskygarcia
T2 pa3drawienskygarciaT2 pa3drawienskygarcia
T2 pa3drawienskygarcia
DrawienskyGarcia
 
Layout
LayoutLayout
Layout
blogsandra10
 
Layout
LayoutLayout
Layout
blogsandra10
 
Layout
LayoutLayout
Layout
blogsandra10
 
Layout
LayoutLayout
Layout
blogsandra10
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
TiaKaka
 
Maquetacion y reticulas
Maquetacion  y reticulasMaquetacion  y reticulas
Maquetacion y reticulasErika Nieto
 
Maquetacion y reticulas
Maquetacion y reticulasMaquetacion y reticulas
Maquetacion y reticulasErika Nieto
 
Maquetación y retículas
Maquetación y retículasMaquetación y retículas
Maquetación y retículasflacorpsemuh
 

Similar a Layout (20)

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
 
Layout
LayoutLayout
Layout
 
T2 pa3drawienskygarcia
T2 pa3drawienskygarciaT2 pa3drawienskygarcia
T2 pa3drawienskygarcia
 
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
 
Maquetacion y reticulas
Maquetacion  y reticulasMaquetacion  y reticulas
Maquetacion y reticulas
 
Maquetacion y reticulas
Maquetacion y reticulasMaquetacion y reticulas
Maquetacion y reticulas
 
Layout
LayoutLayout
Layout
 
Maquetacion layout
Maquetacion layoutMaquetacion layout
Maquetacion layout
 
Maquetación y retículas
Maquetación y retículasMaquetación y retículas
Maquetación y retículas
 

Último

leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
JimmyTejadaSalizar
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
ValeriaAyala48
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
sarasofiamontezuma
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 

Último (20)

leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 

Layout

  • 2.
  • 3. FUNDAMENTOS La maquetación permite que el lector vea de manera rápida y sin mayor esfuerzo el texto y los elementos visuales que se le presentan en diferentes medios, esto es posible cuando se tiene en cuenta que el contenido es lo más importante independiente si la información está en una revista, una página de internet, en televisión o cualquier empaque. La ubicación de los elementos está dentro del espacio dispuesto para ellos siguiendo un esquema estético global dando como resultado información e imagen fácil de entender.
  • 4. TRABAJARCON PÁGINAS La página es un espacio donde se pueden presentar imágenes y texto, para lograr un buen resultado hay que tener en cuenta el tema y el público objetivo. Hay que tener en cuenta el formato a utilizar y así realizar la maqueta correspondiente.
  • 5. SECCION AUREA La sección Aurea constituye la base para medir los tamaños del papel y sus principios se pueden utilizar como herramienta para conseguir diseños equilibrados.
  • 6.
  • 7. LA CUADRICULA SIMETRICA En la cuadricula simétrica la página par es una verdadera imagen espejo de la página impar. El resultado es que los dos márgenes del lomo y de corte son iguales. Para poder colocar las acotaciones, los márgenes de corte son proporcionalmente más grande.
  • 8. VARIACIONES SIMETRICAS Las cuadrículas simétricas tienen como finalidad organizar la información y transmitir la sensación de equilibrio en una doble página. La estructura de la página impar se refleja en la par en cuanto a la situación de las columnas y la anchura de la caja de texto.
  • 13. MÁS DE CUATRO COLUMNAS