SPATIAL COMPUTING · 空间计算

界面悬浮在
你的房间里

磨砂玻璃窗口漂浮于环境光中:注视即高亮、捏合即点击,模糊透出身后的世界,纵深由阴影讲述。

风格信息

类别 · 通用风格 年代 · 2024 空间计算时代 复杂度 · 高 最适合 · 空间应用 · VR/AR 界面 · 沉浸媒体 · 未来感仪表盘

DEPTH LAYERS

纵深的三种语言

blur(40px) + saturate(180%) 的玻璃、层层递进的投影、以及注视时的轻微放大,共同构成空间感。

磨砂玻璃

15–30% 白色透明度叠加背景模糊,窗口既在场景之中,又浮于场景之上。

注视悬停

目光落在哪,哪里就 scale(1.02) 并提亮——反馈来自光,而不是边框。

阴影述深

0 8px 32px 的深投影标记窗口高度,越近的层,影子越远越柔。

CONTROLS

按钮与控件

激活态使用鲜亮的系统色,未激活时一切都是玻璃。

正在追踪注视

REQUEST ACCESS

申请空间体验

留下联系方式,我们将寄出一间虚拟客厅的钥匙。

PALETTE

配色板

玻璃本身几乎无色,颜色来自环境与激活态。

磨砂玻璃白rgba(255,255,255,.2)
系统白#FFFFFF
激活蓝#66B8FF
激活青#5AE0C8

TYPOGRAPHY

字体级阶

显示级 · Inter ExtraBold 800 · 48px

悬浮的界面

标题 · Inter Bold 700 · 25px

目之所及,皆可交互

正文 · Inter Regular 400 · 16px / 1.65

正文为纯白并带极轻的文字投影,即使玻璃后是明亮的环境,也能保持清晰的可读性与对比度。

标签 · Inter SemiBold 600 · 13px · 字距 0.2em

VISIONOS SPATIAL UI