Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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 – [email protected]
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 – [email protected]
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
Related Documents
