1.3 滑动开关与分页器

1.3.1 滑动开关

在输入类控件中，滑动开关主要起到控制产品某个功能开启或关闭的作用。图1-14展示了一个滑动开关的经典控件样式，控制的是产品“夜间模式”功能的开启和关闭。

图1-14 “夜间模式”开启/关闭按钮样式

在设计滑动开关时，要明确开关控制的功能、开关的样式、开关的前置状态、交互动作，以及后置状态等设计要素。以iOS设备中“飞行模式”的开启和关闭功能设计为例，图1-15展示了实际设计滑动开关过程中需要注意的细节。

运用滑动开关控件来承载一个功能完整的开关逻辑。首先，要明确这个控件控制什么功能，图1-15中滑动开关所承载的功能是“飞行模式”的开启和关闭。其次，要明确开关控件的前置状态，例如，如果“飞行模式”这个功能默认是关闭的，那么“飞行模式”滑动开关控件的前置状态就是关闭状态，这个状态下其他模块的状态都属于前置状态的范畴。例如，“飞行模式”关闭时无线局域网显示的是“未连接”，而开启时显示的是“关闭”两者，都属于飞行模式开关的前置状态。

图1-15 iOS设备中“飞行模式”的开启/关闭功能

接下来，要明确滑动开关的交互动作。图1-15中“飞行模式”滑动开关的交互动作是“单击”。通过单击，切换开启和关闭状态。其他常见的交互动作还有“滑动”“双击”“长按”等。

最后，要明确交互动作所产生的后置状态。对比图1-15中滑动开关关闭和开启前后的信息可以看出，“飞行模式”开启后，除开关按钮的变化之外，“无线局域网”信息和“蜂窝网络”信息都有变化，而变化后的状态就属于滑动开关的后置状态范畴。

关于滑动开关的一些其他注意事项如下。

● 滑动开关是一种功能控件，其样式不仅局限于文字加图标类型的开关，还有纯图标样式，以及仿真开关样式等。所以，在进行产品设计时不要局限于固定的滑动开关样式，只要符合基本的设计要素，能承载一项功能的开启和关闭，就属于有效的设计。

● 对于开关的前置状态和后置状态，在滑动开关附近添加辅助说明文字，让用户知道此时的状态承载什么功能，以及相反的状态承载什么功能。

● 滑动开关开启和关闭状态切换的过程中，也就是发生切换时，界面也可以给出明确的切换提示。例如，如果一个滑动开关承载的是某个重要的功能，不能随意开启或者关闭，则需要进行有效的弹窗提示，让用户知晓开启或关闭后的结果，再进行操作。