SlideShare una empresa de Scribd logo
1 de 10
LAYOUT Hecho por: Jeimmy Martin
LAYOUT Disposición de textos  e imágenes  de un diseño,  su relación entre si y el esquema como tal, ello determinara y reflejara como los lectores captaran el contenido del mensaje. El Layout nos muestra la complejidad y belleza de los diseños.
TRABAJAR CON PAGINAS La pagina es un espacio donde se presentan imágenes y texto, teniendo en cuenta para ello el publico al que nos vamos a dirigir , las características del formato que son reflejadas en la maqueta; un conjunto de líneas invisibles.
LA SECCION AUREA Base para medir los tamaños del papel y tener un diseño equilibrado y proporcionado
LA CUADRICULA SIMETRICA La cuadricula es utilizada para organizar la información dándole un sentido lógico, y de equilibrio,  las dos paginas deben estar iguales , la pagina par es una imagen espejo de la pagina impar
VARIACIONES SIMETRICAS Simétrica de 2 columnas:  Nos permite una lectura equilibrada y seguida. 1 columna:  Es mas difícil de leer , no se recomienda mas de 60 caracteres por línea.
2 Columnas:  La columna mas ancha  es utilizada para el texto base  y se complementa con la segunda. 5 Columnas: Son utilizadas para información mas detallada
LA CUADRICULA ASIMETRICA La cuadricula es utilizada para organizar la información ambas paginas tienen una maqueta idéntica, sus columnas son de diferente anchura así es marcada una inclinación hacia un lado de la pagina, ofreciendo la posibilidad de un uso creativo manteniendo la coherencia del mensaje.
La cuadricula asimétrica basada en módulos nos  permite estructurar  y situar los elementos, el texto se divide y distribuye por el diseño favoreciendo el uso de las imágenes.

Más contenido relacionado

La actualidad más candente

Principios básicos
Principios básicosPrincipios básicos
Principios básicosAdrianagz
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicionRenan Israel
 
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 1eme2525
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDavid Nuñez
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónCARLA ESPINOZA
 
Layout
LayoutLayout
Layoutepreya
 
SESIÓN IV: LAYOUT
SESIÓN IV: LAYOUTSESIÓN IV: LAYOUT
SESIÓN IV: LAYOUTTelma Reina
 
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.1Fai06
 
La diagramacion
La diagramacionLa diagramacion
La diagramacionMash169
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorialluiart
 

La actualidad más candente (18)

Layout (1)
Layout (1)Layout (1)
Layout (1)
 
Layout
LayoutLayout
Layout
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Diagramación y composicion
Diagramación y composicionDiagramación y composicion
Diagramación y composicion
 
El Layout
El LayoutEl Layout
El Layout
 
El layout
El layoutEl layout
El layout
 
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
 
Mapa mental
Mapa mentalMapa mental
Mapa mental
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
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
 
Mapa mental
Mapa mentalMapa mental
Mapa mental
 
SESIÓN IV: LAYOUT
SESIÓN IV: LAYOUTSESIÓN IV: LAYOUT
SESIÓN IV: 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
 
La diagramacion
La diagramacionLa diagramacion
La diagramacion
 
Retícula de composición editorial
Retícula de composición editorialRetícula de composición editorial
Retícula de composición editorial
 

Destacado

LAYOUT O MAQUETACIÓN
LAYOUT O MAQUETACIÓNLAYOUT O MAQUETACIÓN
LAYOUT O MAQUETACIÓNflakitasmartp
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4davidorozco7
 
Layout - De cuadrículas, columnas y simetría
Layout - De cuadrículas, columnas y simetríaLayout - De cuadrículas, columnas y simetría
Layout - De cuadrículas, columnas y simetríaAngelica Carbonell García
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarionicohansen88
 
Profundidad de color
Profundidad de colorProfundidad de color
Profundidad de colormfbernardez
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantallaAdrianagz
 
Conceptos de diseño gráfico para diseño web
Conceptos de diseño gráfico para diseño webConceptos de diseño gráfico para diseño web
Conceptos de diseño gráfico para diseño webCésar Jodra
 
Significado de combinaciones de colores
Significado de combinaciones de coloresSignificado de combinaciones de colores
Significado de combinaciones de coloresAlejandra López
 
Que es imagen digital
Que es imagen digitalQue es imagen digital
Que es imagen digitalNatalia Page
 
Aspectos tecnicos y esteticos de una pagina web
Aspectos tecnicos y esteticos de una pagina webAspectos tecnicos y esteticos de una pagina web
Aspectos tecnicos y esteticos de una pagina webJunior Georghinno
 
Realidad, PercepcióN Y Imagen
Realidad, PercepcióN Y ImagenRealidad, PercepcióN Y Imagen
Realidad, PercepcióN Y Imagenantoniocarrellan
 

Destacado (20)

LAYOUT O MAQUETACIÓN
LAYOUT O MAQUETACIÓNLAYOUT O MAQUETACIÓN
LAYOUT O MAQUETACIÓN
 
Layout
LayoutLayout
Layout
 
El layout
El layoutEl layout
El layout
 
Layout
LayoutLayout
Layout
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
 
Layout - De cuadrículas, columnas y simetría
Layout - De cuadrículas, columnas y simetríaLayout - De cuadrículas, columnas y simetría
Layout - De cuadrículas, columnas y simetría
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Profundidad de color
Profundidad de colorProfundidad de color
Profundidad de color
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
 
Expo color
Expo colorExpo color
Expo color
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
 
Conceptos de diseño gráfico para diseño web
Conceptos de diseño gráfico para diseño webConceptos de diseño gráfico para diseño web
Conceptos de diseño gráfico para diseño web
 
Textura
TexturaTextura
Textura
 
Modelos de Color
Modelos de ColorModelos de Color
Modelos de Color
 
Significado de combinaciones de colores
Significado de combinaciones de coloresSignificado de combinaciones de colores
Significado de combinaciones de colores
 
Que es imagen digital
Que es imagen digitalQue es imagen digital
Que es imagen digital
 
Aspectos tecnicos y esteticos de una pagina web
Aspectos tecnicos y esteticos de una pagina webAspectos tecnicos y esteticos de una pagina web
Aspectos tecnicos y esteticos de una pagina web
 
Diseño Grafico
Diseño GraficoDiseño Grafico
Diseño Grafico
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Realidad, PercepcióN Y Imagen
Realidad, PercepcióN Y ImagenRealidad, PercepcióN Y Imagen
Realidad, PercepcióN Y Imagen
 

Similar a LAYOUT (20)

Seccion 4
Seccion 4Seccion 4
Seccion 4
 
Layout1
Layout1Layout1
Layout1
 
Layout1
Layout1Layout1
Layout1
 
Layout
LayoutLayout
Layout
 
El Layout
El LayoutEl Layout
El Layout
 
Layout
LayoutLayout
Layout
 
El Layout
El LayoutEl Layout
El Layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
LAYOUT
LAYOUTLAYOUT
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.
 
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
Layout Layout
Layout
 

Más de jeimmymartin

Más de jeimmymartin (9)

RETICULA PARA PANTALLA
RETICULA PARA PANTALLARETICULA PARA PANTALLA
RETICULA PARA PANTALLA
 
FORMATO
FORMATOFORMATO
FORMATO
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
Formato
FormatoFormato
Formato
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
MENSAJE PUBLICITARIO
MENSAJE PUBLICITARIOMENSAJE PUBLICITARIO
MENSAJE PUBLICITARIO
 
ESPACIO EN EL MENSAJE PUBLICITARIO
ESPACIO EN EL MENSAJE PUBLICITARIOESPACIO EN EL MENSAJE PUBLICITARIO
ESPACIO EN EL MENSAJE PUBLICITARIO
 
ELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑOELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑO
 

Último

Flores Nacionales de América Latina - Botánica
Flores Nacionales de América Latina - BotánicaFlores Nacionales de América Latina - Botánica
Flores Nacionales de América Latina - BotánicaJuan Carlos Fonseca Mata
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxMapyMerma1
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Marketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETPMarketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETPANEP - DETP
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Baker Publishing Company
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 

Último (20)

Flores Nacionales de América Latina - Botánica
Flores Nacionales de América Latina - BotánicaFlores Nacionales de América Latina - Botánica
Flores Nacionales de América Latina - Botánica
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Procesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptxProcesos Didácticos en Educación Inicial .pptx
Procesos Didácticos en Educación Inicial .pptx
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Marketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETPMarketing y servicios 2ºBTP Cocina DGETP
Marketing y servicios 2ºBTP Cocina DGETP
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...Análisis de la Implementación de los Servicios Locales de Educación Pública p...
Análisis de la Implementación de los Servicios Locales de Educación Pública p...
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 

LAYOUT

  • 1. LAYOUT Hecho por: Jeimmy Martin
  • 2. LAYOUT Disposición de textos e imágenes de un diseño, su relación entre si y el esquema como tal, ello determinara y reflejara como los lectores captaran el contenido del mensaje. El Layout nos muestra la complejidad y belleza de los diseños.
  • 3. TRABAJAR CON PAGINAS La pagina es un espacio donde se presentan imágenes y texto, teniendo en cuenta para ello el publico al que nos vamos a dirigir , las características del formato que son reflejadas en la maqueta; un conjunto de líneas invisibles.
  • 4.
  • 5. LA SECCION AUREA Base para medir los tamaños del papel y tener un diseño equilibrado y proporcionado
  • 6. LA CUADRICULA SIMETRICA La cuadricula es utilizada para organizar la información dándole un sentido lógico, y de equilibrio, las dos paginas deben estar iguales , la pagina par es una imagen espejo de la pagina impar
  • 7. VARIACIONES SIMETRICAS Simétrica de 2 columnas: Nos permite una lectura equilibrada y seguida. 1 columna: Es mas difícil de leer , no se recomienda mas de 60 caracteres por línea.
  • 8. 2 Columnas: La columna mas ancha es utilizada para el texto base y se complementa con la segunda. 5 Columnas: Son utilizadas para información mas detallada
  • 9. LA CUADRICULA ASIMETRICA La cuadricula es utilizada para organizar la información ambas paginas tienen una maqueta idéntica, sus columnas son de diferente anchura así es marcada una inclinación hacia un lado de la pagina, ofreciendo la posibilidad de un uso creativo manteniendo la coherencia del mensaje.
  • 10. La cuadricula asimétrica basada en módulos nos permite estructurar y situar los elementos, el texto se divide y distribuye por el diseño favoreciendo el uso de las imágenes.