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




















