Modal (模态框)
一种对话框式覆盖层,要求用户在与底层内容交互前予以关注,常用于提醒、表单或聚焦任务。Modal 应具有明确的目的和简单的关闭方式——避免将用户困在意外的对话框中。在 Framer 中,可将 Modal 构建为带有适宜出入场动画的覆盖组件。
相关术语
下拉菜单
组件
一种交互元素,点击后显示选项列表,在节省空间的同时提供多种选择。
表单
组件
一种通过文本框、下拉菜单和复选框等字段收集用户输入的交互元素。
Navigation (导航)
组件
Navigation 是帮助用户查找内容并在网站中穿梭的链接与菜单系统,有助于 SEO 及更清晰的页面描述。
Navbar
组件
导航栏,包含网站的主要链接,通常固定在页面顶部以便随时访问。这对于SEO和用户体验的清晰度至关重要。
Tab
组件
一种交互元素,允许用户无需离开页面即可在多个内容面板间切换,起到空间优化和内容组织的作用。
切换开关 (Toggle)
组件
Toggle 是一种用于二进制选择的开关式控件,通过即时生效的方式指示开启/关闭或启用/禁用状态。
工具提示 (Tooltip)
组件
Tooltip 是鼠标悬停在元素上方时出现的小型文本弹出框,用于提供额外的上下文或解释,对 SEO 和用户理解页面至关重要。
面包屑导航 (Breadcrumb)
组件
面包屑导航是一种展示用户在站点层次结构中位置的导航元素,通常显示为一系列带有链接的页面名称轨迹。
下拉菜单 (Dropdown Menu)
组件
下拉菜单是一种导航设计模式,通过悬停或点击来显示包含额外链接或选项的子菜单,这对于 SEO 和用户体验至关重要。
汉堡菜单 (Hamburger Menu)
组件
汉堡菜单是一种导航图标,由三条水平线组成,点击时会展开隐藏的菜单,在移动设备上是标准的设计模式。
重要提示




















