• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Grilla estructura
 

Grilla estructura

on

  • 3,243 views

Diseño web comenzando por estructuras de grillas simples

Diseño web comenzando por estructuras de grillas simples

Statistics

Views

Total Views
3,243
Views on SlideShare
3,217
Embed Views
26

Actions

Likes
1
Downloads
31
Comments
0

1 Embed 26

http://www.slideshare.net 26

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Grilla estructura Grilla estructura Presentation Transcript

    • 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