AI 时代 · 环境计算

最好的界面,是几乎看不见的界面

语音优先、手势直达、AI 预测——控件只在需要时浮现,其余时间把屏幕还给内容与生活本身。

「打开客厅的灯」——一句话,无需寻找任何按钮

风格信息

  • 类别通用风格
  • 年代2020s AI 时代
  • 复杂度
  • 最适合语音助手 / 智能家居 / 环境体验

看不见的三种能力

界面退后一步,意图向前一步:识别、预测、按需披露。

语音优先

一句话直达目标,Web Speech 识别意图并即时执行,免去层层菜单与寻找按钮。

手势直达

轻扫、长按与捏合映射高频操作,让肌肉记忆代替按钮,触达路径缩短到一步。

情境预测

AI 依据时间、位置与习惯预载建议,渐进披露、按需浮现,从不打断当下。

按钮与控件

克制的控件层级:能藏则藏,展开才见全貌。

聆听中
更多操作(渐进披露示例)

表单示例

输入框退化为一条发丝线,聚焦时才被点亮。

助手只在听到唤醒词后才开始识别。

配色板

中性底色承载一切,反馈色轻声细语。

柔白 · 主底#FAFAFA
浅灰 · 分区#F0F0F0
暖白 · 氛围#F5F1E8
墨色 · 文字#1C1C1E
浅绿 · 确认#DCFCE7
浅红 · 提醒#FEE2E2

字体级阶

少,即是全部显示级 · Space Grotesk SemiBold · clamp(35–51px)
界面消失的那一刻标题 · Space Grotesk SemiBold · 26px
正文使用 Inter,行高 1.7,在中性背景上保持安静而清晰的阅读节奏。正文 · Inter Regular · 17px
Ambient Label · 环境标签标签 · Inter SemiBold · 14px · 字距 0.16em