今天，如果我們追溯數(shù)字產(chǎn)品的用戶界面（UI）中的一個(gè)個(gè)已經(jīng)習(xí)以為常的設(shè)計(jì)細(xì)節(jié)，你會(huì)發(fā)現(xiàn)它們與早期實(shí)體產(chǎn)品的概念模型有著底層的、直接的聯(lián)系。

現(xiàn)代的數(shù)字產(chǎn)品設(shè)計(jì)從傳統(tǒng)的工業(yè)設(shè)計(jì)中吸收養(yǎng)分，在 Apple 的極簡(jiǎn)審美影響下，圓角矩形一統(tǒng)天下，并迅速形成了非常系統(tǒng)并且非常同質(zhì)化的設(shè)計(jì)語(yǔ)言。在這樣空前一致的設(shè)計(jì)語(yǔ)言中，硬件與軟件、數(shù)字產(chǎn)品與實(shí)體產(chǎn)品的設(shè)計(jì)邊界越來(lái)越模糊。

在實(shí)體產(chǎn)品設(shè)計(jì)中，“Switch 開(kāi)關(guān)”似乎是最容易被理解的交互形式之一。他可以非常明確的進(jìn)行兩個(gè)狀態(tài)之間的切換。比如我們開(kāi)關(guān)燈的時(shí)候完全不需要思考那個(gè)開(kāi)關(guān)到底應(yīng)該往上按還是往下按，我們非常清楚只要按下去就可以實(shí)現(xiàn)開(kāi)關(guān)燈的目的了。

2007 年，iPhone 發(fā)布時(shí)同時(shí)發(fā)布的 iOS 1 制定了后續(xù)觸屏手機(jī)的基本規(guī)則。當(dāng)時(shí)受到很多人喜愛(ài)的滑動(dòng)解鎖，也是建立在 iOS 對(duì)觸屏交互方式的基本定義之上。隨著 iPhone 閃亮登場(chǎng)的不光有滑動(dòng)解鎖，還有其他十幾個(gè)基礎(chǔ) UI 控件。Switch 開(kāi)關(guān)就是其中之一。

那是一個(gè)擬物化設(shè)計(jì)盛行的年代。初代的 Switch 開(kāi)關(guān)帶著 ON/OFF 的文本提示，更接近實(shí)體產(chǎn)品的設(shè)計(jì)感受。后來(lái)隨著扁平化設(shè)計(jì)風(fēng)格的演進(jìn)，以及大家對(duì)“簡(jiǎn)單”的孜孜追求，Switch 開(kāi)關(guān)演變成了今天大家所看到的樣子。

Switch 開(kāi)關(guān)不僅在數(shù)字產(chǎn)品設(shè)計(jì)中得到大范圍應(yīng)用，而且他也被直接應(yīng)用在了一些實(shí)體電子產(chǎn)品的設(shè)計(jì)中。蘋果鼠標(biāo)與鍵盤的電源開(kāi)關(guān)設(shè)計(jì)，與 UI 設(shè)計(jì)中的 Switch 組件設(shè)計(jì)如出一轍，體現(xiàn)了現(xiàn)今大公司對(duì)自身設(shè)計(jì)語(yǔ)言的空前重視。

作為普通的蘋果用戶，察覺(jué)到這樣的設(shè)計(jì)一致性，或許不會(huì)驚嘆稱贊。但也許會(huì)多多少少地感受到蘋果的設(shè)計(jì)精神：他們?nèi)绱嗽谝膺@些細(xì)節(jié)，并且在不同的產(chǎn)品中傳承自己的設(shè)計(jì)基因。

這就夠了。

當(dāng)然，一致性的另外一面是同質(zhì)化帶來(lái)的新問(wèn)題。一個(gè)排滿標(biāo)準(zhǔn) Switch 開(kāi)關(guān)的設(shè)置頁(yè)面，看上去簡(jiǎn)直無(wú)聊透頂。尤其是在一些關(guān)鍵功能的的設(shè)計(jì)中，一個(gè)普通的 Switch 控件顯然看上去不夠性感。

Figma Dev Mode 的開(kāi)關(guān)設(shè)計(jì)對(duì)開(kāi)發(fā)者模式的開(kāi)啟與關(guān)閉操作也依賴于一個(gè) Switch 開(kāi)關(guān)。他們把這個(gè)開(kāi)關(guān)放到關(guān)鍵位置，并加大尺寸、增加 icon，讓這個(gè)開(kāi)關(guān)操作控件變成了 Figma 核心功能的一個(gè)代表符號(hào)。

Kimi 的聯(lián)網(wǎng)搜索功能，同樣采用了 Switch 開(kāi)關(guān)控件進(jìn)行強(qiáng)化。使用 Switch，相較于使用 checkbox 這種常規(guī)做法，更能凸顯 Kimi 的功能亮點(diǎn)。

iPhone 15 的發(fā)布，取消了經(jīng)典的靜音開(kāi)關(guān)。仔細(xì)看，iPhone Silent Switch 的外形與標(biāo)準(zhǔn)的 Switch 開(kāi)關(guān)也是一致的，只是改變了一下寬高比。同時(shí)，因?yàn)殪o音狀態(tài)的特殊性，所以靜音開(kāi)關(guān)的開(kāi)啟提示色使用了紅色，而非綠色。為了進(jìn)一步給用戶明確的操作反饋，在你每次撥動(dòng)靜音開(kāi)關(guān)之后，iPhone 都會(huì)在屏幕上顯示你當(dāng)下操作的狀態(tài)反饋。

狀態(tài)提示——操作——操作反饋，非常明確。

明確，正是一個(gè)好的開(kāi)關(guān)設(shè)計(jì)所需要的。

當(dāng)然，設(shè)計(jì)不能只看 Apple。

為了更加“明確”，為了進(jìn)一步避免歧義，Google 的 Material Design 對(duì)標(biāo)準(zhǔn)的 Switch 開(kāi)關(guān)做了進(jìn)一步的設(shè)計(jì)發(fā)展。MD3 將關(guān)閉狀態(tài)的圓形縮小，并在開(kāi)啟狀態(tài)中加入對(duì)號(hào)符號(hào)進(jìn)一步方便用戶理解。

這的確是更明確了，代價(jià)是犧牲了一點(diǎn)“簡(jiǎn)潔”。

歡迎關(guān)注作者微信公眾號(hào)：「柴林的設(shè)計(jì)筆記」