Différentes tailles d'image de départ ou d'arrière-plan pour les appareils iOS

Question

J'ai lu certains de ces liens qui expliquent comment exporter différentes tailles d'image pour les appareils iOS. Mais je ne comprends pas vraiment ceux qui expliquent. (Peut-être que je ne suis pas bon en langue anglaise.)



J'ai trouvé ces dimensions pour l'écran de lancement. S'il vous plaît laissez-moi clarifier ma compréhension à vous les gars.
Donc, quand je crée une image, je dois d'abord créer une taille plus grande (@ 3x) et exporter cette image dans des tailles plus petites (@ 2x, @ 1x). Ai-je raison?

Par exemple, je crée une image 1242x2208px (3x) et l'échelle à 2x, 3x et enregistrer.

Mes questions sont les suivantes;
1) Je dessine des images dans Photoshop CS6.Pour toutes les tailles d'images, la résolution est toujours 75px. n'est-ce pas? Donc, pour une taille de 1242x2208px (3x), la résolution est de 75px, puis je diminue la taille. L'image sera petite et aura-t-elle une apparence floue?

2) Est-ce que les éléments d'image (image du coeur dans mon exemple d'image) doivent être trop grands dans un périphérique plus petit (1x) pour obtenir un aspect clair? 3) Si nous n'avons pas besoin de modifier les éléments d'image ou si certains textes de taille de police peuvent être petits ou grands, pouvons-nous obtenir la haute résolution de l'apparence de l'image en 1x? Je crains que si nous réduisions à plus petit (1x), ce serait flou et pas bon dans les regards parce que nous sommes toujours dans 75 résolutions.

4) A-t-il besoin de faire correspondre les éléments de l'image à la taille de l'image?
J'ai trouvé cette vidéo https://www.youtube.com/watch?v=WOnczJSsMqk. Dans cette vidéo, il recadre l'espace blanc et exporte dans @ 1x, @ 2x et @ 3x. Ainsi, la taille de @ 3x n'est pas la taille d'image du site officiel d'Apple. Je ne le sais pas clairement.

5) Si nous saisissons le texte (taille de police-90pt) dans l'image @ 3x, il sera automatiquement remplacé par 60pt dans l'image @ 1x. droite?
Mais dans ce lien https://www.smashingmagazine.com/2015/05/retina-design-in-photoshop/#font-size, il a écrit que

une zone de texte avec la police à 16 pixels. Mais @ 2x c'est 32 pixels, et @ 3x c'est 48 pixels! Pas idéal, est-ce, devoir multiplier constamment par deux ou trois? Je ne sais pas pour vous, mais je pourrais faire sans les maths constants. Quand je conception, je veux savoir que 16 pixels est de 16 pixels!

Ainsi, le texte devrait être 16 px dans toutes les dimensions de l'image 1x, 2x ou 3x ou non?

6) Ces tailles d'image sont pour l'écran de lancement, n'est-ce pas? Mais, si je crée une image pour l'arrière-plan de l'écran de connexion, alors est-ce le même concept et enregistrer ces tailles d'image?

7) La dimension au-dessus de la taille de l'image est-elle correcte ou non? Mais, dans ce site Web https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/, les tailles sont un peu différentes.Maintenant, j'essaye de créer un design pour l'image d'arrière-plan de connexion. Donc, je trouvais les tailles avant de dessiner. Mais, après avoir lu de nombreux articles de tailles d'image dans le dispositif Retina, j'ai confus et eu beaucoup de questions dans mon esprit.
C'est pourquoi j'écris mes questions comme ça et je voudrais dire que je suis désolé que ma question soit longue et que vous ne vous sentiez pas facile à comprendre.
Désolé encore pour mon pauvre anglais.
J'espère que quelqu'un m'aidera à répondre à toutes mes questions dans les étapes. Merci de lire jusqu'à la fin. :)

Answer 1

Vous demandez beaucoup de choses ici. Tout d'abord, vous ne travaillez pas en pixels. Vous travaillez en points. Ce sont 2 unités de mesure différentes. Sur une échelle 1x 1 point = 1x1 pixel, sur une échelle 2x 1 point = 2x2 pixels, et sur une échelle 3x, 1 point = 3x3 pixels.

Maintenant, quand il s'agit de la mise à l'échelle, les gens prétendent que vous commencez gros et vous êtes petit pour la meilleure qualité. Ce n'est simplement pas vrai. Tout dépend de l'image réelle de l'échelle. Donc, votre objectif est de trouver ce qui fonctionne le mieux pour l'image. Je recommanderais de commencer de gros à petit, mais si cela ne fonctionne pas aussi bien que vous le souhaitez, allez petit à grand, puis essayez une autre méthode de mise à l'échelle. Personnellement, je ne compte pas 100% sur l'automatisation, j'aime ajuster manuellement les 3 tailles jusqu'à ce que les images soient parfaites, ce qui rend le kit de sprite vraiment difficile à travailler dans ce département parce que je dois concevoir mes graphiques agir sur la mise à l'échelle matérielle. Le résultat est à la fin de la journée, faites ce qui est le mieux pour votre application dans les limites de vos contraintes budgétaires.

Maintenant, quand il s'agit de tailles de police, vous travaillez à nouveau en points, pas en pixels. Celui qui vous a dit que vous avez besoin de multiplier n'a aucune compréhension de la façon dont l'affichage de la rétine fonctionne. Donc, quand vous faites une police 16pt, le système choisira automatiquement 32pt et 48pt. Essayez de ne pas trop réfléchir, c'est vraiment simple à comprendre. Le point entier de l'affichage de la rétine est de fournir une image plus nette tout en conservant la même expérience, et cela en offrant plus de granularité dans la façon dont les pixels sont affichés. Chaque pixel individuel est très très petit, ce qui le rend difficile à voir avec vos yeux. Au lieu de cela, ils sont les compagnons d'autres pixels, de sorte que lorsque vos yeux mettent les 2 pixels ensemble, vous obtenez une image plus belle qui ne pourrait pas être produite en utilisant un seul pixel coloré. Lorsque vous travaillez sur vos applications, vous devez garder cela à l'esprit. C'est pourquoi ça pue pour de nouvelles personnes à se développer. Tout le monde devrait commencer avec l'iphone 2g, puis adapter son application à l'iphone 4. Ils comprendront clairement à quoi sert la rétine.