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