Android: Projetando e Pensando em Design
•
0 j'aime•630 vues
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.
Contenu connexe
Similaire à Android: Projetando e Pensando em Design
Similaire à Android: Projetando e Pensando em Design (20)
Android: Projetando e Pensando em Design
- 1. Projetando e Pensando em Design http://facebook.com/eloijr @eloijr http://eloisjr.blogspot.com
- 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. 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. Dispositivos Androids ● Telas com densidade de pixels variadas ● Dpi (dots-per-inch)
- 5. Grupos: Logical Pixel Densities
- 6. Densidade de Pixel: Hierarquia de pastas
- 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. A ponta de um dedo humano ocupa aproximadamente 50 dp
- 9. Calculando DP 1 px 160 dpi ________ = ________ 1 dp 160 dpi 2 px 320 dpi ________ = ________ 1 dp 160 dpi
- 10. Calculando DP Nexus 7's: 7”, XHDPI, 1920x1200 px ou 960x600 dpi 2 px 320 dpi ________ = ________ 1 dp 160 dpi
- 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. 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. Resolução em DP(texto): Uso <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="20sp" />
- 15. Automatic Scaling Evite esse recurso com imagens específicas para cada densidade!
- 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
- 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. 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. 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