Pour les designers, android est une montagne quand il s'agit de créer des composants graphiques en comparaison avec l'iOS.
Un des atout de la plate forme ios, est plus au moins la simplicité avec avec laquelle on peut joué sur l'aspect graphique de l'application (je veut dire par la le travail du designer est plus claire au niveau des résolutions et des tailles d'écrans).
Quand a android c'est la ou ça se gatte. La multitude de périphérique et de fabriquant mènent la vie un peu plus dure pour les designers, même si la documentation d'android est très riche, elle n'est pas aussi simple a déchiffrer pour un designer et parfois demander de l'aide à un programmeur ne permet pas toujours de mieux comprendre tout cela puisque lui aussi se perd parfois avec tout les (screen densifies, screen résolutions, …)
Dans cet article je vais essayer de rendre les choses un peu plus claire pour nos designer
Les taille d'écrans android
Commençant par la taille de base supporté par les smartphone android qui est la HVGA ce qui est 320 x 480 pixels.
HVGA veut dire "Half-size Video Graphics Array" est c'est le standard pour les téléphone aujourd'hui. vous remarquerez que l'iPhone 2G, 3G et 3GS utilisent la même configuration.
Pour rendre cela simple (ou complexe 
) android a diviser les tailles d'écrans en quatre (small, normal, large et large). le 320x480 est consideré comme "normal" et xLarge pour les "tablettes"
description : Diagram of various screen configurations available from emulator skins in the Android SDK. (Image: Android Developers website)
Ce que nous devants connaitre au sujet de la densité des écrans
voila comment android défini cela dans le guide du développer (http://developer.android.com/guide/practices/screens_support.html)
La resolution : Le nombre total de pixel physique sur un écran (The total number of physical pixels on a screen)
densité de l'écran (Screen density): La quantité de pixels dans une zone physique de l'écran, habituellement désigné comme PPP (points par pouce). en anglais "DPI"
The quantity of pixels within a physical area of the screen, usually referred to as DPI (dots per inch).
Denstité indépendante du pixel (Density-independent pixel) : Une unité de pixel virtuel que vous devez utiliser lors de la création de interface utilisateur, pour exprimer les dimensions de mise en page ou la position d'une manière indépendante de la densité.
Je pense que cette dernière définition a besoin d'une définition elle aussi, bref pour calculer le pixel on utilise cette opération :
pixels = DP * (DPI / 160) par exemple pour un écran de 240 DPI, 1 DP est égale a 1.5 pixels
En lisant la documentation, ce que je fais presque chaque fois que je veut commencer un projet android (ce n'est pas l'idéal), j'ai décider de faire une liste des résolutions d'écrans sur les quelles je pourrai me baser dans mes projets pour me rendre la vie un peu plus simple.
Je commense par créer 4 dossier "ldpi", "mdpi" , "hdpi" et "xhdpi" pour low, médium, high et xhigh ou si vous voulez smal, normal, Large et xlarge.
mode portrait (noté que je commence par la hauteur puis la largeur)
small = low = ldpi = 426dp x 320dp
normal = medium = mdpi = 470dp x 320dp
large = high = hdpi = 640dp x 480dp
xlarge = xhigh = xhdpi = 960dp x 720dp
Maintenant un deuxième problème se pose. La quantité d'éléments graphiques qu'un designer dois faire ou dupliquer, et bien pour cela il y a encore quelques calcules a faire pour certains éléments graphics, pour le reste heureusement qu'il y a des outils pour nous simplifier la tache (Draw9Patch, NinePatchDrawables).
Pour les éléments graphiques qui ne doivent pas être transformés ou étirés tel que les icônes on a besoin de créer 4 version, une pour chaque taille (smal, normal, large et large) et comme tout designer le détail est important et donc le ratio pour chaque image dois être respecter.
noté quand commence toujours par la résolution de base (normal)
• 75 × 75 pour low (i.e. ×0.75)
• 100 × 100 pour medium ( normal)
• 150 × 150 pour high (×1.5)
• 200 × 200 pour extra high (×2.0)
Une dernière choses a noter, ne vous prenez pas la tete avec la résolution du document PPI ou (pixels/inch) lors de la création du document, laissé la a 72 PPI
