Wie Sie wissen, müssen Sie beim Erstellen einer mobilen Anwendung viele verschiedene Dinge berücksichtigen.
Bei so viel zu verfolgen, könnten bestimmte Elemente der Entwicklung im Shuffle verloren gehen. Deshalb sage ich immer, dass Sie mit Einreichungs-Checklisten und anderen Tools organisiert bleiben sollten.,
Aber ein Faktor, der immer unter den Teppich gekehrt und vergessen zu werden scheint, ist der tatsächliche Bildschirm der verschiedenen Geräte.
Bildschirmgröße und Bildschirmauflösung sind zwei Dinge, die Sie vor, während und nach der Entwicklung einer mobilen App beachten müssen.
Warum?
Für den Anfang ist die Bildschirmgröße wichtig, da es viele verschiedene Bildschirmgrößen gibt. Egal, ob Sie sich für Apple oder Android entscheiden, beide Plattformen haben Tonnen von verschiedenen Geräten.
– Auflösung ist ebenfalls wichtig., Das liegt daran, dass die Auflösung verschiedener Bildschirme beeinflussen kann, wie Designer ihre Apps erstellen. Basierend auf diesen Informationen gibt es bestimmte Tools, über die alle App-Designer verfügen müssen.
Wie Sie sehen, sind sowohl die Bildschirmgröße als auch die Auflösungsgröße wichtig, jedoch aus verschiedenen Gründen.
Wenn Sie Größe und Auflösung verstehen, können Sie Ihre mobile App für eine Vielzahl von Geräten optimieren. Dies bezieht sich sowohl auf Smartphones, Tablets als auch auf Smart-TVs oder andere Bildschirme, auf denen Benutzer Ihre App herunterladen können.
In diesem Sinne wollte ich Ihnen einen informativen Leitfaden zu diesen Themen zur Verfügung stellen., Egal in welchem Entwicklungsstadium sich Ihre App gerade befindet, ich bin sicher, dass Sie dies sehr hilfreich finden werden.
Hier ist was Sie wissen müssen.
So berechnen Sie Pixel pro Zoll
Sie müssen den Unterschied zwischen der Bildschirmgröße und den Abmessungen der Bildschirmauflösung verstehen.
Bildschirmgröße wird mit Zoll gemessen. Es ist die Größe des tatsächlichen Bildschirms eines bestimmten Geräts.
Hier sind zum Beispiel die Bildschirmgrößen einiger der neuesten iPhones von Apple, mit denen Sie wahrscheinlich vertraut sind.,
Messungen werden von einer Ecke des Bildschirms zur gegenüberliegenden diagonalen Ecke durchgeführt. Es ist ziemlich einfach, und jeder mit einem Lineal kann dies tun.
Bildschirmauflösung ist ein wenig anders. Die Auflösung wird anhand der Anzahl der unterscheidbaren Pixel gemessen, die in jeder Dimension angezeigt werden können.
Die Bildschirmauflösung des iPhone X beträgt 2436 x 1125. Während das Samsung Galaxy Note 8 hat eine Auflösung von 2960 x 1440.
Sie müssen die Größe des Bildschirms sowie die Auflösung kennen, um die Pixel pro Zoll (PPI) eines Geräts zu berechnen., So berechnen Sie PPI:
- Fügen Sie die Quadrate beider Zahlen in der Auflösung hinzu
- Nehmen Sie die Quadratwurzel dieser Zahl
- Teilen Sie die vorherige Zahl durch die Größe des Bildschirms
Es klingt ein bisschen kompliziert, aber ich gebe Ihnen ein Beispiel, um Ihnen zu zeigen, wovon ich spreche. Dazu benötigen Sie wahrscheinlich einen Taschenrechner.
Lassen Sie uns das iPhone X verwenden, da es neu ist, und wir haben bereits die Bildschirmgröße und Auflösung abgedeckt. Wir haben alle Informationen, die wir zur Berechnung des PPI benötigen.,
Gemäß den technischen Spezifikationen von Apple beträgt der PPI des 2436 x 1125 Pixel 5.8 Zoll iPhone X 458, sodass unsere Berechnungen nicht weit entfernt waren.
Versuchen Sie anhand dieser Formel einige Beispiele selbst. Es ist einfach, die genauen Spezifikationen verschiedener Geräte herauszufinden, indem Sie einfach von der Website des Herstellers nachschlagen.
Grundsätzlich müssen Sie feststellen, dass Bildschirmgröße und Bildschirmauflösung bei der Bestimmung des PPI eine Rolle spielen und Ihnen mitteilen können, wie gut ein Bild auf diesem bestimmten Gerät angezeigt wird.,
Was passiert also, wenn Sie versuchen, diese Formel mit zwei Geräten unterschiedlicher Größe und Auflösung zu kombinieren? Es wird einfach nicht gut funktionieren.
Nehmen wir zum Beispiel die Auflösung eines alten iPhone-Modells wie des 4-Zoll-SE und wenden Sie es auf das 12,9-Zoll-iPad Pro an.
Befolgen Sie die Formel mit der obigen Pixelauflösung.
- 1136 x 1136 + 640 x 640= 1700096
- 1700096/1303. 88 = 1303.88
Aber jetzt, anstatt diese Zahl durch die 4-Zoll-Bildschirmgröße zu teilen, wie Sie es sollen, teilen wir sie durch die 12.,9, das ist die Größe eines iPad Pro.
- 1303.88 / 12.9 = 101.08
Wie Sie sehen können. Der PPI ist super niedrig, was bedeutet, dass, wenn diese Auflösung auf einem größeren Bildschirm wäre, die Bilder einfach nicht gut berechnen würden.
Deshalb müssen Sie Ihre Bilder optimieren, um verschiedene Bildschirmgrößen zu berücksichtigen, aber wir werden dies in Kürze ausführlicher besprechen.
Verschiedene Arten von Bildschirmen
So haben wir bereits festgestellt, dass verschiedene Geräte eine breite Palette von Bildschirmgrößen und Auflösungen haben. Aber damit gesagt, Einige Vorsätze sind beliebter als andere.,
Basierend auf dem Internet-Webverkehr aus globaler Sicht sind 720 x 1280 Pixel Smartphones die beliebtesten.
Wie Sie sehen können, variieren diese Zahlen je nach Standort. Es sind jedoch immer noch wertvolle Informationen. Es ist immer wichtig zu wissen, welche Gerätetypen in der mobilen App-Branche am beliebtesten sind.
Dies kann sehr hilfreich sein, wenn Ihr Zielmarkt oder die Mehrheit der Menschen mit Ihrem Gerät in den Ländern befinden, in denen diese Prozentsätze hoch sind.,
Sie müssen auch andere Arten von Bildschirmen berücksichtigen,z. B.:
- HD-Bildschirme
- QHD-Bildschirme
HD steht für High Definition, während QHD für High Definition steht.
Die Pixelauflösung für hochauflösende Bildschirme beträgt 1920 x 1080. Die hochauflösenden Bildschirme haben eine Auflösung von 960 x 540 Pixel.
Einige Beispiele von QHD-Bildschirmen gehören:
- Sony Xperia M2
- HTC Desire 601
- Samsung Galaxy S4
Also, was ist beliebter? Full HD-Bildschirme oder QHD-Bildschirme?, Untersuchungen zeigen, dass QHD-Bildschirme einen Rückgang der Popularität verzeichnen.
Gleichzeitig sehen wir einen Anstieg der Full-HD-Bildschirme in Bezug auf den globalen Webverkehr.
Planen Sie also entsprechend, wenn Sie verschiedene Elemente Ihrer mobilen App erstellen und entwerfen.
Für diejenigen unter Ihnen, die in Zukunft eine App erstellen möchten, sollten Sie sich mehr auf HD-Bildschirme als auf QHD-Bildschirme konzentrieren.
Wenn diese Trends anhalten, was ich von ihnen erwarte, gehören QHD-Bildschirme der Vergangenheit an., Im Moment sollten Sie jedoch sicherstellen, dass Ihre App, Bilder und Designs so viele Geräte wie möglich aufnehmen können.
Wie Sie verschiedene Bildschirmgrößen nutzen können
OK. Telefone, Tablets und andere Geräte haben also unterschiedliche Bildschirmgrößen, Auflösungen und Pixel pro Zoll. Es gibt sogar verschiedene Arten von Bildschirmen.
was Nun?
Als Entwickler müssen Sie nur alle diese Informationen berücksichtigen, damit Ihre App für alle verschiedenen Größen und Geräte optimiert ist.,
Wenn Sie Ihre App nur für einen Bildschirmtyp erstellen, wirkt sich dies negativ auf die Benutzererfahrung anderer Geräte aus. Schlechte Benutzererfahrungen schaden Ihrem Endergebnis, was Sie offensichtlich vermeiden möchten.
Als Designer sollten Sie die Freiheit und Flexibilität haben, mit Ihren Designs und Animationen kreativ zu werden.
Stellen Sie sicher, dass Sie verschiedene Bildschirmgrößen berücksichtigen, wenn Sie das automatische Layout verwenden, um erweiterte iOS-Animationen zu erstellen.
Hier ist noch etwas zu beachten., Ihre App und andere Bilder müssen immer noch einwandfrei geladen werden, unabhängig davon, wie der Benutzer sein Gerät hält.
Das stimmt. Neben den Abmessungen der Bildschirmgröße und-auflösung müssen Sie auch sicherstellen, dass ein nahtloser Übergang zwischen Hoch-und Querformat erfolgt.
Abhängig von der Größe des Bildschirms neigen Benutzer eher zu einer Ausrichtung über einer anderen. Hier sind einige Daten, die Ihnen zeigen, wovon ich spreche.
Das ist interessant., Wie Sie sehen, steigt bei Geräten mit Bildschirmgrößen von mehr als 9 Zoll die Anzahl der Benutzer, die den Querformat-Modus verwenden, erheblich an.
Daher können wir größtenteils davon ausgehen, dass die Benutzer die Querformat-Ausrichtung auf ihren Tablets bevorzugen.
Trotzdem müssen Sie Ihre App, Bilder und Designelemente für beide Ausrichtungen testen und sicherstellen, dass sie für alle Auflösungen optimiert sind.
Fazit
Es besteht ein Unterschied zwischen Bildschirmgröße und Bildschirmauflösung.,
Sie werden diese beiden Zahlen verwenden, um die Pixel pro Zoll (PPI) bestimmter Geräte zu berechnen.
Dies ist wichtig zu wissen, da es die Art und Weise beeinflusst, wie Sie Ihre App entwerfen. Sie können es nicht mit nur einem Telefon, Tablet oder einer Plattform erstellen.
Damit Benutzer die beste Erfahrung machen können, muss Ihre App für so viele Geräte wie möglich vollständig optimiert sein.
Es gibt auch einen Unterschied zwischen HD-und QHD-Bildschirme., Obwohl sich die Bildschirmgrößen in Richtung einer Standardauflösung bewegen, müssen App-Designer immer noch wissen, dass ihre App auf vielen verschiedenen Arten von Bildschirmen angezeigt wird.
Daher müssen Sie auf absehbare Zeit so viele Eventualitäten wie möglich entwerfen und testen.
Wie passen die Designelemente Ihrer App die verschiedenen Bildschirmgrößen und Auflösungen für Benutzer mit unterschiedlichen Geräten an?