visionOS Spatial Design

visionOS 空間デザイン / 2023– / Style / Apple UI

Le langage d'écran qu'Apple a fixé pour le Vision Pro dans ses directives. Une fenêtre est un plan vertical fait d'un matériau appelé verre, à travers lequel la pièce reste visible, tandis que les reflets spéculaires et les ombres disent où le plan se trouve et quelle est sa taille. Le point se définissant par un angle et non par des pixels, la taille apparente ne change pas lorsque la fenêtre s'éloigne.

Un plan vertical de verre dont le fond ne peut pas être remplacé, qui laisse voir la pièce et porte reflets spéculaires et ombres / La fenêtre par défaut fait 1280x720 pt, s'ouvre à environ deux mètres et présente une largeur apparente proche de trois mètres / Un effet de survol qui n'allume que l'élément regardé, avec une seule zone sensible à coins arrondis par contrôle / Dans un volume, dépourvu de cadre visible, le bouton de fermeture et la barre de fenêtre pivotent vers celui qui en fait le tour

visionOS 26 のホーム画面 2025 — Wikimedia Commons / CC0visionOS 2 でアプリの窓を実景に重ねた画面 2025 — Wikimedia Commons / CC0visionOS 26 のコントロールセンター 2025 — Wikimedia Commons / CC0

Entrée du dictionnaire

Usages idéaux
Reprendre une mise en page conçue pour iPad afin qu'elle se lise comme un panneau flottant au-dessus d'une pièce réelle · Montrer la maquette en trois dimensions d'un produit à l'échelle réelle, posée dans la pièce comme un volume sans cadre
Typographie
Employez SF Pro et choisissez pour le texte et les titres des graisses plus fortes que sur les autres plateformes. Le blanc est la couleur de texte par défaut et les lettres restent plates. Toute étiquette ancrée à un point de l'espace se tourne toujours vers celui qui regarde.
Composition
Partez de 1280x720 pt et laissez le contenu décider des proportions. Ménagez au moins 16pt de marge autour de chaque élément interactif et gardez au moins 60pt entre leurs centres. Fixez toujours une taille minimale et une taille maximale.
Matière
Gardez le fond de verre tel quel. La profondeur se fabrique par l'ombre, le reflet spéculaire et la température de couleur, jamais en relevant le texte. Gardez peu profond tout objet en trois dimensions placé dans une fenêtre et déplacez vers un volume ce qui demande davantage de profondeur.
Précaution
Remplacer le verre par un aplat opaque rompt la relation entre les éléments, nuit à la lisibilité et alourdit la fenêtre, puisqu'elle masque alors la pièce située derrière.
Pour approfondir
HIG の windows と spatial layout を読み、点を角度で定義することが版面設計に何をもたらすか確かめる / 画像と説明文をひとつの操作対象にまとめるとき、ホバー効果を当てる領域をどう定義しているか / 1280x720 pt の窓を2メートル先に置いたときの実際の見かけの大きさを測る

Entrées liées

Citer cette entrée

Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.

Link
https://indexstyle.org/fr/styles/visionos-spatial
Markdown
[visionOS Spatial Design — IndexStyle](https://indexstyle.org/fr/styles/visionos-spatial)
HTML
<a href="https://indexstyle.org/fr/styles/visionos-spatial">visionOS Spatial Design — IndexStyle</a>

Revenir à sa position dans l’index