Design pour applis ANDROID : questions, réponses et autres fourberies

Design pour applis ANDROID : questions, réponses et autres fourberies - Web design - Graphisme

Marsh Posté le 14-10-2014 à 15:40:27    

Par ici le topic de ceux qui souhaitent poser leur questions ou faire la grâce de leur réponse, sur l'épineux sujet du Design pour les Applications Androïd (exclusivement, pas d'IOS ici...)
 
 
Bienvenue...
 
-------------
 
Et tout commença par une innocente question :
 
 

Citation :

Hello à vous.
 
Je me lance, en tant que graphiste, dans le design de mes premières applis (Android en premier lieu...). :o
Ceci pour le compte d'une agence avec qui je sous-traite.
 
Là j'ai eu une petite conversation avec un développeur : "Je voudrais une image, en résolution 120 DPI, 160 DPI et 240 DPI." me dit-il, enjoué.
 
Je lui réponds, peut-être candidement, qu'il me fallait plutôt des tailles en pixels (ex : 38x38 48x48 et 64x64), mais qu'en tous cas la résolution changeait la taille en pixel, et donc que le 38x38 ne pouvait être sous 3 résolutions différentes.
 
Mais l'insolent me réplique vite : "Pour le format Android, le fonctionnement est en résolution. Il nous faut bien les 3 résolutions citées dans le premier message en dimension 38x38 pour les trois."
 
Devinant que j'ai un genou à terre, il essaie de m'achever en ajoutant quelques minutes plus tard : "Au niveau de Android cela ne fonctionne pas avec les pixel. Cela ce base sur les DPI, cette notion est assez complexe à prendre en compte au début."
Suivi d'un lapidaire (me clouant le bec définitivement)  : "C'est bon, je viens de voir avec Julien, on peut laisser de coté cette demande."


 
 
Qui est le fourbe dans cette affaire [:le saint pere:3]  ?  
 
Les réponses seront à suivre tout au long de ce topic...
 
 
-------------------
 
 
Listes de liens intéressants sur le sujet :  
 
 
 
http://www.smashingmagazine.com/20 [...] r-android/
(un premier tuto généraliste assez complet sur la question du design pour Androïd)
 
http://www.smashingmagazine.com/20 [...] g-android/
(un second tuto idem...)
 
http://grahamtodman.co.uk/blog/201 [...] k-is-a-dp/
(Les principes à comprendre en terme de résolutions)
 
http://developer.android.com/desig [...] raphy.html
(Les mêmes questions, sur base de la réalisation concrète d'icônes pour Androïd)
 
http://uncorkedstudios.com/blog/ex [...] hop-script
(Une petite appli qui redimensionne les images automatiquement, en vue utilisation résolutions Androïd)
 
http://developer.android.com/desig [...] grids.html
(quelques lignes sur les formats standards Androïd : tablettes et téléphones)
 
http://developer.android.com/guide [...] esign.html
(au sujet des boutons...)
 
...


Message édité par toum_toum le 15-10-2014 à 16:59:45
Reply

Marsh Posté le 14-10-2014 à 15:40:27   

Reply

Marsh Posté le 14-10-2014 à 15:49:37    

Pour moi ta demande est correcte  de toutes façons il te faudra à un moment calculer en pixel.

 

http://i.imgur.com/xTmFy87.png

 

http://i.imgur.com/Yl5Di9R.png

 


Dans tous les cas tu trouveras pas mal d'explications ici http://developer.android.com/design/index.html


Message édité par Profil supprimé le 14-10-2014 à 16:00:52
Reply

Marsh Posté le 14-10-2014 à 15:55:42    

En gros de ce que j'ai retenu 1 dp = 1px sur un écran 160dpi (MDPI)

Reply

Marsh Posté le 14-10-2014 à 16:03:18    

Oui, voilà les infos que j'ai moi aussi.  
 
Ces tailles standards de boutons, je les ai aussi (d'où mes propositions de 38 <- lui, 48 <- moi, 64 <- moi...)
 
Et en effet je crois que leur résolution de 160 correspond à 1px=1dp
 
 
De toutes façons là où il se trompe, c'est que le changement de réso sur Androïd entraîne le changement de taille de toute image, non ? (son apparence change, mais dans le fond, sa taille en pixel ne varie pas !).
 
Me trompe-je ?

Reply

Marsh Posté le 14-10-2014 à 16:19:27    

Ben je pense que sa taille va changer, vu que sur un écran XXHDPI la densité de pixel est plus élevée 1px n'est plus égal à 1dp. En fait c'est la taille en dp qui change voilà
 
Donc il me semble que l'idéal et de créer ton image à la dimension la plus élevée, XXHDPI et de redimensionner pour chaque type d'écran
 
j'ai trouvé un script qui fait le boulot de redimensionnement (j'ai pas testé)  http://uncorkedstudios.com/blog/ex [...] hop-script
 
En fait ça m'intéresse aussi car je pense m'essayer au design d'app sous android, ce serait bien d'ailleurs d'avoir un topic unique   [:simonh14]  
 
Enfin en regardant je me demande si j'ai bien compris aussi [:thordax:3]


Message édité par Profil supprimé le 14-10-2014 à 16:19:37
Reply

Marsh Posté le 14-10-2014 à 16:23:37    

http://grahamtodman.co.uk/blog/201 [...] k-is-a-dp/
 
En gros  
 
1dp = 1.5px @ HDPI – 150%
1dp = 2px @ XHDPI – 200%
1dp = 3px @ XXHDPI – 300%
1dp = 4px @ XXXHDPI – 400%
 
 
Ceci dit même le mec est pas absolument sûr de lui  :D  
 

Citation :

If you have a better way of getting started designing in Android, or if I’ve made an errors, please let me know.


 
P'tain pourquoi il font chier à pas calculer en px directement  :o


Message édité par Profil supprimé le 14-10-2014 à 16:27:41
Reply

Marsh Posté le 14-10-2014 à 16:27:52    

Ah oui le lien est intéressant. Ca me permet de comprendre un peu mieux...

 

Suis ok pour l'idée de créer un topic spécifique. Par contre je n'aurai perso pas trop le temps de faire des majs.
On peut présenter ça comme un topic de questions réponses.

 


Edit : voilà le topic est né ici :o


Message édité par toum_toum le 14-10-2014 à 16:37:09
Reply

Marsh Posté le 14-10-2014 à 16:46:39    

J'ai rajouté qq liens dans le premier sujet du topic :o

Reply

Marsh Posté le 14-10-2014 à 16:51:12    

:jap:  Ceci dit ça répond pas clairement à ta question, enfin pour ma part là où je décroche un peu c'est le calcul pour le redimensionnement.
 
Avoir un script c'est bien, mais bon faut quand même savoir à la base le faire  à la main [:aloy]


Message édité par Profil supprimé le 14-10-2014 à 16:51:46
Reply

Marsh Posté le 14-10-2014 à 16:58:17    

Oui moi aussi je sèche un peu.  Vais revoir tout ça en soirée, à tête reposée... :o

Reply

Marsh Posté le 14-10-2014 à 16:58:17   

Reply

Marsh Posté le 14-10-2014 à 17:20:01    

idem je regarderai ça plus tard, j'ai du boulot en plus  :o  
 
mais bon je suis toujours présent quand il s'agit de m'auto-déconcentrer  :o

Reply

Marsh Posté le 15-10-2014 à 16:58:17    

Hello.
 
Je rajoute ce lien qui est intéressant car se base sur un cas très concret (la créa d'icônes), tout en réexpliquant le problème des résolutions :
 
http://developer.android.com/desig [...] raphy.html

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed