visionOS Spatial Design
visionOS 空間デザイン / 2023– / Estilo / Apple UI
El lenguaje de pantalla que Apple fijó para Vision Pro en sus directrices. Una ventana es un plano vertical de un material llamado cristal, a través del cual se ve la habitación, mientras los reflejos especulares y las sombras informan de dónde está el plano y de qué tamaño es. Como el punto se define por un ángulo y no por píxeles, el tamaño aparente no cambia aunque la ventana se aleje.
De un vistazo
Rasgos visuales
- Un plano vertical de cristal cuyo fondo no se puede sustituir, que deja ver la habitación y recibe reflejos especulares y sombras
- La ventana por defecto mide 1280x720 pt, se abre a unos dos metros y su anchura aparente ronda los tres metros
- Un efecto de hover que ilumina solo el elemento mirado, con una única zona sensible de esquinas redondeadas por control
- En un volume, que no tiene marco visible, el botón de cerrar y la barra de ventana giran hacia quien camina a su alrededor
Usos idóneos
- Rehacer una pantalla pensada para iPad de modo que se lea como un panel flotando sobre una habitación real
- Mostrar la maqueta tridimensional de un producto a tamaño real, colocándola en la sala como un volume sin marco
Usar este estilo
Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.
Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas
Entrada del diccionario
- Tipografía
- Usa SF Pro y elige para el texto y los titulares los grados más gruesos que ofrece esta plataforma. El blanco es el color de texto por defecto y las letras se mantienen planas. Toda etiqueta anclada a un punto del espacio gira siempre hacia quien mira.
- Composición
- Parte de 1280x720 pt y deja que el contenido decida la proporción. Deja al menos 16pt de margen alrededor de cada elemento interactivo y separa sus centros al menos 60pt. Fija siempre un tamaño mínimo y uno máximo.
- Material
- Deja el fondo de cristal como está. La profundidad se construye con sombra, reflejo especular y temperatura de color, nunca elevando el texto. Mantén poco profundo cualquier objeto tridimensional dentro de una ventana y lleva a un volume lo que necesite más fondo.
- Precaución
- Sustituir el cristal por un relleno opaco rompe la relación entre los elementos, dificulta la lectura y hace que la ventana pese, porque tapa la habitación que había detrás.
- Para profundizar
- 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
Entradas relacionadas
- Liquid Glass (リキッドガラス)Misma familia: Apple UI.Comparar visionOS Spatial Design y Liquid Glass
- Glassmorphism (グラスモーフィズム)Efectos compartidos: Futurity / Calm.Comparar visionOS Spatial Design y Glassmorphism
Más de Apple UI
Continúa con estilos de Apple UI, priorizados por sus efectos compartidos.
- Aqua (アクア)Efectos compartidos: Futurity.
- Brushed Metal (ブラシドメタル)Efectos compartidos: Technique.
- Platinum (プラチナ)Efectos compartidos: Technique.
Ver todas las entradas de Apple UI
Citar esta entrada
El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.
- Link
- https://indexstyle.org/es/styles/visionos-spatial
- Markdown
- [visionOS Spatial Design — IndexStyle](https://indexstyle.org/es/styles/visionos-spatial)
- HTML
- <a href="https://indexstyle.org/es/styles/visionos-spatial">visionOS Spatial Design — IndexStyle</a>