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




















