Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1374 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1169795
toum_toum
Vivons masqués
Posté le 14-10-2014 à 15:40:27  profilanswer
 

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
mood
Publicité
Posté le 14-10-2014 à 15:40:27  profilanswer
 

n°1169797
Profil sup​primé
Posté le 14-10-2014 à 15:49:37  answer
 

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
n°1169798
Profil sup​primé
Posté le 14-10-2014 à 15:55:42  answer
 

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

n°1169799
toum_toum
Vivons masqués
Posté le 14-10-2014 à 16:03:18  profilanswer
 

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 ?

n°1169800
Profil sup​primé
Posté le 14-10-2014 à 16:19:27  answer
 

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
n°1169801
Profil sup​primé
Posté le 14-10-2014 à 16:23:37  answer
 

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
n°1169802
toum_toum
Vivons masqués
Posté le 14-10-2014 à 16:27:52  profilanswer
 

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
n°1169803
toum_toum
Vivons masqués
Posté le 14-10-2014 à 16:46:39  profilanswer
 

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

n°1169804
Profil sup​primé
Posté le 14-10-2014 à 16:51:12  answer
 

: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
n°1169806
toum_toum
Vivons masqués
Posté le 14-10-2014 à 16:58:17  profilanswer
 

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

mood
Publicité
Posté le 14-10-2014 à 16:58:17  profilanswer
 

n°1169809
Profil sup​primé
Posté le 14-10-2014 à 17:20:01  answer
 

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

n°1169841
toum_toum
Vivons masqués
Posté le 15-10-2014 à 16:58:17  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

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

 

Sujets relatifs
Spacedraw for Android, importante mise à jour[Demande] Icone pour jeu Android
[RESOLU Toshop] Modifier les dimensions en pixels d'un élémentMicrostation : format des pixels ?
rendre un dessin en vectoriel ou de meilleurs qualité sans les pixelsEst-ce possible d'améliorer la qualité/résolution d'une image ?
Face Robot - Problème de RésolutionPourquoi définir taille et résolution pour nouvelle img vectorielle ??
Gimp: Supprimer des pixels pour les rendre transparents[Galerie] Des pixels et des couleurs...(UP 25/02 : Aliens de ToyStory)
Plus de sujets relatifs à : Design pour applis ANDROID : questions, réponses et autres fourberies


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR