Knowledge RAG
提交新原则设计知识库
由社区维护、审核后发布,并在 Agent 页面创作前被 RAG 检索为设计约束。
6 条已发布原则 / 全库 192 条
Interaction Responsive Motionoverlay / dialog
浮层焦点与滚动锁契约
浮层不是一层遮罩,而是 modality、初始焦点、焦点循环、关闭规则、背景 inert、滚动锁、portal 层级和移动端安全区的联合契约。
只要浮层改变用户可交互范围,就必须同时治理键盘、读屏、指针、滚动和移动端行为;视觉上盖住背景但语义上仍可达,是最危险的假 modal。96%Interaction Responsive Motionforms / validation表单错误状态契约
表单错误状态契约把 label、帮助文本、验证时机、内联错误、错误摘要、提交状态、服务端失败、移动键盘和 ARIA 连接放进同一个可实现模型。
表单错误不是某个红色组件,而是字段契约、状态机和恢复路径的组合;它应路由到更细的错误摘要、可访问反馈、标签持久性和事务型恢复知识。95%Interaction Responsive Motiongesture / mobile触控手势替代路径
触控手势替代路径把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
滑动、捏合和长按不能成为完成任务的唯一方式。86%Interaction Responsive Motionmobile / actions移动端底部行动栏
移动端底部行动栏把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
移动端关键行动应靠近拇指区域,但不能遮挡内容、错误或系统导航。85%Interaction Responsive Motionresponsive / navigation响应式导航折叠
响应式导航折叠把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
导航折叠不是隐藏所有入口,而是按任务频率和当前位置重新排序。85%Interaction Responsive Motionmobile / responsive移动端优先堆叠
移动端不是桌面的缩小版,应按任务优先级重新堆叠内容和操作。
小屏空间有限,最重要的信息、控件和反馈需要靠前且不重叠。82%