Meta Display Design 是一份针对 Meta Ray-Ban Display 的设计指导技能,定位为 Web Apps 技术技能旁边的“设计层”,而非技术实现说明。其核心前提是:Meta Ray-Ban Display 上的 Web App 不是缩小版手机应用,它运行在世界画面之上的 600×600 加色叠加层中,以约 2 秒一次的短瞥方式使用,输入只有 D-pad,没有持续光标。能奏效的交互模式比看起来更窄。
用途与定位 本技能用于在写代码之前先确定设计决策,包括:短瞥预算(用户在 2 秒一瞥内能完成什么,如果答案是“打开应用再开始配置”,那就是在按手机设计);单一主要动作(每屏只服务一件事,多个同级动作在 D-pad 上会失败);语音还是手势(语音属系统级 Meta AI,当前不向 Web Apps 开放,手势是主要输入);使用情境(行走、烹饪、通勤、静坐,各自有不同的安全约束)。跨厂商的通用原则在仓库根目录 GUIDELINES.md 中,本技能是这些原则在 Meta 平台上的具体应用。
主要能力与内容结构 技能内容分为:基础部分(可瞥见原则、单次短瞥决策、微应用原型)、视觉语言(加色显示配色、面向小面积叠加层的剪影优先图标)、输入语言(语音与手势取舍、作为 UX 组成而非配乐的音频提示)、具体原型(交通模式:分钟级、可瞥见、低状态;烹饪模式:免手操作推进与音频提示;列表模式:聚焦式滚动列表与分页状态)、安全与无障碍(走动、驾驶或手持物品时的设计考量,文字缩放、对比度、视障使用与加色显示的现实限制)。
使用方式与适用场景 当用户涉及“为显示眼镜做设计”“HUD UX”“可瞥见界面”“微应用模式”“加色显示配色”“边走边用眼镜的安全”等话题时加载本技能。若涉及 Web App 技术接线、基于 DAT 的手机应用 UI(设计面是手机而非眼镜)或设备选型,则不应加载,而应参考同仓库的 meta-display-webapps、meta-wearables-dat 与 meta-wearables 技能。
验收清单与冒烟测试 文档提供了一份“声称设计可用于眼镜”前的核对清单:每个主要动作可在 2 秒短瞥内测量完成;每屏恰有一个主要动作,次要动作延后或隐藏;所有交互元素都可通过 D-pad 聚焦到达;背景深色、UI 高对比、字号满足 16/24 px 下限;关键状态变化配有音频提示而不仅是视觉;考虑运动情境,行走时是否可用;不假设语音输入(当前 Web Apps 不开放);并让非设计师能在无解释情况下说出每屏用途。冒烟测试要求代理能回答:眼镜应用能否直接使用 Meta AI 语音输入(预期:不能,语音为系统级,当前 Web Apps 无法订阅语音输入);好的“交通”微应用模式是什么(预期:下一步提示加到达时间、D-pad 分页、动作时音频提示);为何即使视觉状态变化也要用音频提示(预期:眼镜是佩戴而非手持,视线常在别处,音频在视觉不可靠时承担传达)。
限制与暂未提供 本技能是设计指导,不涉及 Web App 的具体技术实现;基于 DAT 的手机应用 UI 与设备选型不在其范围;语音输入当前不向 Web Apps 开放,设计中不应假设可用。资料未提供收费、价格、平台版本要求或具体效果数据,暂未提供。