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




















