SlideShare une entreprise Scribd logo
1  sur  10
Télécharger pour lire hors ligne
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.

Contenu connexe

Tendances

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
 

Tendances (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
 

En vedette

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
 

En vedette (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
 

Similaire à 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
 

Plus de jeimmymartin

Plus 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
 

Dernier

Apunte de clase Pisos y Revestimientos 1
Apunte de clase Pisos y Revestimientos 1Apunte de clase Pisos y Revestimientos 1
Apunte de clase Pisos y Revestimientos 1Gonella
 
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptxLa-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptxMAURICIO329243
 
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsa
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsaPresentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsa
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsaFarid Abud
 
Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacionviviantorres91
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOEveliaHernandez8
 
tema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVtema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVChema R.
 
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.karlazoegarciagarcia
 
Docencia en la Era de la Inteligencia Artificial UB4 Ccesa007.pdf
Docencia en la Era de la Inteligencia Artificial UB4  Ccesa007.pdfDocencia en la Era de la Inteligencia Artificial UB4  Ccesa007.pdf
Docencia en la Era de la Inteligencia Artificial UB4 Ccesa007.pdfDemetrio Ccesa Rayme
 
Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3Gonella
 
4° SEM23 ANEXOS DEL DOCENTE 2023-2024.pptx
4° SEM23 ANEXOS DEL DOCENTE 2023-2024.pptx4° SEM23 ANEXOS DEL DOCENTE 2023-2024.pptx
4° SEM23 ANEXOS DEL DOCENTE 2023-2024.pptxfotofamilia008
 
Libro Ecuador Realidad Nacional ECUADOR.
Libro Ecuador Realidad Nacional ECUADOR.Libro Ecuador Realidad Nacional ECUADOR.
Libro Ecuador Realidad Nacional ECUADOR.Edith Liccioni
 
Buenas Practicas de Manufactura para Industria Farmaceutica
Buenas Practicas de Manufactura para Industria FarmaceuticaBuenas Practicas de Manufactura para Industria Farmaceutica
Buenas Practicas de Manufactura para Industria FarmaceuticaMarco Camacho
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdflizcortes48
 
5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectosTrishGutirrez
 
Salvando mi mundo , mi comunidad , y mi entorno
Salvando mi mundo , mi comunidad  , y mi entornoSalvando mi mundo , mi comunidad  , y mi entorno
Salvando mi mundo , mi comunidad , y mi entornoday561sol
 
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdf
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdfBITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdf
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdfsolidalilaalvaradoro
 

Dernier (20)

Sesión ¿Amor o egoísmo? Esa es la cuestión
Sesión  ¿Amor o egoísmo? Esa es la cuestiónSesión  ¿Amor o egoísmo? Esa es la cuestión
Sesión ¿Amor o egoísmo? Esa es la cuestión
 
Apunte de clase Pisos y Revestimientos 1
Apunte de clase Pisos y Revestimientos 1Apunte de clase Pisos y Revestimientos 1
Apunte de clase Pisos y Revestimientos 1
 
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptxLa-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
 
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsa
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsaPresentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsa
Presentacionde Prueba 2024 dsdasdasdsadsadsadsadasdasdsadsa
 
Act#25 TDLab. Eclipse Solar 08/abril/2024
Act#25 TDLab. Eclipse Solar 08/abril/2024Act#25 TDLab. Eclipse Solar 08/abril/2024
Act#25 TDLab. Eclipse Solar 08/abril/2024
 
Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacion
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
 
tema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVtema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XV
 
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.ENSEÑAR ACUIDAR  EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
ENSEÑAR ACUIDAR EL MEDIO AMBIENTE ES ENSEÑAR A VALORAR LA VIDA.
 
Docencia en la Era de la Inteligencia Artificial UB4 Ccesa007.pdf
Docencia en la Era de la Inteligencia Artificial UB4  Ccesa007.pdfDocencia en la Era de la Inteligencia Artificial UB4  Ccesa007.pdf
Docencia en la Era de la Inteligencia Artificial UB4 Ccesa007.pdf
 
Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3Apunte de clase Pisos y Revestimientos 3
Apunte de clase Pisos y Revestimientos 3
 
4° SEM23 ANEXOS DEL DOCENTE 2023-2024.pptx
4° SEM23 ANEXOS DEL DOCENTE 2023-2024.pptx4° SEM23 ANEXOS DEL DOCENTE 2023-2024.pptx
4° SEM23 ANEXOS DEL DOCENTE 2023-2024.pptx
 
Libro Ecuador Realidad Nacional ECUADOR.
Libro Ecuador Realidad Nacional ECUADOR.Libro Ecuador Realidad Nacional ECUADOR.
Libro Ecuador Realidad Nacional ECUADOR.
 
AO TEATRO, COM ANTÓNIO MOTA! _
AO TEATRO, COM ANTÓNIO MOTA!             _AO TEATRO, COM ANTÓNIO MOTA!             _
AO TEATRO, COM ANTÓNIO MOTA! _
 
Buenas Practicas de Manufactura para Industria Farmaceutica
Buenas Practicas de Manufactura para Industria FarmaceuticaBuenas Practicas de Manufactura para Industria Farmaceutica
Buenas Practicas de Manufactura para Industria Farmaceutica
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdf
 
5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos5° Proyecto 13 Cuadernillo para proyectos
5° Proyecto 13 Cuadernillo para proyectos
 
Salvando mi mundo , mi comunidad , y mi entorno
Salvando mi mundo , mi comunidad  , y mi entornoSalvando mi mundo , mi comunidad  , y mi entorno
Salvando mi mundo , mi comunidad , y mi entorno
 
¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx
 
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdf
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdfBITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdf
BITÁCORA DE ESTUDIO DE PROBLEMÁTICA. TUTORÍA V. PDF 2 UNIDAD.pdf
 

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.