SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
Existen varias formas de maquetar una pieza
   de diseño, aquí presentaremos algunas
  formas y principios de estructuras básicas
  para componer en una piezas de diseño.
Es una medida que fue
  calculada en la antigüedad y
que define la proporción “ideal”
 de las cosas. Para este caso, se
           usa para establecer la
estructura de la pieza a diseñar.
      Esta estructura genera una
      sensación de armonía y es
             agradable a la vista.
Creada en el siglo XX, es la
estructura básica por
excelencia. Consiste en dos
campos de texto que se
construyen a través de una
serie de líneas que se
entrecruzan y genera unos
puntos de encuentro que se
convierten en las esquinas
de cada campo de texto.
Cuadrícula simétrica de dos columnas
                                                                    El fin de usar una cuadrícula simétrica es de
                                                                   organizar la información de tal forma que se
                                                                         genere una sensación de equilibrio en la
                                                                            pagina. Sin embargo, existen algunas
                                                                                variaciones para esa cuadrícula.
                                                Cuadrícula de dos columnas

                                                                                            Cuadrícula de cinco columnas




                                       Cuadrícula de una columna
Asimétrico no quiere decir que no exista
estructura, estas cuadrículas tienen como
característica que las proporciones de las
columnas y elementos que componen el diseño
varían con respecto a las estructuras simétricas lo
que genera dinamismo a la página y el uso de
elementos inclinados, iconos etc.
Ejemplos layout

Más contenido relacionado

La actualidad más candente

39656006 patrones-de-diseno-de-aplicaciones-moviles
39656006 patrones-de-diseno-de-aplicaciones-moviles39656006 patrones-de-diseno-de-aplicaciones-moviles
39656006 patrones-de-diseno-de-aplicaciones-moviles
Candy Martinez Perez
 
Orientacion administrativa
Orientacion administrativaOrientacion administrativa
Orientacion administrativa
Maria Rodriguez
 
Modelo dimensional de un proceso de negocio
Modelo dimensional de un proceso de negocioModelo dimensional de un proceso de negocio
Modelo dimensional de un proceso de negocio
Miguel Orquera
 

La actualidad más candente (20)

QAP Correlación
QAP CorrelaciónQAP Correlación
QAP Correlación
 
39656006 patrones-de-diseno-de-aplicaciones-moviles
39656006 patrones-de-diseno-de-aplicaciones-moviles39656006 patrones-de-diseno-de-aplicaciones-moviles
39656006 patrones-de-diseno-de-aplicaciones-moviles
 
Bases de datos, Tipos e importancia
Bases de datos, Tipos e importanciaBases de datos, Tipos e importancia
Bases de datos, Tipos e importancia
 
Ejemplos Graficas de Control
Ejemplos Graficas de Control Ejemplos Graficas de Control
Ejemplos Graficas de Control
 
Orientacion administrativa
Orientacion administrativaOrientacion administrativa
Orientacion administrativa
 
Como crear un diagrama de clases
Como crear un diagrama de clasesComo crear un diagrama de clases
Como crear un diagrama de clases
 
Base de Datos(Funciones, Vistas,Procedimientos Almacenados,Triggers)
Base de Datos(Funciones, Vistas,Procedimientos Almacenados,Triggers)Base de Datos(Funciones, Vistas,Procedimientos Almacenados,Triggers)
Base de Datos(Funciones, Vistas,Procedimientos Almacenados,Triggers)
 
Opciones en la Adquisicion de sistemas de informacion.pdf (1).pdf
Opciones en la Adquisicion de sistemas de informacion.pdf (1).pdfOpciones en la Adquisicion de sistemas de informacion.pdf (1).pdf
Opciones en la Adquisicion de sistemas de informacion.pdf (1).pdf
 
Administracion de perifericos
Administracion de perifericosAdministracion de perifericos
Administracion de perifericos
 
Diagramas de Flujos de Datos
Diagramas de Flujos de DatosDiagramas de Flujos de Datos
Diagramas de Flujos de Datos
 
Áreas de aplicación de la simulación . Software Promodel. Por Angela Rivas
Áreas de aplicación de la simulación. Software Promodel. Por Angela RivasÁreas de aplicación de la simulación. Software Promodel. Por Angela Rivas
Áreas de aplicación de la simulación . Software Promodel. Por Angela Rivas
 
Modelo de Organización Inteligente
Modelo de Organización InteligenteModelo de Organización Inteligente
Modelo de Organización Inteligente
 
Mapa conceptual Arquitecto de Software
Mapa conceptual Arquitecto de SoftwareMapa conceptual Arquitecto de Software
Mapa conceptual Arquitecto de Software
 
Mapa mental de aseguramiento de calidad
Mapa mental de aseguramiento de calidadMapa mental de aseguramiento de calidad
Mapa mental de aseguramiento de calidad
 
CARTAS DE CONTROL X BARRA Y R.pdf
CARTAS DE CONTROL X BARRA Y R.pdfCARTAS DE CONTROL X BARRA Y R.pdf
CARTAS DE CONTROL X BARRA Y R.pdf
 
Apache CouchDB
Apache CouchDBApache CouchDB
Apache CouchDB
 
Optimizacion de redes
Optimizacion de redesOptimizacion de redes
Optimizacion de redes
 
Diagrama de flujo
Diagrama de flujoDiagrama de flujo
Diagrama de flujo
 
Manuales administrativos
Manuales administrativosManuales administrativos
Manuales administrativos
 
Modelo dimensional de un proceso de negocio
Modelo dimensional de un proceso de negocioModelo dimensional de un proceso de negocio
Modelo dimensional de un proceso de negocio
 

Similar a Ejemplos layout (20)

ejemploslayout-120218153452-phpapp02.pdf
ejemploslayout-120218153452-phpapp02.pdfejemploslayout-120218153452-phpapp02.pdf
ejemploslayout-120218153452-phpapp02.pdf
 
Layout
Layout Layout
Layout
 
presentación Layout sesion 4
presentación Layout sesion 4presentación Layout sesion 4
presentación Layout sesion 4
 
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
LAYOUTLAYOUT
LAYOUT
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
Layout
LayoutLayout
Layout
 
El layout
El layoutEl layout
El layout
 
Layout maquetación
Layout maquetaciónLayout maquetación
Layout maquetación
 
El Layout
El LayoutEl Layout
El Layout
 
El Layout
El LayoutEl Layout
El Layout
 
'Layout'
'Layout''Layout'
'Layout'
 

Último

ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
EdisonCondesoDelgado1
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
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
Leo Florez
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
irenecarmona12
 

Último (20)

ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
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
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
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
 
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
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 

Ejemplos layout

  • 1.
  • 2. Existen varias formas de maquetar una pieza de diseño, aquí presentaremos algunas formas y principios de estructuras básicas para componer en una piezas de diseño.
  • 3. Es una medida que fue calculada en la antigüedad y que define la proporción “ideal” de las cosas. Para este caso, se usa para establecer la estructura de la pieza a diseñar. Esta estructura genera una sensación de armonía y es agradable a la vista.
  • 4. Creada en el siglo XX, es la estructura básica por excelencia. Consiste en dos campos de texto que se construyen a través de una serie de líneas que se entrecruzan y genera unos puntos de encuentro que se convierten en las esquinas de cada campo de texto.
  • 5. Cuadrícula simétrica de dos columnas El fin de usar una cuadrícula simétrica es de organizar la información de tal forma que se genere una sensación de equilibrio en la pagina. Sin embargo, existen algunas variaciones para esa cuadrícula. Cuadrícula de dos columnas Cuadrícula de cinco columnas Cuadrícula de una columna
  • 6. Asimétrico no quiere decir que no exista estructura, estas cuadrículas tienen como característica que las proporciones de las columnas y elementos que componen el diseño varían con respecto a las estructuras simétricas lo que genera dinamismo a la página y el uso de elementos inclinados, iconos etc.