SlideShare una empresa de Scribd logo
LAYOUT  “Boceto previo de la composición de un texto que se va a publicar, usado para determinar sus características definidas” FRANCY MOSQUERA MARIN
CONCEPTO El layout o bien llamado maqueta se refiere a la disposición de los elementos de texto e imagen en un diseño.
MAQUETACIÓN Determina en que posición van los elementos que componen una pagina.  La maquetación puede llegar a potenciar o perjudicar la recepción de la información que se presenta en determinado producto. Una creativa puede adherir valor y belleza; mientras que una sencilla contribuye a resaltar el contenido.
FUNDAMENTOS  La maquetación puede considerarse como la gestión de las formas y los espacios; el objetivo fundamental es presentar los componentes visuales y de texto de manera que la información se comunique de manera sencilla y eficaz.
TRABAJAR CON PAGINAS   Se considera una pagina el espacio el donde se pueden mostrar imágenes y texto, a la hora de presentar algo se debe tener en cuenta la finalidad  y el publico al que va dirigida para que resulte eficaz dicha publicación.
SECCIÓN ÁUREA  En el contexto grafico se constituye como la base para medir los tamaños de la página y la utilización de sus principios pueden hacer diseños equilibrados.
CUADRICULA SIMÉTRICA  Al intentar colocar objetos con precisión en la página y  es muy útil utilizar una cuadrícula de líneas simétrica. En la cuadricula simétrica la página par es el reflejo de la página impar, para que coincidan a la hora de imprimir.
CUADRICULA ASIMÉTRICA  Genera una página doble en donde ambas páginas siguen una maqueta igual. Da la posibilidad de ser creativos en algunos aspectos al tiempo que mantiene el diseño general de la publicación.
SCENE BY SCENE

Más contenido relacionado

La actualidad más candente

Layout Publicitario: Sesiòn IV
Layout Publicitario: Sesiòn IVLayout Publicitario: Sesiòn IV
Layout Publicitario: Sesiòn IV
yariyurany
 
Layout 2 final
Layout 2 finalLayout 2 final
Layout 2 final
paulacom4
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
TiaKaka
 
La diagramacion
La diagramacionLa diagramacion
La diagramacion
Mash169
 
Importancia de la maquetacion
Importancia de la maquetacionImportancia de la maquetacion
Importancia de la maquetacion
Kevin Leonardo Chipantashi Idrovo
 
Layout
LayoutLayout
Layout
LayoutLayout
Layout
epreya
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
Jordan Garcia
 
Layout
LayoutLayout
Layout
epreya
 
Layout
LayoutLayout
El Layout
El LayoutEl Layout
Layout
LayoutLayout
Layout
blogsandra10
 
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
 
Presentación diagramas y maquetas
Presentación diagramas y maquetasPresentación diagramas y maquetas
Presentación diagramas y maquetas
blancazuniga
 

La actualidad más candente (14)

Layout Publicitario: Sesiòn IV
Layout Publicitario: Sesiòn IVLayout Publicitario: Sesiòn IV
Layout Publicitario: Sesiòn IV
 
Layout 2 final
Layout 2 finalLayout 2 final
Layout 2 final
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
La diagramacion
La diagramacionLa diagramacion
La diagramacion
 
Importancia de la maquetacion
Importancia de la maquetacionImportancia de la maquetacion
Importancia de la maquetacion
 
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
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
El Layout
El LayoutEl Layout
El Layout
 
Layout
LayoutLayout
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
 
Presentación diagramas y maquetas
Presentación diagramas y maquetasPresentación diagramas y maquetas
Presentación diagramas y maquetas
 

Destacado

LAYOUT O MAQUETACIÓN
LAYOUT O MAQUETACIÓNLAYOUT O MAQUETACIÓN
LAYOUT O MAQUETACIÓN
flakitasmartp
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
jeimmymartin
 
Layout
LayoutLayout
El layout
El layoutEl layout
El layout
jonbethan
 
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
Angelica 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 usuario
nicohansen88
 
Profundidad de color
Profundidad de colorProfundidad de color
Profundidad de color
mfbernardez
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
Adrianagz
 
Expo color
Expo colorExpo color
Expo color
Luis Frias
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
Cristóbal Severín
 
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
César Jodra
 
Textura
TexturaTextura
Textura
Luis Frias
 
Modelos de Color
Modelos de ColorModelos de Color
Modelos de Color
Paul Zavalza
 
Significado de combinaciones de colores
Significado de combinaciones de coloresSignificado de combinaciones de colores
Significado de combinaciones de colores
Alejandra López
 
Que es imagen digital
Que es imagen digitalQue es imagen digital
Que es imagen digital
Natalia 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 web
Junior Georghinno
 
Diseño Grafico
Diseño GraficoDiseño Grafico
Diseño Grafico
FreddyLalaleo
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
Desire Esquivel Infantes
 
Realidad, PercepcióN Y Imagen
Realidad, PercepcióN Y ImagenRealidad, PercepcióN Y Imagen
Realidad, PercepcióN Y Imagen
antoniocarrellan
 
Las TIC en Plastica
Las TIC en PlasticaLas TIC en Plastica
Las TIC en Plastica
Lucía Alvarez
 

Destacado (20)

LAYOUT O MAQUETACIÓN
LAYOUT O MAQUETACIÓNLAYOUT O MAQUETACIÓN
LAYOUT O MAQUETACIÓN
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
Layout
LayoutLayout
Layout
 
El layout
El layoutEl layout
El layout
 
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
 
Las TIC en Plastica
Las TIC en PlasticaLas TIC en Plastica
Las TIC en Plastica
 

Similar a Layout

Principios básicos
Principios básicosPrincipios básicos
Principios básicos
Adrianagz
 
Layout
LayoutLayout
Layout
desarmientob
 
Layout presentación
Layout presentaciónLayout presentación
Layout presentación
mmratona
 
El layout
El layoutEl layout
El layout
Diana Amaya
 
Sesión iv el layout
Sesión iv el layoutSesión iv el layout
Sesión iv el layout
jhonfredyperezchaparro
 
Layout
LayoutLayout
Layout
kritocruz
 
Layout
LayoutLayout
Layout
LayoutLayout
Layout (1)
Layout (1)Layout (1)
Layout (1)
negrahermosa
 
Layout (1)
Layout (1)Layout (1)
Layout (1)
negrahermosa
 
Layout
Layout Layout
Layout
vickotorres
 
Seccion 4
Seccion 4Seccion 4
Layout
LayoutLayout
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
 
Layout
LayoutLayout
Layout
Elianalugo
 
Layout
LayoutLayout
Layout
LayoutLayout
Layout
epreya
 
Layout
LayoutLayout
Layout
blogsandra10
 
Layout
LayoutLayout
Layout
blogsandra10
 
Layout
LayoutLayout
Layout
blogsandra10
 

Similar a Layout (20)

Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Layout
LayoutLayout
Layout
 
Layout presentación
Layout presentaciónLayout presentación
Layout presentación
 
El layout
El layoutEl layout
El layout
 
Sesión iv el layout
Sesión iv el layoutSesión iv el layout
Sesión iv el layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Layout (1)
Layout (1)Layout (1)
Layout (1)
 
Layout (1)
Layout (1)Layout (1)
Layout (1)
 
Layout
Layout Layout
Layout
 
Seccion 4
Seccion 4Seccion 4
Seccion 4
 
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
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 
Layout
LayoutLayout
Layout
 

Más de FRANCYMOSQUERA

Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
FRANCYMOSQUERA
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
FRANCYMOSQUERA
 
Formatos
FormatosFormatos
Formatos
FRANCYMOSQUERA
 
Layout
LayoutLayout
Layout
LayoutLayout
Espacio del diseño publicitario
Espacio del diseño publicitarioEspacio del diseño publicitario
Espacio del diseño publicitario
FRANCYMOSQUERA
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
FRANCYMOSQUERA
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
FRANCYMOSQUERA
 

Más de FRANCYMOSQUERA (10)

Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
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 del diseño publicitario
Espacio del diseño publicitarioEspacio del diseño publicitario
Espacio del diseño publicitario
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 

Layout

  • 1. LAYOUT “Boceto previo de la composición de un texto que se va a publicar, usado para determinar sus características definidas” FRANCY MOSQUERA MARIN
  • 2. CONCEPTO El layout o bien llamado maqueta se refiere a la disposición de los elementos de texto e imagen en un diseño.
  • 3. MAQUETACIÓN Determina en que posición van los elementos que componen una pagina. La maquetación puede llegar a potenciar o perjudicar la recepción de la información que se presenta en determinado producto. Una creativa puede adherir valor y belleza; mientras que una sencilla contribuye a resaltar el contenido.
  • 4. FUNDAMENTOS La maquetación puede considerarse como la gestión de las formas y los espacios; el objetivo fundamental es presentar los componentes visuales y de texto de manera que la información se comunique de manera sencilla y eficaz.
  • 5. TRABAJAR CON PAGINAS Se considera una pagina el espacio el donde se pueden mostrar imágenes y texto, a la hora de presentar algo se debe tener en cuenta la finalidad y el publico al que va dirigida para que resulte eficaz dicha publicación.
  • 6. SECCIÓN ÁUREA En el contexto grafico se constituye como la base para medir los tamaños de la página y la utilización de sus principios pueden hacer diseños equilibrados.
  • 7. CUADRICULA SIMÉTRICA Al intentar colocar objetos con precisión en la página y es muy útil utilizar una cuadrícula de líneas simétrica. En la cuadricula simétrica la página par es el reflejo de la página impar, para que coincidan a la hora de imprimir.
  • 8. CUADRICULA ASIMÉTRICA Genera una página doble en donde ambas páginas siguen una maqueta igual. Da la posibilidad de ser creativos en algunos aspectos al tiempo que mantiene el diseño general de la publicación.