返回辨真假
辨真假

下拉菜单 vs 溢出菜单

Dropdown · Overflow Menu

一句话区分

一个给你选项,一个给当前对象做操作

LIVE DEMO全量并排,直接切身感受差异

下拉菜单

Dropdown

查看词条

溢出菜单

Overflow Menu

查看词条

meatballs ⋯ / kebab ⋮

项目计划

一份关于设计系统落地的季度计划草稿。

点击右侧三点图标

什么时候用哪个按成员拆开看场景,不再靠猜

下拉菜单

Dropdown

  • 用户要从一组选项里做选择
  • 打开菜单后,结果会成为当前值
  • 适合筛选、排序、选择状态或查看模式

溢出菜单

Overflow Menu

  • 用户已经选中了某个对象,现在要对它做操作
  • 按钮通常是三点,动作是重命名、分享、删除
  • 适合列表行、卡片角落、对象级更多操作
各自的提示词当前按 Web 组织,复制即可继续指挥 AI

下拉菜单

Dropdown

Web

在头像上加下拉菜单(DropdownMenu):「个人资料、设置、退出登录」,点击菜单外自动关闭

溢出菜单

Overflow Menu

Web

在列表每行末尾加溢出菜单(DropdownMenu):点「⋯」展开「重命名、分享、删除」,删除标红,点菜单外关闭

下拉菜单 vs 溢出菜单 对比 · ViboDesign