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
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
ilvrosiebp
 
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
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 

Último (20)

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
 
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
 
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
 
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
 
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
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Manual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdfManual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdf
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
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
 
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
 
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
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
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
 
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
 

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.