Grillas y estructuras web Mg. Gabriela Tallarico – gabitallarico@gmail.com
Grilla <ul><li>- Criterio normalizado de presentación de elementos y/o recursos. </li></ul><ul><li>- Aporta practicidad, a...
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 estructu...
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 conten...
Upcoming SlideShare
Loading in …5
×

Grilla estructura

3,626 views

Published on

Diseño web comenzando por estructuras de grillas simples

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,626
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
46
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Grilla estructura

  1. 1. Grillas y estructuras web Mg. Gabriela Tallarico – gabitallarico@gmail.com
  2. 2. Grilla <ul><li>- Criterio normalizado de presentación de elementos y/o recursos. </li></ul><ul><li>- Aporta practicidad, armoniza la estética. </li></ul><ul><li>Permite establecer patrones de regularidad visual. </li></ul><ul><li>- Divide el espacio en campos o espacios más pequeños </li></ul><ul><li>Organización reticular (a modo de reja -  para contener elementos) </li></ul><ul><li>- (Dis. Editorial) Los campos se separan entre sí por espacios intermedios.  En web no es una condición indispensable, ni imprescindible. </li></ul>utilidad Mg. Gabriela Tallarico – gabitallarico@gmail.com
  3. 3. Estructuras básicas Mg. Gabriela Tallarico – gabitallarico@gmail.com
  4. 4. Estructuras básicas
  5. 5. Estructuras básicas
  6. 6. Estructuras básicas
  7. 7. Estructuras básicas
  8. 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. 9. Grilla en el diseño web ejemplo
  10. 10. Grilla en el diseño web ejemplo
  11. 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

×