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).
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.