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.
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
Wörterbucheintrag
- 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
- 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
- HIG の windows と spatial layout を読み、点を角度で定義することが版面設計に何をもたらすか確かめる / 画像と説明文をひとつの操作対象にまとめるとき、ホバー効果を当てる領域をどう定義しているか / 1280x720 pt の窓を2メートル先に置いたときの実際の見かけの大きさを測る
Verwandte Einträge
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>