Diseñar la cuadrícula

Cuando creas un nuevo proyecto Documenta, tanto si se trata de un proyecto de cuadrícula interactiva como de menú lateral, tienes a tu disposición una cuadrícula compuesta por un determinado número de celdas. Puedes personalizar esta cuadrícula para que se adapte a las necesidades de tu proyecto: cambiar los colores, aumentar o disminuir el número de celdas, unir varias celdas, darle un tamaño fijo a la página, etc.

Vamos a ver algunos ejemplos de
diseños de cuadrícula:

————– EJEMPLO 1

Cuadrícula de 5 columnas x 1 fila
Fondo gris oscuro
Líneas gris claro
Los contenidos se ampliarán ocupando varias celdas.

————– EJEMPLO 2

Cuadrícula de 2 columnas x 2 filas.
Se le ha dado un tamaño fijo a la página: 1000 píxels de anchura x 436 píxels de altura.
La dos filas de la columna de la izquierda están unidas
Fondo verde
Líneas en rojo

————– EJEMPLO 3

Formato de menú lateral. En este formato, los contenidos se amplían todos en la derecha.
Se le ha dado un tamaño fijo a la página: 600 píxels de anchura x 570 píxels de altura.
Cuadrícula de 2 columnas x 7 filas
En algunas de las filas las celdas están unidas
Fondo azul
Líneas en blanco

————– EJEMPLO 4

Cuadrícula de 7 columnas x 3 filas.
Se le ha dado un tamaño fijo a la página: 1100 píxels de anchura x 600 píxels de altura.
Los textos ocupan varias celdas unidas.
Fondo blanco
Líneas gris claro
Casi todas las imágenes se han puesto en celdas sin unir, para que se puedan ampliar ocupando varias celdas (las celdas unidas no admiten más ampliación).

————– EJEMPLO 5

Cuadrícula de 5 columnas x 5 filas
Las 3 columnas del centro están unidas para poner dentro un bloque de texto grande, y parte de las filas de la columna derecha están unidas.
Las celdas de la columna izquierda tienen la función de menús, cuyos contenidos se ampliarán ocupando todo el espacio central.
Fondo blanco
Líneas gris

————– EJEMPLO 6

Cuadrícula de 6 columnas x 4 filas
Algunas de las celdas están unidas para crear espacios más grandes
Las celdas de la columna izquierda tienen la función de menús de imágenes, cuyos contenidos se ampliarán al activarse ocupando varias celdas.
Fondo y líneas en blanco

————– EJEMPLO 7

Cuadrícula de 6 columnas x 19 filas.
Se le ha dado un tamaño fijo a la página: 1300 píxels de anchura x 3500 píxels de altura.
Hay celdas unidas para mostrar grandes bloques de texto  y también para mostrar imágenes grandes.
Fondo blanco
Líneas gris clarito

————– EJEMPLO 8

Cuadrícula de 4 columnas x 11 filas
Se le ha dado un tamaño fijo a la página: 1100 píxels de anchura x 1800 píxels de altura.
Todas las celdas de las columnas centrales están unidas para mostrar el texto en bloque.
Fondo y líneas en blanco

 

Quieres aprender más cosas de Documenta?
Clica aquí para acceder a todos los videotutoriales! >>