1. 簡(jiǎn)要了解設(shè)計(jì)中的開(kāi)關(guān)

設(shè)計(jì)中提到的開(kāi)關(guān)其實(shí)就是仿照物理開(kāi)關(guān)的映射，提供了兩種最為簡(jiǎn)單、直接的對(duì)立選項(xiàng)，比如開(kāi)/關(guān)、啟動(dòng)/禁用等。

它就像生活中控制燈泡的開(kāi)關(guān)，摁下燈泡立即亮起。所以它要表達(dá)的意思也必須明確，不然用戶都不知道，即將要啟動(dòng)/禁用的是什么。

2. 開(kāi)關(guān)組件的特點(diǎn)

（1）對(duì)象標(biāo)簽名稱須傳達(dá)清晰，能夠讓用戶能夠明確感知操作后的動(dòng)作開(kāi)啟或關(guān)閉什么；

（2）主體標(biāo)簽信息和按鈕是分離的，兩個(gè)視覺(jué)焦點(diǎn)；

（3）一般點(diǎn)擊后會(huì)立即反饋；

（4）沒(méi)有 hovering 效果 ，有動(dòng)作效果，更適合手指操作；

3. 開(kāi)關(guān)使用場(chǎng)景舉例

（1）開(kāi)關(guān)的標(biāo)簽意符需傳達(dá)清晰

和單選、復(fù)選框不一樣的是，開(kāi)關(guān)主體所表示的信息和開(kāi)關(guān)本身（開(kāi)關(guān)按鈕）是分離的。

用戶在點(diǎn)擊開(kāi)關(guān)按鈕前，必須用文字清晰告知用戶點(diǎn)擊后會(huì)發(fā)生什么，甚至有時(shí)需要通過(guò)增加小標(biāo)題來(lái)加以說(shuō)明開(kāi)關(guān)按鈕的功能。

（2）一般情況下只作為立即生效的功能使用開(kāi)關(guān)按鈕

在表單填寫時(shí)，往往最終會(huì)有「提交」按鈕作為結(jié)束態(tài)，開(kāi)關(guān)作為表單字段的填寫，用戶點(diǎn)擊后并不能夠立即生效，往往需要再次點(diǎn)擊「提交」按鈕才能生效。

（3）有風(fēng)險(xiǎn)，需著重提醒用戶

開(kāi)關(guān)的視覺(jué)權(quán)重較高，在復(fù)雜的表單信息中，它能夠很快吸引到用戶的注意力，并能夠給用戶以視覺(jué)提醒。

（4）避免大面積使用開(kāi)關(guān)，使用它控制局部細(xì)節(jié)或者次要設(shè)置

開(kāi)關(guān)在視覺(jué)感知上它和按鈕上有些接近，所以盡量避免在表單中使用大量的開(kāi)關(guān)來(lái)控制局部層級(jí)內(nèi)容，因?yàn)殚_(kāi)關(guān)是控制單一操作，大量?jī)?nèi)容都試用開(kāi)關(guān)的情況下會(huì)導(dǎo)致信息繁瑣，影響用戶體驗(yàn)，這種情況推薦使用復(fù)選框來(lái)替代開(kāi)關(guān)作為局部控制。

（5）把開(kāi)關(guān)作為高層級(jí)內(nèi)容控制或信息設(shè)置

把開(kāi)關(guān)用來(lái)作為總控制，開(kāi)啟后顯示更多層級(jí)的內(nèi)容，關(guān)閉后避免 了web 表單中大面積的使用開(kāi)關(guān)按鈕，會(huì)和其他的基本組件造成視覺(jué)干擾。

將開(kāi)關(guān)作為高層級(jí)總控制，可以提升用戶的興趣，同時(shí)還能表現(xiàn)出開(kāi)關(guān)的重要性。

5. 小結(jié)

開(kāi)關(guān)按鈕視覺(jué)突出且反應(yīng)快。用戶瀏覽表單、填寫內(nèi)容組之間，一般不需要很強(qiáng)的視覺(jué)差異。如果填寫的表單信息之間對(duì)比差異過(guò)大，開(kāi)關(guān)往往給用戶造成過(guò)大的視覺(jué)干擾，反而阻礙用戶瀏覽表單的效率。