Blog
/
Entwerfen für Apple Vision Pro: 
Eine Kurzanleitung

Entwerfen für Apple Vision Pro: 
Eine Kurzanleitung

In diesem Artikel werden wir die notwendigen Tools und Programme untersuchen, mit denen Sie einzigartige und visuell ansprechende Benutzeroberflächen für Apple Vision Pro erstellen können. Schauen wir uns die wichtigsten Softwarelösungen an, die Sie benötigen, um Ihre Ideen erfolgreich in die Realität umzusetzen.

Dokumentation und Einrichtung

Der Start mit Apple Vision Pro und VisionOS kann sich zunächst überwältigend anfühlen, aber keine Sorge! Lassen Sie uns einen Moment innehalten, um die Tools und Technologien kennenzulernen, die unsere treuen Begleiter sein werden, wenn wir uns an die Entwicklung von Apps und Spielen für diese spannende Plattform wagen.

Greifen Sie zuerst auf die offizielle Dokumentation zu:

developer.apple.com/visionos

developer.apple.com/videos

Tools für Entwickler

Zuallererst brauchst du Mac und Xcode. Xcode bietet eine umfangreiche Suite von Softwareentwicklungstools, darunter Projektmanagement-Support, Code-Editoren, visuelle Benutzeroberflächen für Ihre Benutzererfahrung usw.

Dann brauchst du Swift UI. SwiftUI bietet in Kombination mit RealityKit integrierte Unterstützung für VisionOS. Hier können Sie eine Übersicht lesen. Entdecke VisionOS.

Material X ist ein offener Standard, der von führenden Unternehmen aus den Bereichen Filmindustrie, VFX, Unterhaltung und Gaming unterstützt wird. Du kannst mehr darüber lesen hier.

Werkzeuge für die Planung

Nicht zuletzt können Designer das Beste aus dem herausholen Bezi Plattform für räumliche Gestaltung, die sich von bekannten 2D-Designwerkzeugen wie Figma und Spline inspirieren lässt. Mit Bezi können Sie schnell in die Gestaltung eintauchen, auch wenn Sie noch nicht mit 3D-Design vertraut sind. Fangen Sie an, Ihren Prototyp auf Ihrem Desktop zu bauen, schauen Sie ihn sich auf Ihrem Handy an und erleben Sie ihn dann in einem interaktiven Prototyp mit einem VR-Headset oder einem mobilen AR-Gerät in vollen Zügen.

Wenn Sie in die Welt der virtuellen Realität (VR) und der erweiterten Realität (AR) eintauchen, ist es wichtig, die richtigen Tools zu haben, und die Wahl des besten Headsets zum Testen ist entscheidend. Hier findest du eine Reihe von Headsets, die auf unterschiedliche Anforderungen zugeschnitten sind: Oculus, Apple Vision Pro, Microsoft HoloLens, HTC Vive, PlayStation VR, Samsung Odyssey, Xiaomi Mi VR Standalone und mehr.

Wie fange ich an

Beginne mit dem Anschauen des Tutorial zur Integration von Figma mit Bezi oder folge unserem Prozess.

Überspringen Sie nicht das Tool-Onboarding, das erleichtert den Start.

Fangen Sie mit Bezi an und erstellen Sie ein Konto. Das Tool funktioniert in einem Browser, genau wie Figma.

Erstellen Sie eine neue Datei. Fügen Sie einige Objekte hinzu. Wichtig ist, dass Bezi den Import von 3D-Objekten unterstützt. Gehen Sie also auf Entdeckungsreise https://sketchfab.com und bring sie in deine Bezi-Datei.

Fügen Sie einige Objekte hinzu, wenden Sie Texturen an und fügen Sie Licht hinzu. Sie können hier auch fast alles animieren.

Wenn Sie mit Animationen arbeiten möchten, öffnen Sie die State Machine, erstellen Sie Ereignisse auf dem Objekt, um dessen Eigenschaften zu konfigurieren.

Darüber hinaus können Sie eine Umgebung konfigurieren, indem Sie einige bereits in einer Bibliothek vorhandene Beispiele verwenden.

In Bezi erstellte Prototypen funktionieren einwandfrei auf Desktop-Computern, mobilen AR- und VR-Headsets und bieten ein universelles Benutzererlebnis auf mehreren Plattformen.

So sehen Sie Benutzeroberflächen von Bezi auf Vision Pro

Hier ist eine Kurzanleitung, die von Bezi erstellt wurde.

https://hq.bezi.com/hq/apple-vision-pro-guide

Laden Sie die neueste Version von Xcode herunter von hier indem Sie auf „SDK herunterladen“ klicken. Öffnen Sie ein neues Projekt für eine VisionOS-Anwendung in Xcode und starten Sie den Simulator.

Öffnen Sie im Simulator die App „Einstellungen“ und wählen Sie dann auf der Registerkarte „Apps“ die Option „Safari“. Scrollen Sie nach unten und Sie sehen den Eintrag „Erweitert“.

Scrollen Sie auf der Seite „Erweitert“ erneut nach unten, um zum Ende zu gelangen, wo Sie den Abschnitt „Feature-Flags“ finden. Schalten Sie alle WebXR-Feature-Flags ein.

Starten Sie einen Simulator neu und gehen Sie in Safari zu Bezi (bezi.com), um auf Ihre erstellten Designdateien zuzugreifen.

Prüfen Sie in den Bezi-Einstellungen, ob der „AR-Modus“ für Ihre Bezi-Datei aktiviert ist.

Jetzt sollten Sie in der Lage sein, Bezi-Dateien wie diese auszuführen. Natürlich können Sie Ihre Datei auch nicht nur in einem Simulator, sondern auch auf einem angeschlossenen Vision Pro-Gerät ausführen.

Abschließend

Es ist fantastisch zu sehen, wie in einer so komplexen Branche neue Tools entstehen. Ich hoffe, dass wir 2024 weiterhin mehr Tools wie Bezi sehen werden, die das Lernen und das Ergreifen der ersten Schritte zur Entwicklung für AR/VR erheblich erleichtern.

Static gray noise texture resembling television or radio static interference.Gradient background fading from dark olive green on the left to deep purple on the right.Gradient background transitioning from green on the left to black in the center and purple on the right with faint grid lines.

Benötigen Sie eine Website
oder App?

Unser Team von erfahrenen Designern und Entwicklern kann
bearbeiten und innerhalb von 4 bis 8 Wochen versenden.