这三个组件都是让用户做选择,但适用场景完全不同。
📌 下拉选择器(Select)
适合:选项较多(>5 个)
特点:选项收起,省页面空间
缺点:要点开才能看到全部选项
📌 单选框(Radio)
适合:选项少(2~5 个),需要一眼看清所有选项
例子:性别、支付方式、程度选择
优点:不用点击,可直接对比
📌 开关(Toggle / Switch)
适合:只有开 / 关两种互斥状态
特点:操作后立即生效,无需确认
例子:通知开关、深色模式、权限开启
✅ 快速判断公式:
选项 ≤5 个,要全展示 → 单选框
选项 >5 个 → 下拉选择器
只有开 / 关、即时生效 → 开关
⚠️ 常见错误:
只有 2 个选项却用下拉框 → 多一次无用点击
用开关但不即时生效 → 违背用户预期
📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
爬出低谷,不需要惊天动地的顿悟。👇文末加入「UIUX 学习指南」,每天 5~10 分钟,去学、去拆解、去浸泡。
你会发现,焦虑和迷茫会被“坚实的确定性”一点点挤出去,你重新理解了设计的重量。






