这是用户在 2024-9-20 16:34 为 https://medium.com/@uxpeak.com/ui-made-simple-understanding-checkboxes-radio-buttons-and-toggle-swit... 保存的双语快照页面,由 沉浸式翻译 提供双语支持。了解如何保存?

Get unlimited access to the best of Medium for less than $1/week.


用户界面简化:理解复选框、单选按钮和切换开关

uxpeak

3 min readMar 20, 2023

UI Made Simple: Understanding Checkboxes, Radio Buttons, and Toggle Switches — uxpeak


你是否厌倦了在设计用户界面时感到困惑?不用再找了,因为我们为你提供了解决方案!今天,我们将深入探讨用户界面元素的奇妙世界,解析复选框、单选按钮和切换开关的基础知识。

 复选框


复选框非常适合用户需要从可用选项列表中选择一个或多个选项的情况。每个复选框代表一个单独的选项,用户可以勾选或取消勾选该框以表示他们的选择。这个用户界面元素通常用于从在线商店选择多个购买项目、订阅新闻通讯中的多个主题或从列表中选择多个项目。

 单选按钮

Radio buttons — uxpeak


单选按钮则用于用户需要从一组互斥选项中仅选择一个选项的情况。与复选框不同,单选按钮允许用户仅选择一个选项。当用户选择一个单选按钮时,同一组中之前选择的任何单选按钮会自动取消选择。单选按钮非常适合用户需要进行单一选择的情况,例如选择性别或选择支付方式。

 切换开关

Toggle switches, uxpeak


切换开关通常在用户需要打开或关闭特定功能或设置时使用。它们用于需要做出二元决策的情况,例如启用或禁用某个功能或在两种状态之间切换。切换开关通常显示两种状态,并通过视觉指示当前状态,例如开/关、启用/禁用或是/否。切换开关的例子包括在手机上打开或关闭 Wi-Fi,或在应用程序中切换明亮模式和黑暗模式。


总之,复选框用于选择一个或多个选项,单选按钮用于从一组选项中选择一个选项,而切换开关用于开启或关闭功能。


你想了解更多吗?

uxpeak, course


我们致力于帮助像您这样的设计师学习关于用户体验/用户界面设计的所有知识,并为您提供在这个激动人心的领域中取得成功所需的工具和资源。

www.uxpeak.com

uxpeak

We are on a mission to help you become a top-notch UX/UI designer, by giving you the knowledge and resources to thrive in the world of UX/UI design.