虚化的金门大桥暮色背景上,显示 Leyla 的消息卡和 Reply 回复按钮。

为智能眼镜设计

智能眼镜以全天佩戴为设计目标,让用户解放双手,便捷地获取信息。设计智能的增强体验,帮助用户更专注于真实世界、更投入当下。借助设计指南与 UI 套件,将应用体验延伸到无屏眼镜和带屏眼镜。

阅读基础指南

开始设计

四个由两种颜色组成的圆形,按两行两列排列。

设计原则

了解为无屏眼镜和带屏眼镜设计时,需要掌握的基本概念与原则。

进入设计基础

箭头连接多个圆角界面框,框内含胶囊、圆环和几何图形。

界面呈现

了解主界面、系统界面和应用界面等不同设计场景与触点。

阅读界面指南

方形、圆环和三角形通过箭头连接到另一侧的虚线轮廓。

交互与模式

通过声音、手势、反馈等常见交互模式,帮助用户理解、操作并掌控应用体验。

阅读交互指南

绿色背景上排列相机图标、双色色块、Aa 字样与手绘曲线。

视觉样式

认识 Jetpack Compose Glimmer 设计语言:通过精简的主题设计,让界面在眼镜上清晰可见。

探索视觉样式

为用户带来增强体验

智能眼镜让 Android 应用进入一种全新、与个人高度贴近的设备形态。为无屏眼镜和带屏眼镜设计的应用,应丰富日常生活,提供无需动手的实用功能,让用户能在不引人注意的情况下使用数字服务。

双手在台面上揉面,画面上方提示还需揉面 3 分钟。

感知现实环境

结合用户身处的现实情境,提供恰当回应。

视野中显示 Hang floating shelves 卡片,配有置物架参考图片。

更快理解信息

在相关情境中提供直观的视觉信息。

餐厅场景中叠加西班牙语翻译字幕和暂停按钮。

视觉辅助

为用户增添超越日常的能力。

第一人称视角记录夕阳下戴草帽的同伴,前景可见牵着的手。

腾出双手,记录当下

让用户在记录时,仍能投入眼前的时刻。

认识两种眼镜形态

虚化的皮划艇场景上,显示拍照并发送到群组的语音请求。

无屏眼镜

借助 AI 智能体,以自然语言进行无需动手的交互,为媒体控制、导航等任务提供主动或响应式的声音指引。语音回答和文字转语音应简洁。在无屏眼镜上,同样的应用状态可以触发不同的输出方式,例如通过文字转语音来传达信息。

虚化的户外步道上叠加日程卡片,内容为 Coffee with Francis 和 30 minutes。

带屏眼镜

有了显示屏,可以让声音与轻量、一眼可读的视觉信息相互配合。高对比、精简的画面用于呈现导航或通知等内容,只在相关时出现,为视野补充信息,避免遮挡。你可以为带屏眼镜构建应用,并设计适合显示屏的专属交互。

探索设计套件

使用基于 Figma 的组件库套件,以现代的组件、样式和布局开始打造增强体验。

渐变背景上的 Jetpack Compose Glimmer Design Kit 标题与眼镜图标。

Figma

Jetpack Compose Glimmer UI Figma 套件

探索 Figma 组件库,使用现代的组件、样式和布局开始构建增强体验。

前往 Android Design 社区

包含语音气泡、镜腿按钮、眼镜与方向箭头的教学动效封面。

After Effects

使用教学动效素材

使用教学 After Effects 文件提供可直接使用的动画,帮助用户认识无屏眼镜和带屏眼镜。

下载 After Effects 文件

为无屏眼镜与带屏眼镜开发

浅绿色网格上排列深绿色的几何图形和组件形状。

开发指南

通过开发指南与参考资料,将应用设计落地实现。

查看开发指南