SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

En vedette

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.
 

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

Dernier

Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
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
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
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
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 

Dernier (20)

Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
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
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
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
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 

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