Interface Lab
Knowledge RAG

设计知识库

由社区维护、审核后发布,并在 Agent 页面创作前被 RAG 检索为设计约束。

提交新原则
15 条已发布原则 / 全库 192 条
Design Systems Page Patternspublic-service / trust

公共服务信任锚点与恢复路径

公共服务界面必须把官方身份、负责机构、法定链接、任务标题、表单语义、错误摘要和恢复路径做成可验证的页面结构,而不是只套蓝白政务视觉。

公共服务的信任来自可检查的责任链和可恢复的任务流:用户需要知道是否官方、谁负责、信息是否安全、为什么需要填写、出错后如何修复、以及去哪里查看隐私/无障碍/监督信息。95%
Design Systems Page Patternsprogressive-disclosure / settings

复杂界面的渐进披露

复杂设置、表单和后台页面要先暴露常用任务,再把高级、危险、稀有或条件性选项放进可预测的二级路径。

渐进披露不是把东西藏起来,而是按用户任务、风险和频率安排显示时机,让新手少犯错、熟练用户仍能找到高级控制。95%
Interaction Responsive Motionforms / validation

表单错误状态契约

表单错误状态契约把 label、帮助文本、验证时机、内联错误、错误摘要、提交状态、服务端失败、移动键盘和 ARIA 连接放进同一个可实现模型。

表单错误不是某个红色组件,而是字段契约、状态机和恢复路径的组合;它应路由到更细的错误摘要、可访问反馈、标签持久性和事务型恢复知识。95%
Interaction Responsive Motionforms / errors

事务型表单错误恢复

高信任表单的错误处理不是提示用户错了,而是把用户带回可修复、可继续、无需重填的状态。

事务型服务的错误恢复必须同时处理可见位置、屏幕阅读器、焦点、原始输入、错误文案和下一步行动。94%
Typography Color Accessibilityforms / input

触控键盘与输入目的

触控键盘与输入目的把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

移动端输入字段应匹配正确键盘、自动完成和输入目的,减少错误和操作成本。86%
Typography Color Accessibilityforms / labels

表单标签持久可见

表单标签持久可见把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

表单字段标签应在输入前后都可见,帮助用户确认字段含义和上下文。86%
Typography Color Accessibilityauthentication / accessibility

可访问认证流程

可访问认证流程把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

安全流程也要降低认知负担,帮助用户完成而不是考验用户。86%
Typography Color Accessibilityforms / errors

错误摘要模式

错误摘要模式把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

用户需要先知道有多少错误、在哪里、如何修复,而不是逐行搜索红字。86%
Interaction Responsive Motionfeedback / toast

Toast 与行内反馈选择

Toast 与行内反馈选择把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

反馈位置应匹配反馈对象;toast 适合全局短状态,行内反馈适合字段和局部修复。85%
Interaction Responsive Motionwizard / progress

向导步骤进度

向导步骤进度把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

向导需要让用户知道当前位置、剩余工作、可返回性和保存状态。85%
Typography Color Accessibilityforms / placeholder

占位符不能替代标签

占位符不能替代标签把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

占位符适合展示格式示例,不适合作为唯一说明或关键指导。84%
Typography Color Accessibilityforms / redundant-entry

减少重复输入

减少重复输入把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

重复输入增加认知负担、错误率和放弃率,尤其影响辅助技术用户。84%
Interaction Responsive Motioninputs / controls

输入模式与控件匹配

控件类型应匹配决策方式:开关用于二元,分段用于模式,菜单用于多选项,滑杆用于连续数值。

错误控件会增加理解成本,并让用户不确定选择是否可逆。82%
Interaction Responsive Motionforms / workflow

表单流程与校验

表单应按用户心智顺序组织字段,并在关键节点给出可恢复反馈。

好的表单把复杂任务拆成可完成步骤,而不是把所有字段平铺给用户。82%
Typography Color Accessibilityforms / accessibility

可访问表单反馈

表单反馈要靠近字段、解释原因,并在提交前后都能被用户理解。

错误信息不是惩罚,而是帮助用户完成任务的导航。82%