Android_Responsive_GDG_Bogota.pdf

Introducción sobre responsive design en Android. Aspectos a tener en cuenta a la hora de diseñar/programar UI, y otras hierbas

Transcript

1. ANDROID & RESPONSIVE DESIGN (TIPS & TRICKS) ! Felipe Calderon Barragan @felipeskab felipeskabarragan@gmail.com 1
2. PROBLEMAS EN ANDROID Realmente son problemas?
3. 4.0” 4.7” 7.0” 10.1” SCREEN SIZE
4. 480x800 720x1280 800x1280 (2012) 2560x1600 SCREEN RESOLUTIONS
5. 3:5 16:9 16:10 (2012) 16:10 SCREEN ASPECT RATIO
6. hdpi xhdpi tvdpi xhdpi SCREEN DENSITY
7. API 8 API 10 API 11 API 14 ANDROID API
8. ANDROID ORIENTATION
9. FUCK ANDROID DESIGN!!!
11. PRECAUCIONES • No asumir que todos los usuarios tienen la misma gama o el mismo modelo de teléfono. • Procurar hacer pruebas en la mayor cantidad de dispositivos posibles. • No permitas las malas impresiones. • Colecciona teléfonos :)
12. NO USAR PIXELES (NEVER!)
13. USAR RECURSOS SIEMPRE
14. USAR RECURSOS SIEMPRE
15. CASO PRÁCTICO GridViews adaptativas
16. LAYOUTS ADAPTATIVAS • Usar match_parent. (filas en ListView)
17. LAYOUTS ADAPTATIVAS • propiedad android:layout_weight
18. LAYOUTS ADAPTATIVAS • Usar 9 Patch siempre (es tu amigo).
19. LAYOUTS ADAPTATIVAS • Optimizar imágenes. Siempre es necesario generar imágenes para cada una de las densidades de pantalla: xxxhdpi 4.0 xxhdpi 3.0 xhdpi: 2.0 hdpi: 1.5 mdpi: 1.0 (baseline) ldpi: 0.75 Si creamos una imagen de 200x200 para xhdpi entonces : 150×150 hdpi, 100×100 mdpi, 75×75 ldpi (restarle un 50% a la imagen original)
20. LAYOUTS ADAPTATIVAS • Usar siempre fragments ;) (SIEMPRE)
21. HABLANDO DE DISEÑO… • Sigue los patrones (por algo son patrones). • Pure android == pure love <3 • Splash Screens Are Evil, Don't Use Them!
22. RECURSOS & HERRAMIENTAS • Android developer (Best Practices for User Interface). • Android design (Developers & Designers). • Android Asset Studio (Roman Nurik) • Android Design in Action (youtube) • blog de inspiración :) (No apto para iOS Devs)
23. GRACIAS!!