Apple startete heute ein Event, das als "Surprise and Shine" angekündigt war, und zu den Schlagzeilen gehörten das lang erwartete faltbare iPhone Duo und die nächste Iteration seines Pro-Flaggschiffs, das iPhone 18 Pro. Mit diesen Ankündigungen sind nun offiziell, wurde das Design Resources Portal des Unternehmens stillschweigend aktualisiert, um Produkt-Bezels für beide Geräte aufzunehmen. Dieser Schritt gibt App-Entwicklern, UI-Designern und Produktteams sofortigen Zugriff auf offizielle Vorlagen und signalisiert, dass Apple möchte, dass sie sofort mit der Entwicklung für diese neuen Hardware-Formfaktoren beginnen.

Design Resources: Der beste Freund eines Entwicklers

Die Design Resources Bibliothek von Apple ist eine zentrale Anlaufstelle für alle, die Apps im Apple-Ökosystem erstellen. Sie bietet offizielle UI-Kits, SF Symbols, Schriftmetriken und Produkt-Bezels, die es einfach machen, Oberflächen zu gestalten, die auf Apple-Hardware wie zu Hause aussehen. Das Update, das nach dem Event veröffentlicht wurde, fügt der Sammlung Bezel-Dateien für das iPhone Duo und das iPhone 18 Pro hinzu und stellt sicher, dass Designer sofort mit der Arbeit beginnen können, ohne auf Drittanbieter-Vorlagen warten zu müssen.

Produkt-Bezels sind transparente Overlays, die den physischen Rahmen eines Geräts darstellen. Wenn sie um ein App-Mockup platziert werden, helfen sie Designern zu visualisieren, wie die Oberfläche im Inneren der tatsächlichen Hardware aussehen wird, einschließlich der Größe und Position von Kameraausschnitten, der Dynamic Island und der Display-Ecken. Für das iPhone Duo, ein faltbares Gerät, spiegelt das Bezel auch die einzigartige gefaltete Geometrie des Displays wider, die das Erlebnis definieren wird. Für das iPhone 18 Pro bietet es eine genaue Vorlage für die neueste Pro-Designsprache.

Was Produkt-Bezels Designern bieten

Die Verwendung offizieller Apple-Bezels anstelle von Drittanbieter-Alternativen bietet mehrere Vorteile:

  • Pixelgenaue Ausrichtung an Apples definierten Bildschirmabmessungen, Eckenradien und Safe-Area-Richtlinien.
  • Sofortiger visueller Kontext für die Präsentation von UI-Designs in Kundenpräsentationen, Investoren-Updates oder App-Store-Marketingmaterialien.
  • Konsistente Asset-Qualität beim Wechsel zwischen Design-Tools, da Apple Dateien in universellen Formaten liefert, die alle gängigen Programme lesen können.
  • Eine Grundlage für die Teamzusammenarbeit, die sicherstellt, dass alle von UI-Designern bis zu Produktmanagern auf denselben Hardware-Rahmen schauen.

Für viele Teams eliminiert das offizielle Bezel am ersten Tag das fehleranfällige Raten, das bei der Einführung eines neuen Geräts auftritt. Anstatt sich auf Näherungen zu verlassen, die aus Pressebildern abgeleitet wurden, können Designer Apples eigenen Vorlagen vertrauen, um genau zu zeigen, wo die physischen Bildschirmkanten auf das Gehäuse treffen.

iPhone Duo: Eine neue Leinwand für mobile Apps

Das iPhone Duo stellt eine dramatische Veränderung in Apples Produktstrategie dar. Faltbare Telefone erfordern, dass Apps auf zwei unterschiedliche Display-Konfigurationen reagieren: einen kompakten äußeren Bildschirm und ein größeres, buchähnliches inneres Display. Das neue Bezel gibt Designern eine klarere Vorstellung von der ungefalteten Präsentationsfläche, auf der wahrscheinlich der Großteil der immersiven App-Erlebnisse stattfinden wird.

Da die faltbare Hardware eine Falte über das Display einführt, müssen Designer darüber nachdenken, wie sie visuelle Elemente behandeln, die diese zentrale Linie überspannen. Das Produkt-Bezel löst nicht die Code-Logik für adaptives Design, aber es gibt ein visuelles Ziel dafür, wie die Grenze in Konzeptarbeiten aussehen sollte. Designer können das Bezel verwenden, um zu planen, wie eine App Inhalte auf zwei Hälften aufteilen könnte oder wie sie eine ununterbrochene Leinwand präsentieren könnte, sobald Apples vollständige Richtlinien für faltbare UI ausgereift sind.

iPhone 18 Pro: Feinschliff für das Premium-Erlebnis

Das iPhone 18 Pro ist in Bezug auf den Formfaktor ein konventionelleres Update, bleibt aber eines der am häufigsten verwendeten Geräte für Kunden, die Apples größte und leistungsfähigste Telefone kaufen. Selbst subtile Änderungen an der Bezel-Dicke oder der Eckenkrümmung im Vergleich zu früheren Modellen können beeinflussen, wie ein Benutzer App-Inhalte wahrnimmt. Das Design Resources Update stellt sicher, dass Mockups für das iPhone 18 Pro auf denselben Messwerten basieren, die das physische Gerät verwenden wird.

Für Apps, die sich auf Fotografie, Video oder erweiterte Realität konzentrieren, bietet das iPhone 18 Pro Bezel eine genaue Leinwand, um Kamera-Overlays oder Vorschaufunktionen zu präsentieren. Es hilft auch zu gewährleisten, dass System-UI-Elemente wie die Dynamic Island in Werbevisualisierungen korrekt positioniert sind.

Verfügbarkeit am ersten Tag ist wichtig

Das Timing dieses Updates ist kein Zufall. Apple hat oft Design-Ressourcen kurz nach der Vorstellung neuer Hardware veröffentlicht, aber sie am selben Tag zu liefern, ist ein bewusster Vorstoß für Software-Partner. Der frühe Zugriff ermöglicht es Designteams, ihre Produktionskalender lange vor dem Erhalt der Geräte durch die Kunden auf die neuen Geräte abzustimmen. So werden Benutzer, wenn sie eine App zum ersten Mal auf einem iPhone Duo oder iPhone 18 Pro öffnen, nicht von falsch ausgerichteten Schaltflächen oder abgeschnittenen Widgets begrüßt.

Da Bibliotheken mit Drittanbieter-Vorlagen normalerweise Wochen benötigen, um genaue Details widerzuspiegeln, bietet der frühe Zugriff auf Apples offizielle Assets einen Wettbewerbsvorteil für Teams, die Wert auf Designqualität legen. Es setzt auch einen Standard für Konsistenz im App Store, da mehrere Entwickler von derselben Basis aus arbeiten werden.

Zugriff auf die neuen Design-Ressourcen

Das Design Resources Portal von Apple ist registrierten Apple-Entwicklern und der breiteren Design-Community über die Apple Developer Website frei zugänglich. Die Materialien werden in einem komprimierten Archiv verteilt, das Sketch-Bibliotheken, Photoshop-Dateien und jetzt auch die universellen Figma-Ebenen enthält, die zum Industriestandard geworden sind. Im Archiv sind die Bezels für iPhone Duo und iPhone 18 Pro leicht zu finden und können hinter dem App-Design auf eine Artboard gezogen werden.

Der Prozess ist unkompliziert: Laden Sie das neueste Ressourcenpaket herunter, entpacken Sie es und ziehen Sie das entsprechende Bezel in Ihr Designprojekt. Einmal platziert, fungiert das Bezel als Referenzebene, die Ihnen hilft, Ränder, Form und Layout-Verhalten zu überprüfen, ohne einen Simulator zu starten. Da diese Assets offiziell sind, enthalten sie auch Dokumentation zur empfohlenen Safe-Area-Nutzung, die für ein Entwicklungsteam nützlich sein kann.

Weitere Auswirkungen des Updates

Abgesehen von den neuesten iPhone-Modellen deutet die Aktualisierung der Design-Ressourcen darauf hin, dass Apple stark in die Unterstützung faltbarer Apps investiert. Obwohl die Hardware gerade erst angekündigt wurde, deutet die sofortige Veröffentlichung eines dedizierten Bezels auf eine starke Erwartung hin, dass Entwickler beginnen werden, zu erkunden, was mit einem größeren Bildschirm in einem Alltagsformat möglich ist. Auch Drittanbieter von Zubehör könnten diese Assets verwenden, wenn sie Hüllen oder Ständer entwerfen, die genau auf die Abmessungen der Telefone passen müssen.

Während sich die Mobile-Design-Community mit dem iPhone Duo und dem iPhone 18 Pro vertraut macht, wird die Ankunft dieser offiziellen Ressourcen wahrscheinlich als ein stiller, aber wesentlicher Teil der Produkteinführung angesehen. Für App-Designer sagt nichts "Jetzt mit der Arbeit beginnen" so deutlich wie der Erhalt der offiziellen Schlüssel zur Interface-Leinwand.

Fazit

Das "Surprise and Shine"-Event von Apple brachte zwei Flaggschiff-iPhone-Ankündigungen hervor, aber die Updates am Design Resources Portal könnten sich für viele Kreative als der wichtigste Teil des Tages erweisen. Die neuen Produkt-Bezels legen offizielle Designrichtlinien sofort in die Hände der Community, beseitigen Rätselraten und verringern die Reibung zwischen Idee und Umsetzung.

Ob ein Designer einen faltbaren Newsreader für das iPhone Duo entwirft oder sicherstellt, dass eine Utility-App perfekt auf dem iPhone 18 Pro ausgerichtet ist, diese Assets sind jetzt sofort einsatzbereit. Mit fortschreitendem Einführungszyklus können wir erwarten, dass die breitere Entwickler-Community Apps produziert, die sich auf beiden Geräten zu Hause fühlen, dank der Grundlagenarbeit, die durch dieses Update am ersten Tag gelegt wurde.

Dieser Artikel basiert auf einer Berichterstattung von 9to5Mac. Lesen Sie den Originalartikel.

Originally published on 9to5mac.com