简单聊聊“开关”这个小控件

一、开关是什么

开关，英文Switch，常被翻译为开关、滑动开关、切换开关，作为界面中可直接操作的元件，供应两个互斥选项（如开/关、是/否、启动/禁用）供用户选择。
开关不同于其他繁芜控件，其操作实行直不雅观，用户选择一个选项后，系统立即实行操作。

按图索骥，你会创造产品界面上的开关控件，实在是对现实生活中实体产品的抽象。

早期拟归天风格盛行时，产品为降落用户学习本钱，直接模拟现实生活中的开关；后续随着拟归天风格退散，扁平化风格盛行，产品中开关控件逐渐舍弃掉质感、阴影等非主要视觉信息，只延续保留形式和状态两个关键成分。

在设计开关按钮控件时，最主要的一点便是按钮状态的表达一定要清晰直不雅观，由于开关按钮有两个特点：含有开关的工具名称，开关按钮两种互斥状态。

然而在当下的iOS控件中，已将这两种互斥状态简化身分歧颜色和不同位置，简化的过程实在是建立在人们对iOS7之前拟归天按钮样式熟知的根本之上，同时也是拟归天向扁平化发展的演化过程。

二、开关有哪些样式

开关的详细样式由于受到Android与iOS两种设计规范的影响，以是大致分为两种详细样式。

1） iOS系统样式

此处再次列举了拟归天和扁平化设计的两种开关按钮状态，在iOS7之前，也便是拟归天时期，所有iOS6的开关按钮以质感和阴影为主并带有ON/OFF或者开/关这类提示性笔墨。

但在iOS7之后扁平化大行其道，人们纷纭厌倦了拟归天的设计，轻量的信息更随意马虎被大众所接管，舍弃掉表层的东西，留下了深层的信息。

2） iOS产品样式

iOS系统更新迭代至今，对产品中的系统开关做了明确规范，即开关形式不可变更，颜色可稍作变动。

3） Android样式

下图左侧是华为手机规复默认设置界面的截图，右侧是QQ音乐的流畅度设置截屏。

比拟剖析后，我们可以创造，同样受扁平化设计的影响，Android系统中开关在表意无毛病情形下，样式也更趋于大略。
但不同于iOS系统，Android系统对产品中的系统开关未做过多限定，产品可根据自身的风格、色调调度开关按钮样式。

个中受扁平化影响，按钮样式紧张以颜色和明度来区分两种状态，理念上和iOS的按钮设计是相同的，但开关按钮的颜色和样式可以自定义来匹配产品的调性。

下图左侧ePub阅读器的更多设置中有个【禁止逼迫旁边对齐】，常日来说开关的打开有启用的含义，用户就能够清楚地理解选择开关后会发生什么，但在这里用户会纠结这个功能是打开还是关闭了，可能须要通过修正选中的状态来剖断前后的不同。

以是设计中该当避免利用“不要再发送邮件给我”这样的否定语，可以利用正向说话表述来避免这种情形。

右侧是一组日/夜的切换按钮，设计者通过按钮的样式及颜色表现不同状态和结果展示了开关按钮的潜力。

在设计过程里，我们可以在开关按钮上增加能让用户感兴趣的视觉效果，一方面给用户带来有趣的体验，另一方面也表示了开关按钮状态背后的含义。

三、开关有什么用

开关最主要的浸染便是立即打开或关闭某个功能，并向用户清晰的展示开关状态。

在分外情形下，进行危险操作时还须要二次确认。
比如：在iCloud中关闭通讯录同步时就须要二次确认，个中具有危险性的行为选项以赤色标注出来，防止用户进一步误操作。

四、总结

虽然，开关只是一个小小的控件，但从它的演化进程我们可以感想熏染到设计的发展趋势，即从拟归天到扁平化的进阶。

实在设计走向扁平化，很大程度上是信息爆炸背景下应运而生的设计谋略，它通过去除冗余、厚重和繁杂的装饰效果，让“信息”本身重新作为核心被凸显出来，帮助用户更高效地获取信息。
比如文案设计中，现在更多地利用正向说话表述，来减少用户认知判断的韶光。

以上便是本期对开关控件的剖析，希望对大家有所帮助，明确了它的利用场景，才能更好地知足设计意图。

本文由 @UImax 原创发布于大家都是产品经理。
未经容许，禁止转载

题图来自 Unsplash ，基于 CC0 协议