Angenommen iPhone X 's Design war Monate vor seiner Veröffentlichung durchgesickert, viele Leute fragten sich, wie Apple sich der Kerbe nähern würde, in der die neue TrueDepth-Frontkamera und das Gesichtserkennungssystem des Geräts untergebracht sind.
Jetzt, da das iPhone X offiziell ist, kennen wir die Antwort. Apples neues Richtlinien für die Benutzeroberfläche für das Gerät raten Entwicklern, die Kerbe zu nutzen, indem sie sicherstellen, dass das Layout ihrer Apps den gesamten Bildschirm ausfüllt.
Verdecken Sie die wichtigsten Anzeigefunktionen nicht und lenken Sie keine besondere Aufmerksamkeit auf sie. Versuchen Sie nicht, die abgerundeten Ecken des Geräts, das Sensorgehäuse oder die Anzeige für den Zugriff auf den Startbildschirm zu verbergen, indem Sie oben und unten auf dem Bildschirm schwarze Balken platzieren. Verwenden Sie auch keine visuellen Verzierungen wie Klammern, Blenden, Formen oder Lehrtexte, um besondere Aufmerksamkeit auf diese Bereiche zu lenken.
Mit weniger Worten, Apple möchte nicht, dass Entwickler die Notch- oder Swipe-Anzeige ausblenden, indem sie oben und unten auf dem Bildschirm schwarze Balken platzieren.
Neue Apple-ID auf dem iPhone erstellen
Laut Apple passen sich die meisten Apps, die standardmäßige, vom System bereitgestellte UI-Elemente wie Navigationsleisten, Tabellen und Sammlungen verwenden, automatisch an den neuen Formfaktor des Geräts an. Hintergrundmaterialien reichen bis zu den Rändern des Displays und UI-Elemente werden entsprechend eingefügt und positioniert.
Um sicherzustellen, dass Inhalte nicht durch die abgerundeten Displaykanten, das Sensorgehäuse oder die Wischgestenanzeige des iPhone X abgeschnitten oder verdeckt werden, sollten sich alle Apps an die sicheren Bereiche und Layoutränder von Apple halten, um die Genehmigung im App Store zu gewährleisten.
Apple weist Entwickler auch an, interaktive Steuerelemente nicht ganz unten auf dem Bildschirm oder in den Ecken zu platzieren, um Gesten wie das Wischen vom unteren Rand nach oben zu vermeiden, um zum Startbildschirm zurückzukehren.
Vermeiden Sie es, interaktive Steuerelemente explizit ganz unten auf dem Bildschirm und in Ecken zu platzieren. Benutzer verwenden Wischgesten am unteren Rand des Displays, um auf den Startbildschirm und den App-Umschalter zuzugreifen, und diese Gesten können benutzerdefinierte Gesten, die Sie in diesem Bereich implementieren, abbrechen. Die äußersten Ecken des Bildschirms können schwer zu erreichende Bereiche sein.
Die Apple-Website bietet viele Beispiele dafür, wie Apps mit vom System bereitgestellten Elementen wie Nachrichten und Apple Music aussehen werden.
In den Marketingmaterialien von Apple fehlen insbesondere Screenshots von Apps im Querformat, abgesehen von Spielen, und der Grund kann sehr gut sein, dass viele davon in dieser Ausrichtung nicht so schön aussehen.
Mit dem iOS-Simulator in Xcode haben mehrere Entwickler Screenshots davon geteilt, wie Landschafts-Apps auf dem iPhone X aussehen werden, und einige von ihnen haben ihre Bestürzung über ihr Aussehen zum Ausdruck gebracht.
Wie von Entwickler Thomas Fuchs über Der Rand , sieht das Querformat auf dem iPhone X in Safari besonders schlimm aus, da Apple Websites mit Letterboxen versehen hat, indem links und rechts des Bildschirms Balken hinzugefügt werden – alles, um die Kerbe zu vermeiden.
Glücklicherweise scheinen die Balken nicht immer weiß zu sein. Die genaue Farbe kann von den HTML-Hintergrundfarbwerten abhängen.iPhone X rendert Webseiten mit wörtlich weißen Balken an den Seiten pic.twitter.com/ztcWetrLPo — Thomas Fuchs (@thomasfuchs) 13. September 2017
Anders sieht es bei Breitbild-Fotos und -Videos und Vollbild-Spielen aus, die teilweise von der Kerbe überlagert werden.Anscheinend gibt es eine Möglichkeit die Hintergrundfarbe einzustellen, z.B. die Apple TV 4K-Seite macht es möglich. pic.twitter.com/Am3xn6wjRp — Thomas Fuchs (@thomasfuchs) 13. September 2017
Warum spielen meine Airpods nur auf einem Ohr?
Zumindest zum Glück für Videos fügt Apple sie automatisch ein, um die Kerbe standardmäßig zu vermeiden. Ein Benutzer kann ein Video doppelt antippen, um es im Vollbildmodus anzuzeigen, woraufhin es wieder von der Kerbe überlappt wird.
Ich kann bestätigen, dass die 'Kerbe' oben auf dem iPhone X-Bildschirm NICHT in Videos schneidet. pic.twitter.com/tdWlMqoGj3 – David Pogue (@Pogue) 13. September 2017
Basierend auf den Größenklassen von Apple gilt das iPhone X als 'kompakte Breite' und 'kompakte Höhe' im Querformat.
Im Wesentlichen hat das 5,8-Zoll-Display aufgrund der Wischgeste-Anzeige des iPhone X laut den Entwicklern tatsächlich weniger vertikalen Platz als das 4,7-Zoll-iPhone 8 im Querformat Sean Choe und Steven Troughton-Smith .
Eine Reihe von Technikbegeisterten ist der Meinung, dass Apple den etwas größeren oberen und unteren Rahmen des iPhone X hätte geben sollen, um eine Kerbe zu vermeiden, ähnlich wie beim Samsung Galaxy S8, Xiaomis Mi Mix 2 und LGs V30. Einige Twitter-Nutzer gingen sogar so weit, nachzuahmen, wie das iPhone X mit diesem Design hätte aussehen können.
Notch-less iPhone X Mockup von UI/UX Designer Matthijs Klaver
Aber zumindest im Moment ist die Kerbe die Zukunft. Wenn das iPhone X Anfang November auf den Markt kommt, bekommen wir einen ersten Eindruck von der neuen Benutzererfahrung und viele Entwickler werden ihre Apps sicherlich so gut wie möglich anpassen.
Beliebte Beiträge