我們都知道在設(shè)計(jì)中簡(jiǎn)化不必要的元素和操作會(huì)提升產(chǎn)品的效率，那么這是什么原理呢？又有什么注意要點(diǎn)呢？今天的文章就來(lái)為你解析這些問(wèn)題。

簡(jiǎn)介說(shuō)明

1. 理論表述

如無(wú)必要，勿增實(shí)體。

2. 理論背景

奧卡姆剃刀本身是一種哲學(xué)思想，由中世紀(jì)（十三到十四世紀(jì)）英國(guó)學(xué)者、邏輯學(xué)家 William of Ockham 提出，如他在《箴言書(shū)注》中所寫(xiě)：「切勿浪費(fèi)較多的東西去做用較少的東西同樣可以做好的事情」。奧卡姆剃刀原理對(duì)現(xiàn)今的自然科學(xué)以及社會(huì)科學(xué)都具有廣泛且深遠(yuǎn)的影響，正因?yàn)樗且环N普適的哲學(xué)世界觀(guān)和方法論，所以能夠有效地指導(dǎo)我們進(jìn)行設(shè)計(jì)工作和決策。

設(shè)計(jì)案例

1. 以蘋(píng)果為首的簡(jiǎn)約化設(shè)計(jì)潮

在設(shè)計(jì)圈里，蘋(píng)果不論在哪一個(gè)層面都屬于「簡(jiǎn)約化」的代表和集大成者，上至硬件產(chǎn)品下至系統(tǒng)軟件，無(wú)不在一刀一刀剃去繁瑣的，無(wú)必要的東西。比如 iPhone、Mac 的開(kāi)孔，比如 iOS 的重?cái)M物質(zhì)感。如果重新審視十年前和現(xiàn)在蘋(píng)果的軟硬件產(chǎn)品，可以發(fā)現(xiàn)蘋(píng)果手里的那把奧卡姆剃刀從來(lái)都沒(méi)有放下。

案例1：iOS 的演變

2. 如無(wú)必要，勿增實(shí)體

我們從蘋(píng)果回歸 UI 設(shè)計(jì)上來(lái)，這句話(huà)到底作何解呢？

那就要理解表述中所提到的兩個(gè)最重要的概念，一是實(shí)體（Entity），二是必要（Necessity），下面說(shuō)一說(shuō)我的理解。

實(shí)體：界面設(shè)計(jì)中一切形式的存在。在單個(gè)界面中，實(shí)體可以指任意一個(gè)可視的元素，組件、控件、文字段、圖標(biāo)、線(xiàn)條，甚至文字段中的一個(gè)字；可以指這些元素的任意一種屬性或者樣式，色彩、大小、圓角、粗細(xì)；也可以指任意一種形式的排版、位置關(guān)系；在多個(gè)界面之間，實(shí)體可以指任意一步流程，頁(yè)面跳轉(zhuǎn)、跳轉(zhuǎn)動(dòng)畫(huà)等等。

必要：判斷一個(gè)實(shí)體是否必要，我們首先需要一把能夠作為判斷標(biāo)準(zhǔn)的尺。UI 設(shè)計(jì)中的這把尺，一是產(chǎn)品的功能表達(dá)，二是用戶(hù)的操作效率。如果某一實(shí)體對(duì)于產(chǎn)品某個(gè)功能的表達(dá)是不可缺失的，那它是必要的；如果某一實(shí)體對(duì)于用戶(hù)的操作效率是明顯提升的，那它是必要的。

我們?cè)?UI 頁(yè)面中放置的每一個(gè)元素，都需要去思考和確認(rèn)它們的必要性。也就是說(shuō)，如果一個(gè)元素（或一個(gè)步驟）對(duì)產(chǎn)品功能的表達(dá)和用戶(hù)的操作效率沒(méi)有帶來(lái)任何實(shí)質(zhì)性的提升，它就是不必要的，可刪除。

案例2：twitter、Behance、Instagram tabbar

這幾個(gè) APP 都具有相當(dāng)簡(jiǎn)潔明了的 Tabbar ，你可能已經(jīng)注意到了，它們沒(méi)有「首頁(yè)」、「通知」、「發(fā)現(xiàn)」這一類(lèi)描述性詞匯，僅僅用最簡(jiǎn)單的圖標(biāo)就表達(dá)了對(duì)應(yīng)頁(yè)面的功能。因?yàn)樵趫D標(biāo)本身已經(jīng)表達(dá)得足夠清晰的情況下，這些詞匯顯然沒(méi)必要再加上去，所以就被剃掉了。

注意事項(xiàng)

注意點(diǎn)1：奧卡姆剃刀不是真理

奧卡姆剃刀是原則，是方法，是工具，是一種思考問(wèn)題的方式，是一種審視設(shè)計(jì)的角度，但它絕不是真理。

我所理解的奧卡姆剃刀，它的目的不在于求至真，不在于求至簡(jiǎn)，而在于求合情合理的真和合情合理的簡(jiǎn)。起碼在 UI 設(shè)計(jì)中是這樣的。

我說(shuō)這段話(huà)是為了提醒各位設(shè)計(jì)師不要用力過(guò)猛，用奧卡姆剃刀刮到肉是經(jīng)常會(huì)出現(xiàn)的事情。就算強(qiáng)如巨硬（微軟）也在這上面栽過(guò)跟頭──幾年前 Metro UI 的失利時(shí)刻警醒著我們這一點(diǎn)。

反面案例1：普遍不被大眾接受的 Modern UI

在 07 年剛剛在 WinPhone 上推出 Metro UI 時(shí)，廣大設(shè)計(jì)師普遍覺(jué)得這套設(shè)計(jì)理念是新穎且超前的，但是當(dāng)它被全方位植入到 PC 系統(tǒng) Windows 8 里之后，用戶(hù)開(kāi)始不買(mǎi)賬了。全面舍棄掉光影、色彩變化、質(zhì)感、細(xì)節(jié)之后的 Metro UI 變得毫無(wú)層次感，極度的扁平導(dǎo)致了極度的冷淡。

我相信微軟設(shè)計(jì)師的設(shè)計(jì)理念，或者說(shuō)這套設(shè)計(jì)背后所蘊(yùn)含的動(dòng)機(jī)是超前的，但是超前時(shí)代一步是天才，超前兩步，就變成了瘋子。

Metro UI 的失敗迫使微軟在 Windows 10 之后徹底放棄了這套設(shè)計(jì)語(yǔ)言，在新語(yǔ)言 Fluent Design System 中重新引入了「實(shí)時(shí)渲染的光效」、「深度」、「亞克力材質(zhì)」這幾個(gè)豐富細(xì)節(jié)的概念，讓設(shè)計(jì)從純粹的扁平中解脫了出來(lái)。

剃除大部分無(wú)用細(xì)節(jié)，讓設(shè)計(jì)回歸內(nèi)容本身，這確實(shí)是現(xiàn)在這個(gè)移動(dòng)終端時(shí)代最大的設(shè)計(jì)趨勢(shì)，但是 Metro UI 顯然做得過(guò)頭了。這背后所蘊(yùn)含的，是剩下的細(xì)節(jié)到底有沒(méi)有用的思辨，每個(gè)設(shè)計(jì)師都應(yīng)該有自己的思考。

注意點(diǎn)2：拒絕無(wú)意義的復(fù)雜

近年來(lái)一些特立獨(dú)行的應(yīng)用為了彰顯自己的獨(dú)特，會(huì)時(shí)不時(shí)刷出一些讓人無(wú)奈的操作。其中最典型的大概就數(shù)注冊(cè)登錄頁(yè)的流程故意分多幾頁(yè)了吧，也不是說(shuō)有理由的分頁(yè)，登錄時(shí)候輸個(gè)手機(jī)號(hào)一頁(yè)，輸個(gè)密碼還得等到下個(gè)頁(yè)面。一直無(wú)法理解這種故意把操作做得更復(fù)雜，無(wú)故增加頁(yè)面數(shù)的風(fēng)氣是從哪里帶出來(lái)的，反正想來(lái)想去，絕對(duì)是與奧卡姆剃刀原則相悖的。

反面案例2：Soul 登錄分頁(yè)

再回過(guò)頭看看奧卡姆剃刀的表述，這種無(wú)故的復(fù)雜顯然屬于「無(wú)必要」的那一部分。

而這也是新手最容易犯的錯(cuò)誤之一，添加毫無(wú)意義的花里胡哨的花紋、裝飾、步驟，誤以為這就是個(gè)性，把界面當(dāng)做視覺(jué)設(shè)計(jì)來(lái)做，然而這在手機(jī)這種小屏終端上是不現(xiàn)實(shí)的。

總結(jié)

避免增加無(wú)意義的視覺(jué)元素和操作流程；

奧卡姆剃刀不是真理，過(guò)猶不及。

原創(chuàng)： 酸梅干超人

公眾號(hào)：超人的電話(huà)亭