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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

數(shù)字化裝飾

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

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

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

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

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

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

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

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

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

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

 

真實的設(shè)計

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

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

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

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

 

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

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

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

摒棄擬物化

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

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

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

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

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

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

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

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

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

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

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

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