Allereerst ben ik “een mobiele ontwikkelaar en ik riskeer de ontwikkeling van een lay-out voor mijn app, vanaf het begin vond het volgende probleem, Photoshop gebruikt PX als maateenheid voor de formulieren en in ontwikkeling gebruikt de app DP, ik weet hoe de conversie werkt Van PX naar PD

dp = px * (160 / dpi)

Wanneer ik echter een formule toepas en de waarden gebruik in de programmering, worden de lay-outonderbrekingen Ik zou graag willen weten of er een PSD-bestandsconfiguratie is, zoals hoogte, breedte, pixeldichtheid die ik kan gebruiken als basis om mijn app te mockup, dus maak het gemakkelijk om deze maatregelen voor mobiel en tablets te dragen?

Answer

Photoshop gebruikt PX als maateenheid voor de formulieren en in ontwikkeling is de app gebruikt DP, ik weet hoe de conversie werkt Van PX naar DP

De conversie hangt af van n hoe het originele ontwerp in Photoshop werd geconstrueerd. De eenheden van Android dp zijn dichtheidonafhankelijke pixels. 1dp kan worden weergegeven als 1 schermpixel, of 2, of 3, of 4, of een andere waarde, afhankelijk van het apparaat en de Android-instellingen.

Hier is een lijst met veelvoorkomende conversies:

  • 1 dp = 1 pixel, of 1 ×, voor mdpi beeldschermen (~ 160PPI).
  • 1 dp = 1,5 pixels, of 1,5 × , voor hdpi beeldschermen (~ 240PPI).
  • 1 dp = 2 pixels, of 2 ×, voor xhdpi displays (~ 320PPI).
  • 1 dp = 3 pixels, of 3 ×, voor xxhdpi displays (~ 480PPI).
  • 1 dp = 4 pixels, of 4 ×, voor xxxhdpi beeldschermen (~ 640PPI).

De grote vraag is dus welke dichtheid u wilt om je mockups in te bouwen? U kunt een van de bovenstaande dichtheden kiezen. Uw keuze bepaalt de conversie en andere factoren.

Mijn voorkeur gaat uit naar ontwerpen op 1 ×, een schaal waarbij 1 dp = 1 px = 1 CSS px = 1 iOS point. Dat betekent dat uw mockups een lagere resolutie hebben dan het apparaat zelf, maar het betekent dat de conversie geen wijziging van de waarde vereist.

Als u klaar bent, heeft Photoshop een paar manieren om items voor de verschillende dichtheden te exporteren . Export As en Generator kunnen de andere schalen bouwen, of je kunt Save for Web en slices ( zoals ik ).

Hier is het venster Exporteren als van Photoshop, met de exportinstelling voor 1 ×, 2 × en 3 × dichtheden ( voor iOS, in dit geval).

Photoshops exporteren als

Antwoord

Uw formule is onjuist. Ter referentie: Android Development Guide zegt:

px = dp * (dpi / 160)

dus de eigenlijke formule voor dp is

dp = px / (dpi / 160)

Hoop dat het helpt!

Voor het tweede deel van je vraag: Photoshop is nogal vervelend als het gaat om het exporteren van activa, of zelfs om splitsingen. Als u openstaat voor het gebruik van Sketch, is het zoveel gemakkelijker. Maar sorry, als mobiele ontwerper gebruik ik photoshop nauwelijks, omdat de conversie van px naar dp niet eenvoudig is in dat programma.

Herzien

Ik denk dat ik uw vraag nu beter begrijp. Kijk op deze site voor de waarden waarnaar u “zoekt: https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Opmerkingen

  • Sorry, ik heb de verkeerde formule in de post geschreven, dus ik gebruikte de juiste formule voor de conversie, mijn vraag is wat de grootte van het bestand moet zijn, zodat ik kan de waarden correct exporteren. En op Sketch kan ik het niet gebruiken, het besturingssysteem is Linux. Om photoshop te gebruiken was het nodig om een tool genaamd Wine te gebruiken waarmee Photoshop op Linux kan draaien.

Antwoord

Dit is hier misschien een ander onderwerp, maar ik zou aanraden om Photoshop helemaal niet te gebruiken voor schermontwerp. Gebruik een vectortool zoals Illustrator, Sketch of iets dergelijks. Het verschil is dat u uw ontwerpen later kunt opschalen. Als je in Photoshop met een 1x-formaat werkt, zien je ontwerpen er vreselijk uit op een moderne Andriod-telefoon. Je zou de ontwerpen minstens 2x, beter 4x moeten instellen om ze er vloeiend uit te laten zien op een scherm met hoge ppi.

Ook alle items die je maakt met een vectortool, kunnen later worden gebruikt als middelen voor alle vereiste formaten. In Photoshop is het veel meer werk om knoppen, pictogrammen enz. te isoleren voor een latere export.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *