【譯文】設(shè)計(jì)的初心

最近很流行的“扁平化”界面不僅是一種設(shè)計(jì)趨勢(shì)，也表達(dá)了對(duì)設(shè)計(jì)本質(zhì)的渴望——去除過度的視覺傳達(dá)以及一些冗余的設(shè)計(jì)。

技術(shù)的發(fā)展雖然創(chuàng)造了新的機(jī)會(huì)，有時(shí)也會(huì)導(dǎo)致某些領(lǐng)域的過剩。在19世紀(jì)，機(jī)械化大規(guī)模生產(chǎn)，讓裝飾品可以快速、低成本的印制出來，這也導(dǎo)致了商品被過度的裝飾。類似的事情在最近幾年開始重現(xiàn)，排版和樣式設(shè)計(jì)工具給予設(shè)計(jì)師創(chuàng)造豐富視覺效果的發(fā)揮空間，出現(xiàn)了擬物化、樣式化這樣一些設(shè)計(jì)風(fēng)格。

在回歸真實(shí)的驅(qū)使下，19世紀(jì)的現(xiàn)代設(shè)計(jì)運(yùn)動(dòng)讓過度裝飾的現(xiàn)象得到了抑制，使設(shè)計(jì)適應(yīng)了大規(guī)模生產(chǎn)的時(shí)代。如今，“扁平化”設(shè)計(jì)趨勢(shì)也讓我們看到了同樣的對(duì)還原真實(shí)的追求：拒絕擬物化和視覺上過度運(yùn)用效果，提倡簡(jiǎn)潔、聚焦內(nèi)容的設(shè)計(jì)。

現(xiàn)代設(shè)計(jì)的誕生

1908年，一個(gè)有影響力的奧地利建筑師阿道夫·洛斯（Adolf Loos），寫了一篇題目頗有煽動(dòng)意味的文章——裝飾與罪惡（Ornament and Crime）。他聲稱，現(xiàn)代的裝飾設(shè)計(jì)師是一個(gè)“文化落后或者病態(tài)的群體。在這三年之后，他本人被迫斷絕這份工作。因?yàn)樗漠a(chǎn)品對(duì)于現(xiàn)在有文化底蘊(yùn)的人來說是難以忍受的，對(duì)于其他人來說同樣也會(huì)有一點(diǎn)這樣的感覺。”洛斯甚至更大膽地?cái)嘌裕?ldquo;一個(gè)人的標(biāo)準(zhǔn)越低，裝飾的效果就越奢華。對(duì)于有抱負(fù)的人來說，目標(biāo)應(yīng)該是在形式中發(fā)現(xiàn)美，而不是依賴于裝飾。”

是什么引發(fā)了對(duì)裝飾設(shè)計(jì)這樣的攻擊？要理解這位現(xiàn)代設(shè)計(jì)先驅(qū)的思想，我們必須先對(duì)19世紀(jì)后期的設(shè)計(jì)形態(tài)有所了解。

蒸汽機(jī)的問世迎來了一個(gè)機(jī)械化批量生產(chǎn)的時(shí)代。正如藝術(shù)評(píng)論家弗蘭克·惠特福德（Frank Whitford）寫道，“蒸汽驅(qū)動(dòng)的機(jī)器可以比人工手制更快更整齊地印刷、裁剪、塑造幾乎任何物品。機(jī)械化生產(chǎn)意味著更低的價(jià)格和更高的利潤(rùn)。”

但是，當(dāng)制造方法從手工轉(zhuǎn)換到機(jī)械，商品的樣式卻沒有跟隨發(fā)展。在文藝復(fù)興精神的影響下，大部分產(chǎn)品，從建筑和家具到紡織和餐具，都用華麗浮夸的裝飾來包裝。

在以往，手工裝飾的制作成本很昂貴，因此是財(cái)富和奢華的象征。隨著機(jī)械化發(fā)展，這些同樣的裝飾可以又快又便宜的制作出來。制造商只想著抓住這個(gè)機(jī)會(huì)以較低的成本去復(fù)制這些復(fù)古樣式，而不是停下來想想什么樣的設(shè)計(jì)將最適合于大批量生產(chǎn)。這樣的結(jié)果就是生產(chǎn)了大量扎眼、劣質(zhì)的產(chǎn)品，這也是被阿道夫·洛斯和其他現(xiàn)代設(shè)計(jì)的先驅(qū)所抨擊的原因。

在今天的裝飾藝術(shù)里，著名建筑師勒柯布西耶（Le Corbusier）直截了當(dāng)?shù)財(cái)嘌詮U棄物都是被過度裝飾的，他還說到，“奢華的物品是制作精良，整潔干凈，純潔和健康的，從外表就能揭示它的制造質(zhì)量。是工業(yè)的發(fā)展導(dǎo)致了這樣一個(gè)顛倒的現(xiàn)象：一個(gè)裝飾華麗的鑄鐵爐成本要低于一個(gè)樸實(shí)的鑄鐵爐，因?yàn)槠鸱娜~紋掩蓋了制作的缺陷。”

蒙哥馬利斯凱勒（Montgomery Schuyler），一個(gè)有影響力的評(píng)論家和記者，譴責(zé)19世紀(jì)被重度裝飾的門面，說，“如果你把這些街道上的建筑物主體墻面都刮掉，你會(huì)發(fā)現(xiàn)你很簡(jiǎn)單地就把它的建筑風(fēng)格去掉了，而且這些建筑物和原來也沒有什么區(qū)別。”

被稱為“摩天大樓之父”的建筑師路易斯·沙利文（Louis Sullivan），為收斂裝飾呼吁說，“如果我們?cè)趲啄陜?nèi)收斂對(duì)裝飾的運(yùn)用，讓我們的思想敏銳地集中在合理的組織建筑結(jié)構(gòu)以及簡(jiǎn)單優(yōu)美的外形，這將極大地提高我們的審美。“下面是沙利文建筑群其中一個(gè)建筑的圖片。底層有經(jīng)過精心修飾，但上面的部分對(duì)于一個(gè)19世紀(jì)的建筑來說卻采用了讓人驚訝的現(xiàn)代建筑風(fēng)格，特別是與哈羅德的建筑對(duì)比，會(huì)尤其明顯。

20世紀(jì)20年代，在德國(guó)出現(xiàn)了一個(gè)稱為Sachlichkeit的新興運(yùn)動(dòng)，主張的理念是“合理”，“實(shí)用”，“客觀”。NEUE Sachlichkeit運(yùn)動(dòng)在設(shè)計(jì)領(lǐng)域中主張尋求純粹的實(shí)用。德國(guó)建筑師赫爾曼·穆特修斯（Hermann Muthesius）解釋如何將這種實(shí)用的理念應(yīng)用到設(shè)計(jì)樣式中，來創(chuàng)造他稱之為Maschinenstil的或“機(jī)械風(fēng)格”。在他的話中，我們可以看到這種樣式應(yīng)用在“鐵路車站，展覽館，橋梁，輪船等。這里我們看到的是一個(gè)嚴(yán)格的，幾乎是科學(xué)性的Sachlichkeit，收斂所有外在的裝飾，外形完全取決于他們服務(wù)對(duì)象的目的。”

其他現(xiàn)代設(shè)計(jì)的先驅(qū)們不再對(duì)過度裝飾發(fā)起批評(píng)，而是開始關(guān)注如何提升功能性。在1934年，現(xiàn)代派建筑師菲利普·約翰遜（Philip Johnson）在紐約的現(xiàn)代藝術(shù)博物館舉辦了一個(gè)主題為機(jī)械藝術(shù)的展覽，展出了各種機(jī)械設(shè)備零件，如飛機(jī)螺旋槳和工業(yè)絕緣體。當(dāng)時(shí)的想法是通過物品純粹的功能來突出形式組織上的美。對(duì)于現(xiàn)代設(shè)計(jì)運(yùn)動(dòng)的理念來說，裝飾是沒有必要的，美麗和優(yōu)雅是源自內(nèi)容本身的設(shè)計(jì)，而不是通過表面華麗的裝飾來體現(xiàn)。

雖然現(xiàn)代主義運(yùn)動(dòng)的推動(dòng)花費(fèi)了20世紀(jì)前半段時(shí)間之久，但最終還是超越了傳統(tǒng)的設(shè)計(jì)樣式和技巧。在喬納森·伍德姆（Jonathan Woodham）所著一書《二十世紀(jì)設(shè)計(jì)》（《Twentieth-Century Design》）中提到，現(xiàn)代審美的特點(diǎn)是“干凈，幾何形狀，使用鍍鉻鋼和玻璃等現(xiàn)代材料，通過光影明暗來表現(xiàn)平滑的表面。色彩的運(yùn)用往往是很簡(jiǎn)單的，主要采用白色，灰白色，灰色，和黑色這幾種顏色。”現(xiàn)代設(shè)計(jì)已擺脫其華麗裝飾的外衣，取而代之的是尋求在形式與功能融合下的和諧美感。

數(shù)字化裝飾

如果我們把現(xiàn)代設(shè)計(jì)的歷史與歷程還很短的軟件和網(wǎng)頁(yè)設(shè)計(jì)的歷史對(duì)比，可以看到相似的地方。和機(jī)械化大規(guī)模生產(chǎn)導(dǎo)致的過度裝飾一樣，顯示屏和版式技術(shù)的發(fā)展也導(dǎo)致了軟件界面和網(wǎng)頁(yè)中裝飾的重度使用。特別是在早年的網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)師使用動(dòng)畫和聲音和圖片結(jié)合在一起，來營(yíng)造豐富的效果，卻讓人感覺花哨。

早期的操作系統(tǒng)不管是從外觀還給用戶的感覺上，帶有圖形的用戶界面仍然是相當(dāng)基本的。當(dāng)然，現(xiàn)實(shí)世界的隱喻是可以采用的，比如用文件夾的圖形來表示文件目錄和按鈕，讓用戶知道他們可以點(diǎn)擊。但整體美感是相當(dāng)平面化和收斂的，無論設(shè)計(jì)師是否想提供一個(gè)豐富的視覺體驗(yàn)，但黑白顯示屏的低分辨率限制了他們的發(fā)揮。

隨著技術(shù)的發(fā)展，設(shè)計(jì)師們?cè)诮缑娴囊曈X設(shè)計(jì)上獲得更大的自由。微軟在Windows XP里推出了豐富多彩的風(fēng)格并貫穿始終，運(yùn)用了大量的高亮，陰影和漸變這些物理性特征。

蘋果則走得更遠(yuǎn)，在發(fā)布的Mac OS X界面中運(yùn)用了有光澤的塑料氣泡樣式，拉絲鋁和逼真的圖標(biāo)。隨著時(shí)間的推移，操作系統(tǒng)的視覺樣式愈發(fā)增強(qiáng)。微軟在Windows系統(tǒng)中預(yù)置有光澤透明玻璃般的主題，而蘋果公司在桌面和移動(dòng)系統(tǒng)中采用更加材質(zhì)感和擬物化設(shè)計(jì)，如日歷應(yīng)用程序中的皮革紋理，并在其電子書閱讀器中使用逼真的翻頁(yè)效果。

模仿現(xiàn)實(shí)生活中的對(duì)象和紋理的樣式，被稱為“擬物化（skeuomorphs）” ——也就是說，借用來自真實(shí)世界的符號(hào)作為設(shè)計(jì)元素的唯一目的就是讓用戶對(duì)界面更熟悉、易學(xué)。最近，設(shè)計(jì)師們開始質(zhì)疑把記事本應(yīng)用程序設(shè)計(jì)成一個(gè)紙墊的樣式，或者在日歷應(yīng)用程序中加入皮革和翻頁(yè)效果的邏輯。這些效果提升了視覺的趣味性，但是這些是另外一個(gè)時(shí)代的象征，用這種象征把界面和現(xiàn)實(shí)生活中的物品關(guān)聯(lián)起來，與數(shù)字化界面的流動(dòng)性、敏捷反應(yīng)是矛盾的。

隨著最近Windows 8的發(fā)布，微軟勇敢的采取了摒棄這些多余的視覺效果的策略，試圖讓其操作系統(tǒng)完全呈現(xiàn)數(shù)字化，用他們的話說，“真實(shí)”的風(fēng)格。最新的界面是建立在微軟之前開發(fā)的移動(dòng)版本的設(shè)計(jì)規(guī)范上，呈現(xiàn)給用戶的是簡(jiǎn)潔的內(nèi)容和幾乎看不到模擬現(xiàn)實(shí)物體的圖片。

相反，Windows8依賴排版、間距和顏色來有序、優(yōu)雅地展現(xiàn)模塊?，F(xiàn)實(shí)感的效果和多余的樣式都被去除，剩下的就是簡(jiǎn)單的內(nèi)容本身。正如穆特修斯（ Muthesius）曾經(jīng)常以火車站作為機(jī)械風(fēng)格（Maschinenstil）的例子，微軟的設(shè)計(jì)師指出新的Windows界面就是以火車站標(biāo)志為靈感的，以前被稱為“Metro”。

最近演變出來的響應(yīng)式設(shè)計(jì)（就是一個(gè)頁(yè)面會(huì)根據(jù)場(chǎng)景進(jìn)行相應(yīng)的改變，以適應(yīng)不同的屏幕尺寸和設(shè)備）以及設(shè)計(jì)師慢慢轉(zhuǎn)變?yōu)橹苯犹^可視化編輯器（如Photoshop），通過編碼開始工作，這使我們進(jìn)一步走向一個(gè)簡(jiǎn)單的以內(nèi)容為中心的Web設(shè)計(jì)理念，設(shè)計(jì)之美，是源自排版，間距和顏色，而不是一個(gè)強(qiáng)烈的質(zhì)感和裝飾性的圖片。

最近一段時(shí)間，擬物化風(fēng)格（skeuomorphism）的領(lǐng)導(dǎo)者——蘋果，在最新版本的移動(dòng)操作系統(tǒng)iOS7中也邁出了數(shù)字真實(shí)化的第一步?？p制的皮革紋理和撕開的紙張邊緣這些已經(jīng)看不到了，取而代之的是由鮮艷的簡(jiǎn)化圖標(biāo)和半透明表面構(gòu)成的一個(gè)極簡(jiǎn)扁平化界面。

蘋果iOS7是告別擬物化風(fēng)格后的一個(gè)華麗轉(zhuǎn)變。左邊是舊版本的iOS里計(jì)算器應(yīng)用程序的設(shè)計(jì)，右邊是iOS7里的設(shè)計(jì)。木紋質(zhì)感的斜面按鈕和閃亮的玻璃風(fēng)格都摒棄了，取而代之的是更平面，突出功能的界面。

 

真實(shí)的設(shè)計(jì)

現(xiàn)代設(shè)計(jì)運(yùn)動(dòng)與現(xiàn)在軟件網(wǎng)頁(yè)設(shè)計(jì)轉(zhuǎn)變之間的共同點(diǎn)就是對(duì)本真的渴望。這股力量讓一百多年前的設(shè)計(jì)師們刮去了他們作品的浮夸裝飾，也讓今天的數(shù)字話設(shè)計(jì)朝著更簡(jiǎn)潔，更注重功能性的美學(xué)風(fēng)格。但究竟是什么讓設(shè)計(jì)回歸“真實(shí)”呢？

真實(shí)的設(shè)計(jì)旨在洞察無意義的設(shè)計(jì)，去除冗余的元素。真實(shí)的設(shè)計(jì)是使用材質(zhì)來展示產(chǎn)品的亮點(diǎn)，而不是用夸張的紋理來試圖隱藏缺點(diǎn)。真實(shí)的設(shè)計(jì)包含的元素不應(yīng)該只是讓產(chǎn)品看起來好看，而沒有其他的價(jià)值和目的。真實(shí)的設(shè)計(jì)最優(yōu)的方式是展示功能，以提升效率作為設(shè)計(jì)是否優(yōu)雅的標(biāo)準(zhǔn)。真實(shí)的設(shè)計(jì)是形式服務(wù)于內(nèi)容。

在這樣的設(shè)計(jì)理念中，風(fēng)格并不是說不重要，但不提倡純粹用來裝飾。相反，美的形式取決于內(nèi)容，而樣式只是一個(gè)創(chuàng)造性解決方案的自然產(chǎn)出物。對(duì)標(biāo)志性的Anglepoise燈具的設(shè)計(jì)， Deyan Sudjic評(píng)論說，“這個(gè)燈看起來怎么樣 – 特別是燈的形狀 – 是事后才去思考的。但這也是其吸引大家的一部分。它自然的形狀給予人單純、回歸本質(zhì)的遐想，就像早期的路虎在技術(shù)上巧妙的構(gòu)思，而不是挖空心思去創(chuàng)造一個(gè)誘惑消費(fèi)者的產(chǎn)品，反而讓顧客產(chǎn)生了信任感。”

燈具Anglepoise的設(shè)計(jì)巧妙地解決一個(gè)現(xiàn)實(shí)問題。但設(shè)計(jì)出來的形式，不僅是一種有效的解決方案，也具備它自己獨(dú)特的美學(xué)魅力。

 

在數(shù)字化設(shè)計(jì)中，真實(shí)性大致可以概括為以下幾點(diǎn)：

擁有數(shù)字化的外觀。

我們沒有在計(jì)算機(jī)顯示器上，模仿如金屬，木材和皮革的紋理。他們不是數(shù)字界面的組成元素，所以仿造這種質(zhì)感是沒有意義的。這并不意味著設(shè)計(jì)應(yīng)該只有純平面的背景顏色 ，而是我們不應(yīng)該試圖模仿或受限于現(xiàn)實(shí)世界中的紋理。

摒棄擬物化

一本電子書不需要模仿物理紙張翻頁(yè)，一個(gè)記筆記的應(yīng)用程序也不需要看起來像一個(gè)現(xiàn)實(shí)的本子，有皮革的封面，撕裂的邊緣和手寫風(fēng)格的字體。擬物化并不總是不好的，但它會(huì)導(dǎo)致界面一些不必要的限制。例如，一個(gè)擬真本子的設(shè)計(jì)是靜態(tài)的而且只有一個(gè)尺寸，界面的尺寸是多樣的;但是如果界面使用的是這種擬真設(shè)計(jì)，那就只能適應(yīng)一種尺寸了。

以內(nèi)容為中心的風(fēng)格

聚焦在內(nèi)容上，而不是它的樣式和裝飾。你可能會(huì)認(rèn)為這點(diǎn)是老生常談，但你見過有多少個(gè)網(wǎng)站會(huì)用現(xiàn)有的主題？大多數(shù)主題是根據(jù)虛構(gòu)的內(nèi)容建立的，所以可以推斷出，網(wǎng)站最終的內(nèi)容和樣式肯定會(huì)有所變化。設(shè)計(jì)主題模板會(huì)讓設(shè)計(jì)師過于聚焦在如何設(shè)計(jì)很炫的效果，從而忽略了如何去合理呈現(xiàn)內(nèi)容，因?yàn)橐策€沒有內(nèi)容提供給他們。只有在真實(shí)的場(chǎng)景下，你才能做到為功能而設(shè)計(jì)。

這不等同于極簡(jiǎn)風(fēng)格

依賴于功能的美學(xué)設(shè)計(jì)與極簡(jiǎn)設(shè)計(jì)不是同一個(gè)東西。前者，設(shè)計(jì)者旨在去除多余的設(shè)計(jì)，以使產(chǎn)品更容易理解，提高易用性。后者旨在創(chuàng)建一個(gè)極簡(jiǎn)美學(xué)，營(yíng)造一種非常簡(jiǎn)潔的氛圍。一個(gè)是設(shè)計(jì)的基本原則，另一個(gè)是一種設(shè)計(jì)樣式的選擇。

將簡(jiǎn)化設(shè)計(jì)生硬地應(yīng)用在界面上以求達(dá)到簡(jiǎn)潔和趨于數(shù)字化是不正確的。舉個(gè)例子，無情地消除視覺效果，如陰影，顏色和不同的背景樣式不一定會(huì)讓界面更易用。在某些情況下，這樣反而會(huì)破壞那些通過恰當(dāng)?shù)年幱昂捅尘邦伾伙@出來的層次和聚焦效果。

在《簡(jiǎn)單法則（The Laws of Simplicity）》中，John Maeda寫到，“達(dá)到簡(jiǎn)單的最簡(jiǎn)單方法，就是用心割舍。如果拿不定主意，就拿掉它??。但是要用心去注意你拿掉了什么。“最后的提醒很值得我們思考。拿掉功能往往能達(dá)到簡(jiǎn)化的效果，因?yàn)橛脩粜枰幚淼娜蝿?wù)減少了。但是，消除可以幫助用戶在感知上了解界面的視覺元素（如區(qū)分按鈕和標(biāo)簽、突出要素的圖形組件），可能會(huì)增加用戶學(xué)習(xí)的成本。因此，指導(dǎo)設(shè)計(jì)的不是設(shè)計(jì)風(fēng)格而應(yīng)該是設(shè)計(jì)原則。

為什么本真的設(shè)計(jì)很重要？

一款名為Rise的app是數(shù)字化本真設(shè)計(jì)的典型例子。鬧鐘的設(shè)計(jì)是一個(gè)已經(jīng)解決了的問題，但Simplebots開啟了一個(gè)新的概念，設(shè)計(jì)了一個(gè)純粹的數(shù)字化背景。

Rise的界面中有一個(gè)全屏幕的滑塊，根據(jù)你設(shè)定的時(shí)間，背景顏色會(huì)變?yōu)橄鄳?yīng)的天空顏色。界面完全沒有模仿一個(gè)現(xiàn)實(shí)的鬧鐘或者擬真的滑動(dòng)條和質(zhì)感。相反，設(shè)計(jì)師完全利用了手機(jī)的觸摸屏幕，創(chuàng)造出一種從地面升起的體驗(yàn)。這個(gè)創(chuàng)新性的設(shè)計(jì)不僅極大的提升了用戶體驗(yàn)，也讓這款app在其他同類app中脫穎而出。

只有充分的利用數(shù)字屏幕的創(chuàng)造性而不是照搬現(xiàn)實(shí)生活中的樣式才能設(shè)計(jì)出像Rise這樣的界面。電子屏可以實(shí)現(xiàn)抽象的形式、動(dòng)畫、鮮艷的色彩和色調(diào)均勻。而不用局限于僅有的幾種色調(diào)、靜態(tài)展示和擬物化的形式。通過柵格來規(guī)劃頁(yè)面內(nèi)容，我們可以得出更好，更簡(jiǎn)單的解決方案，設(shè)計(jì)出創(chuàng)新的界面，讓用戶有賓至如歸的感覺。

最近流行的“扁平化”的設(shè)計(jì)風(fēng)格也許會(huì)是一個(gè)趨勢(shì)，也體現(xiàn)了在設(shè)計(jì)上追求還原本真，摒棄多余的裝飾，并專注于內(nèi)容本身的愿望。技術(shù)的發(fā)展有時(shí)會(huì)導(dǎo)致一些無意義的設(shè)計(jì)，就像在19世紀(jì)機(jī)械化批量生產(chǎn)引起的過度裝飾，以及在早年的網(wǎng)頁(yè)和軟件設(shè)計(jì)中的樣式設(shè)計(jì)。隨著時(shí)間的推移，現(xiàn)代主義的一些先驅(qū)看到了功能設(shè)計(jì)中的美，從而使得浮夸的裝飾行為得到遏制。同樣的，今天軟件中的過度設(shè)計(jì)也會(huì)隨著對(duì)本真設(shè)計(jì)意識(shí)的蘇醒而逐漸被淘汰的。

參考

• Bauhaus, Frank Whitford (2010: Thames & Hudson)
• Twentieth-Century Design, Jonathan M. Woodham (1997: Oxford University Press)
• Pioneers of Modern Design, Nikolaus Pevsner (1991: Penguin Books)
• The Language of Things, Deyan Sudjic (2009: Penguin Books)

• The Laws of Simplicity, John Maeda (2006: MIT Press)