Android: Projetando e Pensando em Design

528 views

Published on

Trabalho voltado para o desenvolvedor iniciante/intermediário com o objetivo de apresentar algumas dicas sobre como compreender a forma que o S.O. Android trata as imagens e ícones pertencentes a um projeto diante de toda a diversidade de resoluções existentes nos dispositivos atuais. Dessa forma, o diálogo com o design será facilitado uma vez que o desenvolvedor terá uma idéia melhor sobre os formatos e resoluções das imagens a serem criadas.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
528
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Android: Projetando e Pensando em Design

  1. 1. Projetando e Pensando em Design http://facebook.com/eloijr @eloijr http://eloisjr.blogspot.com
  2. 2. Eloi Jr ● Iniciou na área mobile em 2005 ● Palestrou em diversos eventos de TI ● Escreveu artigos técnicos ● Java ME, Android, Windows Phone e etc. ● ● Possui uma app no GetJar com + 70K downloads Google Play, Windows Phone Store, Nokia Store, Opera Store, Tim App Shop e Java.net
  3. 3. Objetivo Apresentar informações e dicas importantes sobre como projetar a camada visual de uma aplicação Android e como melhorar o diálogo com o profissional de design.
  4. 4. Dispositivos Androids ● Telas com densidade de pixels variadas ● Dpi (dots-per-inch)
  5. 5. Grupos: Logical Pixel Densities
  6. 6. Densidade de Pixel: Hierarquia de pastas
  7. 7. Density-Independent Pixel ● Unidade virtual de pixel ● Equivalente a um pixel em 160 dpi (MDPI) ● ● ● Escalando proporcionalmente de acordo com a densidade da tela dp ou dip Permite que elementos da interface permaneçam com o mesmo tamanho físico, aproximado, independente da resolução
  8. 8. A ponta de um dedo humano ocupa aproximadamente 50 dp
  9. 9. Calculando DP 1 px 160 dpi ________ = ________ 1 dp 160 dpi 2 px 320 dpi ________ = ________ 1 dp 160 dpi
  10. 10. Calculando DP Nexus 7's: 7”, XHDPI, 1920x1200 px ou 960x600 dpi 2 px 320 dpi ________ = ________ 1 dp 160 dpi
  11. 11. DP de Alguns Dispositivos Android ● Google Nexus 10 - XHDPI ● Samsung Galaxy S II - HDPI ● Samsung Galaxy S III - XHDPI ● Samsung Galaxy Tab 7" - MDPI ● Samsung Galaxy Tab 2 10" - MDPI ● Samsung Galaxy Note 2 - XHDPI ● Sony Xperia Z - XXHDPI
  12. 12. Resolução em DP: Uso <ImageView android:id="@+id/btngrava" android:layout_width="65dp" android:layout_height="65dp" android:background="@drawable/grava" android:layout_alignParentRight="true " />
  13. 13. Resolução em DP(texto): Uso <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="20sp" />
  14. 14. Launcher Icons Formato: PNG
  15. 15. Automatic Scaling Evite esse recurso com imagens específicas para cada densidade!
  16. 16. Nine-Path Bitmaps ● ● ● ● Arquivos PNG (transparentes) formatados com indicadores das áreas que podem e não podem ser redimensionadas Bitmaps utilizados em componentes que poderão ter tamanho variado Draw9patch: demarca as áreas da imagem original do designer Extensão: .9.png
  17. 17. Nine-Path Bitmaps android:background="@drawable/button"
  18. 18. Outros Princípios ● ● ● ● ● Objetos reais interpretam melhor sua intenção do que menus e botões Forneça temas defaults suaves e bonitos mas permita a customização Figuras são melhores do que palavras Apresente apenas o necessário para o momento Informe ao usuário onde ele realmente está
  19. 19. Google Developers Group: https://developers.google.com/?hl=pt-br ● Comunidade ● Mobilização: reuniões e eventos ● Destaque ● Desafios ● Programas para Desenvolvedores/Startup ● ● Youtube: Neto Marin (Developer Advocate) DevBytes (português) GDG Imperatriz!!!!!!!
  20. 20. Referências: ●http://developer.android.com ●Youtube: DesignBytes: Density-independent Pixels Roman Nurik Email: eloimuon@gmail.com http://facebook.com/eloijr @eloijr http://eloisjr.blogspot.com

×