Interfaces Inteligentes para Android
-
Upload
nelson-glauber-leal -
Category
Technology
-
view
3.169 -
download
1
description
Transcript of Interfaces Inteligentes para Android
![Page 1: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/1.jpg)
Interfaces Inteligentes para Android
Nelson Glauber de V. Lealnglauber.blogspot.com
@nglauber
Saturday, December 1, 12
![Page 2: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/2.jpg)
Saturday, December 1, 12
![Page 3: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/3.jpg)
O que são interfaces inteligentes?
Saturday, December 1, 12
![Page 4: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/4.jpg)
São interfaces únicas, bonitas, e ao mesmo tempo
consistentes e fáceis de usar
O que são interfaces inteligentes?
Saturday, December 1, 12
![Page 5: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/5.jpg)
São interfaces únicas, bonitas, e ao mesmo tempo
consistentes e fáceis de usar
O que são interfaces inteligentes?
E que se adaptem à variedade de dispositivos disponíveis
no mercadoSaturday, December 1, 12
![Page 6: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/6.jpg)
Alguns princípios...
Saturday, December 1, 12
![Page 7: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/7.jpg)
Saturday, December 1, 12
![Page 8: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/8.jpg)
Saturday, December 1, 12
![Page 9: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/9.jpg)
Android é Android!
Saturday, December 1, 12
![Page 10: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/10.jpg)
Saturday, December 1, 12
![Page 11: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/11.jpg)
Saturday, December 1, 12
![Page 12: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/12.jpg)
Saturday, December 1, 12
![Page 13: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/13.jpg)
Saturday, December 1, 12
![Page 14: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/14.jpg)
Saturday, December 1, 12
![Page 15: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/15.jpg)
Saturday, December 1, 12
![Page 16: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/16.jpg)
Qualidade das telas
Saturday, December 1, 12
![Page 17: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/17.jpg)
Density Independent Pixel DIP
Saturday, December 1, 12
![Page 18: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/18.jpg)
Density Independent Pixel DIP
Saturday, December 1, 12
![Page 19: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/19.jpg)
Density Independent Pixel DIP
Saturday, December 1, 12
![Page 20: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/20.jpg)
Saturday, December 1, 12
![Page 21: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/21.jpg)
DP é a área adequada para elementos de UI que recebem toque
Saturday, December 1, 12
![Page 22: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/22.jpg)
Saturday, December 1, 12
![Page 23: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/23.jpg)
Iconografia
Saturday, December 1, 12
![Page 24: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/24.jpg)
Launcher
48dp
Saturday, December 1, 12
![Page 25: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/25.jpg)
ActionBar
Saturday, December 1, 12
![Page 26: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/26.jpg)
Ícones para Notificação
Saturday, December 1, 12
![Page 27: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/27.jpg)
Rabisque antes de começar...
Saturday, December 1, 12
![Page 28: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/28.jpg)
Saturday, December 1, 12
![Page 29: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/29.jpg)
Saturday, December 1, 12
![Page 30: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/30.jpg)
Saturday, December 1, 12
![Page 31: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/31.jpg)
Saturday, December 1, 12
![Page 32: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/32.jpg)
Saturday, December 1, 12
![Page 33: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/33.jpg)
Saturday, December 1, 12
![Page 34: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/34.jpg)
Pondo em prática
Saturday, December 1, 12
![Page 35: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/35.jpg)
Stencils & Icon Packs
Saturday, December 1, 12
![Page 36: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/36.jpg)
http://radleymarx.com/blog/
9 patch
Saturday, December 1, 12
![Page 37: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/37.jpg)
Saturday, December 1, 12
![Page 38: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/38.jpg)
Touch Feedback
Saturday, December 1, 12
![Page 39: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/39.jpg)
Múltiplas Views em uma
Saturday, December 1, 12
![Page 40: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/40.jpg)
Múltiplas Views em uma
Saturday, December 1, 12
![Page 41: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/41.jpg)
Trate Orientações
Saturday, December 1, 12
![Page 42: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/42.jpg)
Trate Orientações
Saturday, December 1, 12
![Page 43: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/43.jpg)
Não esqueça de...Internacionalizar a aplicação
Não usar valores obsolutos
Não use links diretos para aplicações específicas
Dê mensagens simples e que ajudem o usuário
Use gestos
Saturday, December 1, 12
![Page 44: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/44.jpg)
Inspire-se!!!
Saturday, December 1, 12
![Page 45: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/45.jpg)
Saturday, December 1, 12
![Page 46: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/46.jpg)
Saturday, December 1, 12
![Page 47: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/47.jpg)
Saturday, December 1, 12
![Page 48: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/48.jpg)
Saturday, December 1, 12
![Page 49: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/49.jpg)
Saturday, December 1, 12
![Page 50: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/50.jpg)
Saturday, December 1, 12
![Page 51: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/51.jpg)
MAIS EMANDROIDNICETIES.TUMBLR.COM
Saturday, December 1, 12
![Page 52: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/52.jpg)
Referência
• Android UI Guide Lineshttp://developer.android.com/design/index.html
• Android Patternshttp://www.androidpatterns.com/
• Android nicetieshttp://androidniceties.tumblr.com/
Saturday, December 1, 12
![Page 53: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/53.jpg)
DÚVIDAS?
Saturday, December 1, 12
![Page 54: Interfaces Inteligentes para Android](https://reader034.fdocuments.in/reader034/viewer/2022052622/55943c2b1a28ab6e4c8b4581/html5/thumbnails/54.jpg)
Obrigado!
Nelson Glauber de V. Lealnglauber.blogspot.com
@nglauber
Saturday, December 1, 12