Tout dabord, je « suis un développeur mobile et je » risque de développer une mise en page pour mon application, dès le début je trouvé le problème suivant, Photoshop utilise PX comme unité de mesure pour les formulaires et en développement lapplication utilise DP, je sais comment fonctionne la conversion De PX à PD

dp = px * (160 / dpi)

Cependant, lorsque japplique une formule et utilise les valeurs dans la programmation, la mise en page se brise, Je voudrais savoir sil existe une configuration de fichier PSD, telle que la hauteur, la largeur, la densité de pixels, sur laquelle je peux utiliser comme base pour la maquette de mon application afin de faciliter le transport de ces mesures pour les mobiles et les tablettes?

Réponse

Photoshop utilise PX comme unité de mesure pour les formulaires et dans le développement de lapplication utilise DP, je sais comment fonctionne la conversion De PX à DP

La conversion dépendra o n comment la conception originale de Photoshop a été construite. Les unités dp dAndroid sont des pixels indépendants de la densité. 1dp peut être rendu comme 1 pixel décran, ou 2, ou 3 ou 4, ou une autre valeur, selon lappareil et les paramètres Android.

Voici une liste des conversions courantes:

  • 1 dp = 1 pixel, ou 1 ×, pour les écrans mdpi (~ 160 PPP).
  • 1 dp = 1,5 pixels ou 1,5 × , pour hdpi affichages (~ 240 PPP).
  • 1 dp = 2 pixels, ou 2 ×, pour xhdpi affiche (~ 320PPI).
  • 1 dp = 3 pixels, ou 3 ×, pour les écrans xxhdpi (~ 480PPI).
  • 1 dp = 4 pixels, ou 4 ×, pour xxxhdpi affiche (~ 640 PPP).

La grande question est donc de savoir quelle densité voulez-vous pour construire vos maquettes? Vous pouvez choisir lune des densités ci-dessus. Votre choix dictera la conversion et dautres facteurs.

Ma préférence est de concevoir à 1 ×, une échelle où 1 dp = 1 px = 1 CSS px = 1 iOS point. Cela signifie que vos maquettes ont une résolution inférieure à celle de lappareil lui-même, mais cela signifie que la conversion ne nécessite aucune modification de la valeur.

Lorsque vous avez terminé, Photoshop dispose de plusieurs moyens dexporter des éléments pour les différentes densités . Export As et Generator peuvent créer les autres échelles, ou vous pouvez utiliser Save for Web et des tranches ( comme je le fais ).

Voici la fenêtre Exporter sous de Photoshop, avec la configuration dexportation pour les densités 1 ×, 2 × et 3 × ( pour iOS, dans ce cas).

Exporter sous Photoshop sous

Réponse

Votre formule est incorrecte. À titre de référence, le Guide de développement Android indique,

px = dp * (dpi / 160)

donc la formule réelle pour dp est

dp = px / (dpi / 160)

Jespère que cela vous aidera!

Pour la deuxième partie de votre question, Photoshop est plutôt fastidieux lorsque il sagit dexporter des actifs, voire des épissures. Si vous êtes prêt à utiliser Sketch, cest tellement plus facile. Mais désolé, en tant que concepteur mobile, jutilise à peine Photoshop car la conversion de px en dp nest pas une chose facile à faire dans ce programme.

Révisé

Je pense que je comprends mieux votre question maintenant. Veuillez consulter ce site pour les valeurs que vous « recherchez: https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Commentaires

  • Désolé, jai écrit la mauvaise formule dans le message donc jutilisais la bonne formule pour la conversion, ma question est de savoir quelle doit être la taille du fichier pour que je peut exporter les valeurs correctement. Et sur Sketch je ne peux pas lutiliser, le système dexploitation est Linux, Pour utiliser photoshop était nécessaire dutiliser un outil appelé Wine qui permet à Photoshop de fonctionner sous Linux.

Réponse

Cela peut être hors sujet ici, mais je « recommanderais de ne pas du tout utiliser Photoshop pour la conception décran. Utilisez un outil vectoriel comme Illustrator, Sketch ou similaire. La différence est que vous pouvez faire évoluer vos conceptions plus tard. Si vous travaillez dans Photoshop à une taille 1x, vos créations auront lair affreuses sur un téléphone Andriod moderne. Vous devez configurer les conceptions au moins à 2x, mieux 4x pour les rendre lisses sur un écran à ppp élevé.

De plus, tous les éléments que vous créez avec un outil vectoriel peuvent être utilisés ultérieurement comme pour toutes les tailles requises. Dans Photoshop, il sera beaucoup plus difficile disoler les boutons, les icônes, etc. pour une exportation ultérieure.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *