UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录
知识库社区设计原则只发布审核通过的知识进入 Agent RAG。
投稿

分类

全部Interaction Responsive MotionTypography Color Accessibility

标签

accessibilityactionsformsgestureinputlayoutmobilenavigationresponsivetouch-target
Knowledge RAG

设计知识库

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

提交新原则
6 条已发布原则
Interaction Responsive Motiongesture / mobile

触控手势替代路径

触控手势替代路径把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

滑动、捏合和长按不能成为完成任务的唯一方式。86%
Typography Color Accessibilityforms / input

触控键盘与输入目的

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

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

移动端底部行动栏

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

移动端关键行动应靠近拇指区域,但不能遮挡内容、错误或系统导航。85%
Interaction Responsive Motionresponsive / navigation

响应式导航折叠

响应式导航折叠把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

导航折叠不是隐藏所有入口,而是按任务频率和当前位置重新排序。85%
Interaction Responsive Motionmobile / responsive

移动端优先堆叠

移动端不是桌面的缩小版,应按任务优先级重新堆叠内容和操作。

小屏空间有限,最重要的信息、控件和反馈需要靠前且不重叠。82%
Typography Color Accessibilitytouch-target / mobile

可访问交互目标

按钮、链接、菜单项和图标按钮需要足够命中区域,移动端尤其不能只看视觉尺寸。

视觉小不等于点击区域小;交互目标需要稳定尺寸和明确反馈。82%