Grilla estructura

Diseño web comenzando por estructuras de grillas simples

1. Grillas y estructuras web
. – .
Mg Gabriela Tallarico gabitallarico@gmail com

2. 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

3. Estructuras básicas
. – .
Mg Gabriela Tallarico gabitallarico@gmail com

4. Estructuras básicas

5. Estructuras básicas

6. Estructuras básicas

7. Estructuras básicas

8. 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

9. Grilla en el diseño web
ejemplo

10. Grilla en el diseño web
ejemplo

11. 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