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.
En un coup d’œil
Signes visuels
- 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
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
Utiliser ce style
Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.
Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations
Entrée du dictionnaire
- 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
- 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
Entrées liées
- Liquid Glass (リキッドガラス)Même famille : Apple UI.Comparer visionOS Spatial Design et Liquid Glass
- Glassmorphism (グラスモーフィズム)Effets partagés : Futurity / Calm.Comparer visionOS Spatial Design et Glassmorphism
Plus de Apple UI
Poursuivez avec des styles de Apple UI, classés par effets communs.
- Aqua (アクア)Effets partagés : Futurity.
- Brushed Metal (ブラシドメタル)Effets partagés : Technique.
- Platinum (プラチナ)Effets partagés : Technique.
Voir toutes les entrées Apple UI
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>