Wie gestaltet man mit Dichtepixeln in Photoshop?

Ich bin Programmierer, kein Grafikdesigner, aber ich muss eine Android-Anwendungsschnittstelle in Adobe Photoshop (oder Illustrator) entwerfen.

Ich möchte die Ressourcen/Richtlinien von Google für neue Android-Anwendungen befolgen.

Leider wird in diesen Richtlinien alles in dp (Dichtepixel) gemessen. Ich weiß, was ein Dichtepixel ist , aber ich weiß nicht, wie ich damit in Photoshop (oder Illustrator) umgehen soll. Früher habe ich Pixel verwendet, ich habe einige Erfahrung im Webdesign, ich habe immer Pixel verwendet. Ich denke, deshalb ist mein Ansatz falsch.

Erstens - Ich habe ein 1280x720-Bild erstellt und angefangen, Sachen zu zeichnen, aber ... ich habe das Gefühl, dass ich es falsch mache. Das ist wirklich schmerzhaft. Ich muss jede Größe, jeden Rand, jeden Zeilenabstand etc. berechnen, ich habe auch Probleme mit dem Einrichten von Rastern.

Wie kann ich meine Produktivität verbessern?

Antworten (3)

Dichtepixel sind virtuelle Pixel, die den „Punkten“ von Apple entsprechen.

Abhängig von der Dichte der Anzeige enthält ein Dichtepixel mehr oder weniger echte physische Bildschirmpixel.

Es gibt Taschenrechner , die dir beim Rechnen helfen.

Zum Beispiel werden 100 Dichtepixel auf einer Vielzahl von Bildschirmen in echte Pixel übersetzt:

ldpi @ 100,00 dp = 75,00 Pixel

mdpi @ 100,00 dp = 100,00 Pixel

hdpi @ 100,00 dp = 150,00 Pixel

xhdpi @ 100,00 dp = 200,00 Pixel

Wenn Sie in diesem Beispiel alle 4 Bildschirme mit einem benutzerdefinierten Bild für jeden unterstützen möchten, erstellen Sie zunächst eine Photoshop-Datei mit 200 x 200 Pixel. Exportiere das. Jetzt verkleinern Sie die Größe auf 150 Pixel. Passen Sie nach Bedarf an. Exportiere das. Öffnen Sie nun das Original mit 200 Pixeln erneut und ändern Sie die Größe auf 100. Passen Sie es nach Bedarf an. Wiederholen.

Alternativ können Sie auch nur eine 200-Pixel-Version erstellen und die Größe der App nach Bedarf ändern lassen. Manchmal reicht das aus, spart Dateigröße und erleichtert auch Ihre Arbeit erheblich.

Also ... Ich muss für einige Arten von Bildschirmen entwerfen/skalieren. Ach je...
Bildschirmgrößen sind ein ganz anderes Thema. Hier geht es um die Bildschirmdichte, die mit der Bildschirmgröße zusammenhängen kann, aber nicht unbedingt ist.
Bildschirmgrößen sind ein ganz anderes Thema. Aber ist die Bildschirmdichte nicht eine Funktion der Bildschirmgröße?
Die Bildschirmgröße von @pulp_fiction ist eine physikalische Größe. Der Bildschirm hat dann eine beliebige Anzahl von Pixeln (Auflösung). Sie sind unabhängige Variablen. Einfaches Beispiel: Es gibt HDTV-Bildschirme, die sowohl größer als auch kleiner als 4K-Bildschirme sind.

Dies kann zur Verbesserung Ihres Arbeitsablaufs beitragen: Aktuelle Versionen von Photoshop bieten die Möglichkeit, mehrere Assets aus einer einzigen Ebene zu generieren. Gehen Sie in Photoshop zu Datei > Generieren > Bildelemente. Benennen Sie dann Ihre Ebene oder Gruppe entsprechend, z. B.:

icon-mdpi.png, 150 % icon-hdpi.png, 200 % icon-xhdpi.png

Photoshop speichert diese Bilder dann in einem Assets-Ordner (z. B. your_file_name-assets/icon-mdpi.png)

DA01 hat es gut gesagt. Beginnen Sie beim Entwerfen in Photoshop für Android-Anwendungen mit dichteunabhängigen Pixeln (DPs) als Einheiten mit einer hohen Auflösung, verkleinern Sie die Dateigröße und optimieren Sie sie nach Bedarf, um Artefakte zu vermeiden, bevor Sie sie speichern.

Wir entwerfen jedoch in xxhdpi-Auflösung (wir verwenden HD 1080 x 1920) und teilen alle Pixelmessungen durch 3, um DPs zu erhalten. Es ist am besten, die Pixeldimension eines Objekts in Größen zu erstellen, die leicht durch 3 teilbar sind.

Wenn ein Techniker nach einem Asset in einer bestimmten Größe fragt (sagen wir 100 DP), dann multiplizieren wir das mit 3 und liefern ein 300-Pixel-Bild für seinen xxhdpi-Ressourcenordner.

Die xxhdpi-Größe ist die höchste, die Sie benötigen. Im Android-Entwicklerhandbuch heißt es ausdrücklich: „Sie müssen keine xxxhdpi-Assets für alle Bilder Ihrer App bereitstellen.“ Das xxxhdpi-Format wird nur für Launcher-Symbole verwendet.

Danke für den Beitrag! Wenn Sie Fragen haben, lassen Sie es uns wissen. Willkommen bei GrafikDesign!
Dieser Beitrag ist veraltet. xxxhdpi wird zB von Nexus 6, 5x usw. verwendet.
@PaulWoitaschek Haben Sie einen Link zur Unterstützung der xxxhdpi-Anforderung? Mein Beitrag mag veraltet sein, aber das ist auch der von mir zitierte Android Developer Guide ( developer.android.com/guide/practices/… ). Es zeigt immer noch an, dass xxxhdpi nur für ein App-Launcher-Symbol erforderlich ist.
@PaulWoitaschek Danke für den Link, obwohl ich nicht vorschlagen würde, dass mein Beitrag veraltet ist. Die Verwendung von xxxhdpi-Assets ist auf das Nexus 6 beschränkt und wird unabhängig davon herunterskaliert, da sich der Bildschirm zwischen xxhdpi und xxxhdpi befindet. Ihre Empfehlung lautet: „Die Entscheidung, xxxhdpi-Versionen für den Rest Ihrer Assets hinzuzufügen, bietet ein schärferes visuelles Erlebnis auf dem Nexus 6, erhöht jedoch die APK-Größe, daher sollten Sie eine angemessene Entscheidung für Ihre App treffen.“
Wie gestaltet man mit Dichtepixeln in Photoshop?
AntwortenHierDatenschutz-Bestimmungen1y, 0v