Your SlideShare is downloading. ×
Diseño de interfaces para Android
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Diseño de interfaces para Android

8,414
views

Published on

Published in: Technology

0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
8,414
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
131
Comments
0
Likes
7
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. DISEÑO DEINTERFACESPARA ANDROID
  • 2. QUEREMOS UNA APP
  • 3. ANTES DE COMENZARUsuariosViabilidad comercialEntorno(s) de usoErgonomíaLimitaciones
  • 4. ANDROID HOYInformación fragmentadaMenos recursos que losque existen para iOSAndroid Designbit.ly/android-guidelines
  • 5. ESTILODesde Honeycomb el diseño de Android esmás limpio, más moderno y más geométricoDiferenciado del realismo táctil de iOS y delestilo “señalético” de Windows Phone
  • 6. CONSIDERACIONESNo copiar un diseño de iOS en AndroidMóvil ≠ computadora de escritorioInvestigar, experimentar y compartir
  • 7. vía @jamespearce bit.ly/30_years
  • 8. COMPONENTES
  • 9. TABS
  • 10. LISTAS
  • 11. LISTAS EN MOSAICO
  • 12. SCROLLING
  • 13. SPINNERS
  • 14. BOTONES
  • 15. CAMPOS DE TEXTO
  • 16. SLIDERS
  • 17. PROGRESO / ACTIVIDAD
  • 18. SWITCHES
  • 19. PICKERS
  • 20. DIÁLOGOS
  • 21. ALERTAS
  • 22. POPUPS
  • 23. TOASTS
  • 24. PANTALLAS
  • 25. 320x240 px 128x160 px 176x220 px320x320 px 240x320 px
  • 26. TAMAÑOS Y DENSIDADES Pantalla Densidad: small ldpi (low) normal mdpi (medium) large hdpi (high) xlarge (tablets) xhdpi (extra high)
  • 27. 3:4:6:8 SCALING RATIOCambiar dimensiones de assetsMantener todos los assets a 72 PPI
  • 28. ESTRATEGIASBase: 320 x 533 px (ajustar layouts después)Vectores y objetos inteligentes (Photoshop)Reducir el uso de texturas y degradadosColores sólidos y líneasRetículas y espacio en blanco
  • 29. RECORDARParidad funcionalDiálogo DEV / DESTesteo inicialThemes de Android
  • 30. MEJORES PRÁCTICAS
  • 31. PATRONESSoluciones probadas a problemas comunesAyudan a mantener la consistencia ymejorar la experiencia de usoEjemplo: cómo descubrir la funcionalidad deuna app
  • 32. bit.ly/invitations-patterns
  • 33. Android Design Patterns Android UI Patterns Android Patternsbit.ly/android-design-patterns bit.ly/android-ui-patterns bit.ly/android-patterns
  • 34. PROTOTIPAR, PROTOTIPAR Comenzar con prototipos en papel bit.ly/android-prototype Pencil para crear wireframes bit.ly/pencil-project Stencils para Pencil bit.ly/pencil-stencils
  • 35. Manage complexity through conversation. Josh Clark
  • 36. RECURSOS
  • 37. ASSETSAndroid GUI PSDbit.ly/android-gui-psdAndroid Asset Studiobit.ly/asset-studio
  • 38. @MatiasDuarteDirector of Android User Experience at Google
  • 39. MÁS INFORMACIÓNAndroid Design Guidelines (no oficial, paraHoneycomb) bit.ly/mm-android-designMeaningful Transitions bit.ly/ui-animationsMobile Design Pattern Gallery bit.ly/pattern-galleryMobile Web Best Practices bit.ly/mob-best-practices
  • 40. linkd.in/ivanalarcon @ivanalarcon ivánalarcón

×