Qu'entend-on par «concevoir une icône à 100%»?

13

Dans le guide Material Design d'Android ,

Les icônes système sont affichées à 24dp. Lors de la création d'icônes, il est important de concevoir à une échelle de 100% pour la précision des pixels.

Que signifie une conception à 100%? Cela signifie-t-il que l'icône doit avoir des dimensions 24 * 24 dp? Ou cela signifie-t-il qu'ils devraient être dans un format de fichier dans lequel la mise à l'échelle n'entraînerait pas de perte ou de distorsion de données, etc., comme le format de fichier SVG?

Réconfort
la source
1
Il y a une grande écriture écrite à ce sujet sur Stack Overflow - Différence entre px, dp, dip et sp sur Android?
AndrewH
1
@AndrewH Je connais la différence! La question est de savoir ce que l'on entend par «concevoir quelque chose à 100%»!
Solace

Réponses:

23

Concevoir à 100% signifie simplement concevoir à la taille (en pixels) à laquelle vous allez afficher / afficher votre icône.

Si vous concevez une icône 24px × 24px, vous configurez votre plan de travail dans Illustrator ou votre document dans Photoshop ou tout ce que vous utilisez en 24px × 24px.

Comme indiqué dans le guide Material Design, il s'agit de la précision des pixels. Si vous travaillez à une plus grande échelle, ou travaillez dans un format vectoriel sans prendre en compte les pixels, réduisez ensuite la taille à 24 pixels - vos formes, chemins, points ou pixels ne seront pas alignés sur la grille de pixels et vous obtiendrez effets comme illustré dans cet exemple:

entrez la description de l'image ici

Il convient de le noter, car dp n'est pas une unité de mesure absolue et se traduit par un certain nombre de tailles de pixels réelles différentes - la conception à une échelle de 100% implique également la conception de chaque taille de pixel indépendamment. (Merci Yorik!)

Cai
la source
Merci beaucoup pour une réponse très précise et claire. =)
Solace
Il est important de réaliser également que «24 dp» étant une «mesure d'échelle mobile» dérivée signifie que «conception à 100%» dans le contexte cité implique vraiment que vous avez besoin d'une icône différente pour chaque densité possible, dans l'idéal.
Yorik
1
@Yorik Très bon point. Mis à jour ma réponse.
Cai
Vous n'avez pas nécessairement besoin de travailler indépendamment à chaque résolution: 48 pourrait prendre exactement le même design que 24, tandis que 126, 128, 64, 32 pourraient également partager. Le pixelisation à la main 16px sera probablement nécessaire cependant. Voir cet article pour les résolutions les plus courantes.
curiousdannii