蘋(píng)果真成了Design By Committee的受害者嗎？

在昨天的WWDC大會(huì)上，蘋(píng)果終于公布了其最新的基于扁平化設(shè)計(jì)的移動(dòng)操作系統(tǒng)——iOS7。作為一名設(shè)計(jì)師，我曾經(jīng)萬(wàn)分期待Jony Ive和他的設(shè)計(jì)團(tuán)隊(duì)即將給這個(gè)世界帶來(lái)的驚喜。

然而當(dāng)它的截屏出現(xiàn)后，我卻感到有些意外。不協(xié)調(diào)的外觀和感受，略顯粗糙的色彩搭配。沒(méi)有協(xié)調(diào)性，沒(méi)有核心主題。我不禁問(wèn)道：這款產(chǎn)品真的出自蘋(píng)果的那個(gè)舉世聞名的設(shè)計(jì)師團(tuán)隊(duì)嗎？

然后我突然意識(shí)到，蘋(píng)果正面臨著和Google當(dāng)初一樣的困境。

Design By Committee

所有的跡象都已表明了這點(diǎn)。不必要的復(fù)雜，不一致，邏輯缺陷，平庸無(wú)奇，而且最重要的一個(gè)特征：沒(méi)有統(tǒng)一的風(fēng)格。我相信Jony Ive并沒(méi)有通過(guò)確切的樣例和風(fēng)格來(lái)指導(dǎo)他的設(shè)計(jì)團(tuán)隊(duì)。取而代之的，Ive只是擺出了一系列的核心概念，給他的設(shè)計(jì)團(tuán)隊(duì)演示了一下扁平化設(shè)計(jì)樣例的情緒色 板，接下來(lái)他便告訴設(shè)計(jì)團(tuán)隊(duì)去創(chuàng)新吧。然后，他把這個(gè)團(tuán)隊(duì)松散化為一個(gè)委員會(huì)那樣的結(jié)構(gòu)。

Google：曾測(cè)試41種藍(lán)色色調(diào)效果

Google算是所有Design By Committee例子中最著名的一個(gè)了。當(dāng)Doug Bowman離開(kāi)Google設(shè)計(jì)主管的位置轉(zhuǎn)投Twitter的時(shí)候，Google已經(jīng)后退到他們最擅長(zhǎng)的東西——數(shù)據(jù)——上了。他們?cè)ㄟ^(guò)多元測(cè)試， 測(cè)試了41種藍(lán)色色調(diào)的效果。結(jié)果呢？你只能得到一種毫無(wú)情感融入的設(shè)計(jì)。

即使Doug Bowman還在Google的時(shí)候，他便發(fā)現(xiàn)自己無(wú)法施展自己的才華。他的設(shè)計(jì)決策總需要Google高層主管的審核，這些人當(dāng)然都是些工程師。而工程 師們是沒(méi)有能力做出關(guān)于直覺(jué)和情感的決策的。他們會(huì)回退到數(shù)據(jù)上，通過(guò)固定的邏輯來(lái)解決每一個(gè)問(wèn)題。Design By Committee的特性之一是：設(shè)計(jì)由數(shù)據(jù)驅(qū)動(dòng)。由數(shù)據(jù)驅(qū)動(dòng)的設(shè)計(jì)可以完美應(yīng)用在用戶界面、用戶體驗(yàn)以及用戶對(duì)話上。但它不適用于審美設(shè)計(jì)。

不過(guò)，從Google后來(lái)重新設(shè)計(jì)的在線地圖應(yīng)用，以及發(fā)布的幾個(gè)如Google Now 和Google Maps的iOS應(yīng)用來(lái)看，Google在這方面已經(jīng)多少有些進(jìn)展。

言歸正傳，我們?cè)賮?lái)看看iOS7的設(shè)計(jì)

我一眼就看出來(lái)iOS7是Design By Committee的結(jié)果。我會(huì)舉幾個(gè)具體的例子。首先是圖標(biāo)設(shè)計(jì)本身：

Safari瀏覽器的圖標(biāo)——他們是怎么想的？漸變由輕到重，背景填充的白色。再對(duì)比來(lái)看電子郵件的圖標(biāo)，它的漸變由重到輕，而圖標(biāo)背景卻填充的藍(lán)色。為 什么要這樣設(shè)計(jì)？按理說(shuō)他們是iPhone上最常用的兩個(gè)圖標(biāo)，而且通常都和短信、聯(lián)系人這兩個(gè)圖標(biāo)一起放到底部托盤(pán)里，彼此相鄰。同樣對(duì)基礎(chǔ)色藍(lán)色進(jìn)行 了漸變，二者的漸變方向卻完全相反，而且他們并沒(méi)有彼此互補(bǔ)。這是為什么？

我們往前倒退一些，來(lái)回想一下Ive極度想要遵循的扁平化設(shè)計(jì)的原則是什么。扁平化設(shè)計(jì)的核心是：簡(jiǎn)化，減少?gòu)?fù)雜。不要通過(guò)添加特效——如投下的陰 影，斜角，發(fā)光以及最重要的，漸變——來(lái)增加復(fù)雜度。謹(jǐn)慎使用彼此協(xié)調(diào)的顏色調(diào)色板來(lái)保證色彩的層次感。高度可用的元素用強(qiáng)色系，背景物體則用淡色系。

上面的任何一點(diǎn)都沒(méi)有在iOS7的主屏上有所體現(xiàn)。

你真的不會(huì)認(rèn)為它是融洽協(xié)調(diào)的。這讓我想到，每個(gè)獨(dú)立的app團(tuán)隊(duì)會(huì)基于松散的指導(dǎo)方針提交他們自己的圖標(biāo)設(shè)計(jì)，而這些圖標(biāo)則會(huì)被一股腦扔到同一個(gè)桶里。這就是我自己的感受。在所有蘋(píng)果產(chǎn)品里，沒(méi)人會(huì)認(rèn)為這個(gè)曝光率最高、被看過(guò)次數(shù)最多的屏幕具有整體一致性。

不過(guò)，雖然主屏幕看起來(lái)很丑，為什么獨(dú)立的app卻看來(lái)其很漂亮？電子郵件應(yīng)用就是一個(gè)非常好地演示了怎么做才正確的范例。

整潔，簡(jiǎn)單，直接明了，把需要解釋的內(nèi)容減到最少。漂亮的交互。所有或者大部分新app的設(shè)計(jì)會(huì)遵從這樣的設(shè)計(jì)范式。

但是，為什么主屏幕和"控制中心"如此不同？

我非常討厭看見(jiàn)這個(gè)界面。毛玻璃效果結(jié)合著不夠明了的圖標(biāo)。WiFi是打開(kāi)還是關(guān)閉了？置于混濁背景之上的難以識(shí)別的白色文字。同一個(gè)空間內(nèi)出現(xiàn)的兩個(gè)滑動(dòng)條，但二者的功用卻完全不同。

我的猜測(cè)是，Ive的團(tuán)隊(duì)試圖遵從app設(shè)計(jì)原則，并把它貫穿到整個(gè)iOS7的體驗(yàn)中去，但與此同時(shí)，他們又試圖把"控制中心"和每個(gè)獨(dú)立的app 區(qū)分開(kāi)來(lái)，以便讓用戶意識(shí)到自己是在“頂層”視圖，抑或app界面。然后就得到了這樣的結(jié)果。毛玻璃效果，模糊混雜的配色，很差的對(duì)比度。為了讓“控制中 心”表現(xiàn)得與眾不同，他們故意放棄了扁平化設(shè)計(jì)的原則。

在這里，我可能并不會(huì)給蘋(píng)果很高的評(píng)價(jià)，而我當(dāng)然知道他們斥資數(shù)百萬(wàn)美元、動(dòng)用上千的人員進(jìn)行測(cè)試，修改，測(cè)試，數(shù)據(jù)審查，然后測(cè)試更多內(nèi)容，直到他們拿到完美的產(chǎn)品。

然而，我認(rèn)為他們正是敗在了這上面。我相信Ive完全照搬了Google的做法。依靠數(shù)據(jù)而不是直覺(jué)，因?yàn)樗幌嘈抛约旱脑O(shè)計(jì)直覺(jué)。我們都知道Ive是由于產(chǎn)品設(shè)計(jì)而名噪全球的，但你不能把產(chǎn)品設(shè)計(jì)原則應(yīng)用到人機(jī)界面交互的設(shè)計(jì)中去，他們是兩個(gè)完全不同的范式。

Jony Ive試圖依靠Design By Committee來(lái)幫自己做出決策。iOS7則是這樣做的結(jié)果。他會(huì)繼續(xù)這么做下去嗎？我們拭目以待。