Spatial UI (VisionOS)
Spatial UI (VisionOS) — Design general com glass, depth, immersion. Template e prompt pronto para IA.
Uso: Landing pages, SaaS
Contexto Histórico
Estilo Spatial UI (VisionOS) representa uma tendência moderna em design UI/UX web com foco em general.
Quando Usar
Reach for spatial UI when you're designing for headsets, mixed reality experiences, or any context where the interface shares space with the physical world. It's the right call for Apple Vision Pro apps, AR overlays that need to feel native rather than bolted-on, and immersive environments where flat panels would feel like a regression. Also useful as a design language for forward-looking brand work — tech companies signaling where they're headed. Skip it for traditional screens. Glass without depth is just frosted blur.
Princípios de Design
- Depth is information — use z-axis positioning to communicate hierarchy, not decoration
- Glass is earned — translucent materials only work when the content behind them adds context, never use glass to hide emptiness
- Respect the room — spatial UI coexists with physical space, designs must feel placed, not projected
- Eyes are the cursor — size, spacing, and interactive zones must account for gaze precision, not finger precision
- Restraint over spectacle — immersion comes from coherence, not from throwing every 3D trick at the user simultaneously
Especificações Técnicas
Cores
Primárias
Efeitos
Parallax depth, dynamic lighting response, gaze-hover effects, smooth scale on focus
Light/Dark
✓ Full / ✓ Full
Relacionados
Última sincronização: 01/04/2026