Grilla estructura

Grillas y estructuras web

Mg. Gabriela Tallarico – gabitallarico@gmail.com

Grilla

- Criterio normalizado de presentación de elementos y/o recursos.

- Aporta practicidad, armoniza la estética.

- Permite establecer patrones de regularidad visual.

- Divide el espacio en campos o espacios más pequeños

- Organización reticular (a modo de reja - para contener elementos)

- (Dis. Editorial) Los campos se separan entre sí por espacios intermedios. En web no es una condición indispensable, ni imprescindible.

utilidad

Mg. Gabriela Tallarico – gabitallarico@gmail.com

Estructuras básicas

Mg. Gabriela Tallarico – gabitallarico@gmail.com

Estructuras básicas

Estructuras básicas

Estructuras básicas

Estructuras básicas

Grilla en el diseño web

- tratar de automatizar/standarizar lo máximo posible el proceso de la construcción de la estructura de cualquier sitio.

- mantener la coherencia visual entre todas las vistas del sitio web.

- para facilitar el uso, el entendimiento y su modificación, procurando economía en el uso de código y flexibilidad para adaptarse a la mayor cantidad de necesidades de diagramación.

objetivo

Mg. Gabriela Tallarico – gabitallarico@gmail.com

Grilla en el diseño web

ejemplo

Grilla en el diseño web

ejemplo

Grilla en el diseño web

1. Marcar la caja contenedora externa (liquid o fix)

2. Identificar módulos o unidades de contenidos (principal diferencia con gráfica papel).

3. Trazar las líneas verticales principales y horizontales.

4. Construir cajas contenedoras entre las líneas establecidas.

construcción