SlideShare una empresa de Scribd logo
1 de 7
LAYOUT
COMO ESTRUCTURA




                        El camino de mostrar un contenido
                        visual a los espectadores y lectores
                        sin que requieran mayor esfuerzo.




Diana Patricia Gaitán
LAYOUT
COMO ESTRUCTURA                      SIMÉTRICA




                        Las dos paginas relacionadas en uno
                        de los libros de Neruda: “Cofienso”
                        Hace referencia a la maquetación mas
                        utilizada en los textos literarios. se
                        maneja una retícula espejo en cada
                        pagina y se basa en las medidas y
                        espaciados. Es elegante pero tambien
                        monotona.
Diana Patricia Gaitán
LAYOUT
COMO ESTRUCTURA                       SIMÉTRICA
                                      CON
                                      COLUMNAS




                        Esta cuadrícula simétrica consta de 4
                        columnas en cada pagina y sigue
                        manteniendo el orden en margenes y
                        distribución de texto. tres columnas
                        ocupan el texto por cada pagina y una
                        con mas ancho se dispone para las
                        fotografías. Así mismo los encabezados
                        ocupan las 3 columnas.
                        Esta clase de Layout se utiliza mucho en
                        los periodicos y revistas.
Diana Patricia Gaitán
LAYOUT
COMO ESTRUCTURA                       SIMÉTRICA
                                      CON
                                      COLUMNAS




                        En la Web, Twitter es un claro ejemplo
                        del uso de la simetria con columnas. el
                        perfil y la plataforma esta compuestas
                        por la cabecera que es una sola
                        columna y se sigue deplegando en dos
                        columnas. la columna mas ancha se
                        situa al costado derecho donde se
                        observan los últimos comentarios. la
                        otra columna siendo mas angosta tiene
                        la información del usuario, otros
                        posibles prospectos a seguir y los
                        derechos de twitter.


Diana Patricia Gaitán
LAYOUT
COMO ESTRUCTURA                       SIMÉTRICA
                                      BASADA
                                      EN
                                      MODULOS




                        Esta imagen hace alusión aun evento
                        que se realiza anualmente en la
                        Universidad de Caldas. En este caso la
                        fotografía es de la pagina Web en el
                        2010. Donde se observa una simetría
                        que desglosa perfectamente las 4
                        imágenes referentes a la ultima fila sin
                        romper con el ritmo de la maquetación.
                        así disponen textos y contenidos
                        gráficos.
Diana Patricia Gaitán
LAYOUT
COMO ESTRUCTURA              a        SIMÉTRICA




                        La nueva estructura “Biografia” de
                        Facebook se ha vuelto asimétrica, no
                        constituye un orden en si. antes se podía
                        observar una retícula mas estándar pero
                        con el tiempo el usuario puede modificar
                        esta estructura dandole prelación algunas
                        imagines, videos y comentarios sobre
                        otros existentes en la pagina DEL PERFIL.
                        la pagina principal donde observaos
                        actualizaciones tiene un totovía una
                        estructura simétrica basada en columnas.
                        Pero como se observa en la fotografía de
                        mi pagina del perfil hay dos grandes
                        módulos que son fácilmente manipulables
                        para destacar una información de otra
                        logrando romper con un orden.



Diana Patricia Gaitán
LAYOUT
COMO ESTRUCTURA




                        En conclusión podemos
                        evidenciar que existen muchas
                        maneras de estructurar el
                        Layout. Pero es sin duda muy
                        importante tener en cuenta
                        ángulos de visión y conceptos
                        para estructural la via que el
                        lector y/o espectador vaya
                        usar puesto que es el camino a
                        la una recepción eficaz y
                        eficiente del mensaje.

Diana Patricia Gaitán

Más contenido relacionado

Destacado

Plan marketing online web asesor
Plan marketing online   web asesorPlan marketing online   web asesor
Plan marketing online web asesorEmerit Profe Sena
 
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)Ginis Cortes
 
Taller Arquitectura Web para Optimización SEO
Taller Arquitectura Web para Optimización SEOTaller Arquitectura Web para Optimización SEO
Taller Arquitectura Web para Optimización SEOMediaglobe Innova
 
Taller de Arquitectura de Informacion
Taller de Arquitectura de InformacionTaller de Arquitectura de Informacion
Taller de Arquitectura de InformacionJavier Velasco, PhD
 
Taller de arquitectura de información para web
Taller de arquitectura de información para webTaller de arquitectura de información para web
Taller de arquitectura de información para webUA WEB, A.C.
 

Destacado (7)

Plan marketing online web asesor
Plan marketing online   web asesorPlan marketing online   web asesor
Plan marketing online web asesor
 
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)
 
Arquitectura Web
Arquitectura WebArquitectura Web
Arquitectura Web
 
Taller Arquitectura Web para Optimización SEO
Taller Arquitectura Web para Optimización SEOTaller Arquitectura Web para Optimización SEO
Taller Arquitectura Web para Optimización SEO
 
Clase3 Procesoweb
Clase3 ProcesowebClase3 Procesoweb
Clase3 Procesoweb
 
Taller de Arquitectura de Informacion
Taller de Arquitectura de InformacionTaller de Arquitectura de Informacion
Taller de Arquitectura de Informacion
 
Taller de arquitectura de información para web
Taller de arquitectura de información para webTaller de arquitectura de información para web
Taller de arquitectura de información para web
 

Último

SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxJustoAlbertoBaltaSmi
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosCristianGmez22034
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....estefaniaortizsalina
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxLeo Florez
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALEvaMaraMorenoLago1
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYkarendaza9506
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEhayax3
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanaMarsielMendoza1
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxcalc5597
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGODIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGOyordanespinozanina
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 

Último (20)

SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGODIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 

Layout como estructura

  • 1. LAYOUT COMO ESTRUCTURA El camino de mostrar un contenido visual a los espectadores y lectores sin que requieran mayor esfuerzo. Diana Patricia Gaitán
  • 2. LAYOUT COMO ESTRUCTURA SIMÉTRICA Las dos paginas relacionadas en uno de los libros de Neruda: “Cofienso” Hace referencia a la maquetación mas utilizada en los textos literarios. se maneja una retícula espejo en cada pagina y se basa en las medidas y espaciados. Es elegante pero tambien monotona. Diana Patricia Gaitán
  • 3. LAYOUT COMO ESTRUCTURA SIMÉTRICA CON COLUMNAS Esta cuadrícula simétrica consta de 4 columnas en cada pagina y sigue manteniendo el orden en margenes y distribución de texto. tres columnas ocupan el texto por cada pagina y una con mas ancho se dispone para las fotografías. Así mismo los encabezados ocupan las 3 columnas. Esta clase de Layout se utiliza mucho en los periodicos y revistas. Diana Patricia Gaitán
  • 4. LAYOUT COMO ESTRUCTURA SIMÉTRICA CON COLUMNAS En la Web, Twitter es un claro ejemplo del uso de la simetria con columnas. el perfil y la plataforma esta compuestas por la cabecera que es una sola columna y se sigue deplegando en dos columnas. la columna mas ancha se situa al costado derecho donde se observan los últimos comentarios. la otra columna siendo mas angosta tiene la información del usuario, otros posibles prospectos a seguir y los derechos de twitter. Diana Patricia Gaitán
  • 5. LAYOUT COMO ESTRUCTURA SIMÉTRICA BASADA EN MODULOS Esta imagen hace alusión aun evento que se realiza anualmente en la Universidad de Caldas. En este caso la fotografía es de la pagina Web en el 2010. Donde se observa una simetría que desglosa perfectamente las 4 imágenes referentes a la ultima fila sin romper con el ritmo de la maquetación. así disponen textos y contenidos gráficos. Diana Patricia Gaitán
  • 6. LAYOUT COMO ESTRUCTURA a SIMÉTRICA La nueva estructura “Biografia” de Facebook se ha vuelto asimétrica, no constituye un orden en si. antes se podía observar una retícula mas estándar pero con el tiempo el usuario puede modificar esta estructura dandole prelación algunas imagines, videos y comentarios sobre otros existentes en la pagina DEL PERFIL. la pagina principal donde observaos actualizaciones tiene un totovía una estructura simétrica basada en columnas. Pero como se observa en la fotografía de mi pagina del perfil hay dos grandes módulos que son fácilmente manipulables para destacar una información de otra logrando romper con un orden. Diana Patricia Gaitán
  • 7. LAYOUT COMO ESTRUCTURA En conclusión podemos evidenciar que existen muchas maneras de estructurar el Layout. Pero es sin duda muy importante tener en cuenta ángulos de visión y conceptos para estructural la via que el lector y/o espectador vaya usar puesto que es el camino a la una recepción eficaz y eficiente del mensaje. Diana Patricia Gaitán