Wie erreiche ich konsistente Farben in meiner App auf verschiedenen mobilen Displays?

Wir arbeiten an einem Handyspiel, das auf iOS- und Android-Geräten läuft. Das grafische Thema wurde in den ersten Schritten der Entwicklung von einer einzigen Person entworfen. Jetzt ist er kein aktiver Teil unseres Teams mehr (er wurde ausschließlich für diesen Zweck für kürzere Zeit eingeschrieben und konzentriert sich jetzt auf andere externe Projekte). Dieses Thema ist sehr farbenfroh und besteht hauptsächlich aus grünen , hellbraunen und orangefarbenen Elementen.

Das Problem für das mobile Entwicklerteam besteht darin, dass diese Farbtöne vom Designer mit seinem Apple iMac und Photoshop ausgewählt wurden, und wir entdeckten, dass nur die iPhone-Displays in der Lage sind, sie so darzustellen, wie der Designer es ursprünglich beabsichtigt hatte.

Stattdessen verwenden all die verschiedenen Android-Telefone unterschiedliche Farbpaletten, die sie viel zu hell oder viel zu gesättigt machen; je nach Darstellungsqualität.

Ich bin mir sicher, dass dies kein isoliertes Problem bei der Entwicklung von Grafiken für mobile Apps ist.

Wie können wir es schaffen, die gleichen Farben wiederzugeben, wenn die App auf verschiedenen Displays läuft?

Ich weiß nur, dass die ursprünglichen PSDs mit dem sRGB-Farbraum entworfen wurden, sollten sie auf andere Weise erstellt worden sein?

Vielleicht möchten Sie überprüfen, wie gut sich die Gamma-Korrektur auf den verschiedenen Geräten verhält, z. B. mit Testmustern, die Sie hier irgendwo finden

Antworten (3)

Nicht alle Displays sind gleich. Das ist auch in der Desktop-Welt ein Problem. Ich habe letztes Jahr glänzende neue Monitore bekommen, und wenn ich mir jetzt einige meiner alten Arbeiten anschaue, wird deutlich, wie schlecht meine Monitore damals kalibriert waren.

Mein Rat ist, es einfach als etwas zu akzeptieren, das Sie nicht kontrollieren können, und sicherzustellen, dass zwischen Ihren Farben ein ausreichender Kontrast besteht, damit die Benutzererfahrung nicht beeinträchtigt wird. Wenn der Benutzer nicht erkennen kann, dass etwas nicht stimmt (z. B. „Ich weiß, dass diese Schaltfläche grün sein soll , aber für mich sieht sie gelb aus“ oder „Ich kann den Unterschied zwischen diesen beiden Farben nicht erkennen“), Wir gehen davon aus, dass es so sein soll, und verwenden Ihre App gerne.

Danke, ich möchte nur wissen, ob es etwas mehr gibt als "akzeptiere es als etwas, das du nicht kontrollieren kannst". Gibt es beispielsweise bestimmte RGB-Kombinationen, die vermieden werden sollten? Etwas wie "wähle nicht #17e717, verwende stattdessen #00ff00, weil es auf verschiedenen Geräten gleichmäßiger gerendert wird"?
@alessandro.francesconi nein, nicht wirklich. Die einzige Faustregel ist vielleicht, mit dem Kontrast nicht zu subtil zu werden, da hier Details auf kleineren Displays verloren gehen können. Beispielsweise kann die Einstellung des Typs #666 auf einem #bbb-Hintergrund auf einigen Geräten aufgrund mangelnden Kontrasts unlesbar werden.

Sie könnten den Farbton kontinuierlich leicht anpassen, bis Sie einen finden, der sowohl mit voller Sättigung und Helligkeit als auch mit sehr geringer Sättigung und Helligkeit gut aussieht.

Darüber hinaus können Sie den integrierten Lichtsensor des Telefons verwenden, um die Farben basierend auf der Umgebungsbeleuchtung anzupassen, wie mit dieser App zu sehen ist (hell für Tag, dunkel für Nacht):

Geben Sie hier die Bildbeschreibung ein

Für alle, die sich fragen, ob dies jemals für Websites möglich sein wird, lautet die Antwort „Ja! Wahrscheinlich, vielleicht'. Die CSS4-Spezifikation spielt auf eine LuminosityMedienabfrage an .

Wie auch immer, nur ein paar Optionen, die helfen könnten. :)

Dies ist ein Problem in allen Apps auf allen Geräten.

Hauptsächlich beeinträchtigen die Farben das Benutzererlebnis nicht.

Es gibt Millionen von Farben um uns herum, aber es gibt verschiedene Hersteller mit unterschiedlichen Auflösungen für all die verschiedenen Modelle von Android-Handys, die verfügbar sind, kein Mobilgerät unterstützt alle Farben. Die Hardware mobiler Geräte unterstützt einige 8-Bit-Farben, einige 16-Bit-Farben usw.

Aus diesem Grund können wir keine einheitlichen Farben für alle Geräte erstellen. Sie wählen automatisch die ähnlichsten und am besten geeigneten Farben aus.

Wie erreiche ich konsistente Farben in meiner App auf verschiedenen mobilen Displays?
AntwortenHierDatenschutz-Bestimmungen1y, 0v