Embed Size (px)
DESCRIPTION
Diseño web comenzando por estructuras de grillas simples
Citation preview
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
![[ CONTENIDOS ] Carr… · Ejemplo de estructura de grilla salarial [ 2. ] Mecanismos de movilidad 2.1. Cambio de Agrupamiento 2.2. Promoción Vertical (Tramos) 2.2.1. Tipos de Concursos](https://img.pdfslide.es/doc/110x75/5f06e69d7e708231d41a4be6/-contenidos-carr-ejemplo-de-estructura-de-grilla-salarial-2-mecanismos.jpg)
