Ahora vamos a evaluar las diferencias entre diagramar con grilla para monitores y celulares. Para ver toda la linea síguenos en mehaceslataba.com y en nuestro videoblog en youtube: Me haces la taba.

2. TEMARIO
• Medidas
• Diagramar usando Grilla
• Estilos de capa
• Transformar
• Máscara de capa
• Ejercicio N°2
Miércoles 19
Agosto
2

3. MEDIDAS

5. iPhone 4 (4, 4S) 640 x 960
Samsung Galaxy S III 720 x 1280
iPhone 5 640 x 1136
BlackBerry Curve 9320 320 x 240
Galaxy S4 1920 x 1080
LG Optimus L9 540 x 960
Samsung Galaxy Note II 720 x 1280
Google Nexus 4 by LG 768 x 1280
Galaxy Nexus 720 x 1280
Google Nexus 5 1920 x 1080
Samsung Galaxy Note III 1920 x 1080

6. ¿QUÉ TIENEN EN
COMÚN TODOS ESTOS
NÚMEROS?
240 – 320 – 480 – 640 – 720 – 1920

7. DIAGRAMAR
USANDO
GRILLA

9. Las grillas o rejillas nos permiten
comprender como integramos los
elementos y definirlos teniendo en
cuenta todos los formatos en los
cuales será vista la página web.
La otra opción es contar con
diseños diferentes para
computadora, Tablet y celular.
DIAGRAMAR
USANDO
GRILLA

10. 1. Finalizar el boceto del home
y definir los elementos que
va a tener.
2. Conseguir las imágenes
necesarias para la web. (se
deben considerar dos
propuestas para el banner
principal)
3. Definir los textos.
4. Realizar el ejercicio de
práctica.
EJERCICIO N°2
Presentación: Sábado 22
Formato: Digital