visionOS Spatial Design
visionOS 空間デザイン / 2023– / Stil / Apple UI
Die Bildschirmsprache, die Apple in ihren Richtlinien für Vision Pro festgelegt hat. Ein Fenster ist eine aufrecht stehende Fläche aus einem Material namens Glas, durch das der Raum hindurchscheint, während Spiegelungen und Schatten melden, wo die Fläche steht und wie groß sie ist. Weil ein Punkt über einen Winkel und nicht über Pixel definiert ist, bleibt die scheinbare Größe auch in der Entfernung gleich.
Auf einen Blick
Visuelle Merkmale
- Eine aufrechte Glasfläche, deren Hintergrund sich nicht austauschen lässt, durch die der Raum sichtbar bleibt und auf der Spiegelungen und Schatten liegen
- Das Standardfenster misst 1280x720 pt, öffnet sich etwa zwei Meter entfernt und wirkt dabei rund drei Meter breit
- Ein Hover-Effekt, der nur das angesehene Element aufleuchten lässt, mit einer einzigen abgerundeten Trefferfläche je Bedienelement
- Ein volume hat keinen sichtbaren Rahmen, und sein Schließknopf und seine Fensterleiste drehen sich zu dem hin, der darum herumgeht
Geeignet für
- Ein für iPad gebautes Layout so umarbeiten, dass es als über dem realen Raum schwebende Tafel lesbar bleibt
- Ein räumliches Produktmodell in Originalgröße zeigen und als rahmenloses volume im Raum aufstellen
Diesen Stil verwenden
Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.
Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate
Wörterbucheintrag
- Typografie
- Setze SF Pro und wähle für Fließtext und Überschriften stärkere Schnitte als auf anderen Plattformen. Weiß ist die voreingestellte Schriftfarbe, und die Buchstaben selbst bleiben flach. Ein an einen Punkt im Raum geknüpftes Namensschild dreht sich immer zum Betrachter.
- Komposition
- Geh von 1280x720 pt aus und lass den Inhalt das Seitenverhältnis bestimmen. Halte um jedes bedienbare Element mindestens 16pt Abstand und zwischen den Mittelpunkten mindestens 60pt. Lege stets eine Mindestgröße und eine Höchstgröße fest.
- Material
- Belasse den Glashintergrund. Tiefe entsteht aus Schatten, Spiegelung und Farbtemperatur, niemals aus erhabener Schrift. Halte dreidimensionale Objekte im Fenster flach und verlege alles, was Tiefe braucht, in ein volume.
- Zu vermeiden
- Ersetzt man das Glas durch eine deckende Farbe, zerfällt der Zusammenhalt der Elemente, die Schrift wird schwerer lesbar, und das Fenster wirkt schwer, weil es den Raum dahinter verdeckt.
- Zum Weiterlesen
- the windows and spatial layout sections of the HIG, and what defining a point as an angle does to page design / how the region a hover effect applies to is defined when an image and its caption are bound into one control / the actual apparent size of a 1280x720 pt window placed two metres away
Verwandte Einträge
- Liquid Glass (リキッドガラス)Gleiche Familie: Apple UI.visionOS Spatial Design und Liquid Glass vergleichen
- Glassmorphism (グラスモーフィズム)Gemeinsame Wirkungen: Futurity / Calm.visionOS Spatial Design und Glassmorphism vergleichen
Mehr aus Apple UI
Weitere Stile aus Apple UI, nach gemeinsamen Wirkungen geordnet.
- Aqua (アクア)Gemeinsame Wirkungen: Futurity.
- Brushed Metal (ブラシドメタル)Gemeinsame Wirkungen: Technique.
- Platinum (プラチナ)Gemeinsame Wirkungen: Technique.
Alle Einträge aus Apple UI ansehen
Diesen Eintrag zitieren
Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.
- Link
- https://indexstyle.org/de/styles/visionos-spatial
- Markdown
- [visionOS Spatial Design — IndexStyle](https://indexstyle.org/de/styles/visionos-spatial)
- HTML
- <a href="https://indexstyle.org/de/styles/visionos-spatial">visionOS Spatial Design — IndexStyle</a>