在過去的四十年里,設(shè)計(jì)思維經(jīng)歷了一段漫長(zhǎng)而復(fù)雜的歷程。它在社會(huì)、技術(shù)、環(huán)境等多種因素的影響下逐漸演化。本文將嘗試回顧這一時(shí)期IT領(lǐng)域的主要設(shè)計(jì)理念和解決方案。

孟菲斯設(shè)計(jì) 1985–1994

1981年,意大利藝術(shù)家Ettore Sottsas創(chuàng)建了一個(gè)名為孟菲斯(Memphis)的設(shè)計(jì)團(tuán)隊(duì)。這個(gè)團(tuán)隊(duì)的名字取自Bob Dylan的歌曲《Stuck Inside of Mobile with the Memphis Blues Again》。這個(gè)團(tuán)隊(duì)創(chuàng)造了以明亮的后現(xiàn)代風(fēng)格為特點(diǎn)的各種物品,結(jié)合了裝飾藝術(shù)、波普藝術(shù)和20世紀(jì)50年代的元素。

正是這個(gè)團(tuán)隊(duì)的作品成為了主導(dǎo)IT行業(yè)的孟菲斯風(fēng)格的基礎(chǔ),該風(fēng)格盛行于20世紀(jì)80年代末和90年代初。這種設(shè)計(jì)以明亮但略顯柔和的色彩為特點(diǎn),具有大膽甚至激進(jìn)的圖案。在某些情況下,它可能看起來非常瘋狂和混亂。

這種設(shè)計(jì)被應(yīng)用在那個(gè)時(shí)期的各種設(shè)備、界面和產(chǎn)品中。以下展示了其中的一些例子:

任天堂游戲機(jī)

孟菲斯風(fēng)格的元素首次出現(xiàn)在設(shè)計(jì)中的一個(gè)早期設(shè)備是任天堂娛樂系統(tǒng)(Nintendo Entertainment System,1983年)。它的機(jī)身采用了各種不同色調(diào)的灰色塑料,其中點(diǎn)綴著鮮艷的任天堂字樣。此外,在這個(gè)游戲主機(jī)的設(shè)計(jì)中,還有一種孟菲斯風(fēng)格的特征元素,即機(jī)身上的一條波紋條紋,看起來像是橫向的線條,這是孟菲斯設(shè)計(jì)法典的一部分,具有獨(dú)特的特征。

Apple IIc

在IT設(shè)計(jì)歷史上的一個(gè)重要里程碑是由設(shè)計(jì)師Hartmut Esslinger開發(fā)的“白雪公主”風(fēng)格。這個(gè)設(shè)計(jì)基本上利用了孟菲斯的原則,但相比之下更加克制,因?yàn)樗皇褂靡环N顏色:灰白色。白雪公主與孟菲斯之間的聯(lián)系可以在縱橫條紋、柔和的色彩以及一些玩具形態(tài)的存在中追溯。

這一設(shè)計(jì)法典被蘋果公司在1984年至1990年期間采用。在這種設(shè)計(jì)下制造的設(shè)備中,值得一提的包括以下幾款:第一臺(tái)采用這種風(fēng)格的計(jì)算機(jī):Apple IIc(1984年)、第一臺(tái)蘋果彩色計(jì)算機(jī):Apple IIgs以及第一臺(tái)蘋果便攜式電腦:Macintosh Portable(1989年)。

Macintosh Portable

在孟菲斯時(shí)代的尾聲,傳奇的PlayStation問世了。在它的外觀中,也可以找到與孟菲斯設(shè)計(jì)相符的所有元素。當(dāng)然,那個(gè)已經(jīng)熟悉的位于側(cè)表面的凹紋也引人注目。

索尼Playstation 1

Y2K 1995–2004

Y2K內(nèi)部概念

到了本世紀(jì)末,2000年的問題逐漸顯現(xiàn)在地平線上,伴隨而來的是一種全新的設(shè)計(jì)——Y2K碼。這個(gè)風(fēng)格的名稱與這個(gè)問題直接相關(guān),它的含義如下:Y代表年,2K代表2000。也就是說,2000年。

iMac G3

談到這一設(shè)計(jì)風(fēng)格的設(shè)備,可以強(qiáng)調(diào)史蒂夫·喬布斯回歸蘋果后立即發(fā)布的蘋果電腦。具體來說,是iMac G3(1998年)和iBook G3 Clamshell(1999年)。

iMac G3的設(shè)計(jì)完全符合Y2K概念。明亮、半透明的色彩,圓潤(rùn)的形狀。所有這些外觀元素都極具當(dāng)時(shí)設(shè)計(jì)解決方案的特色。另一個(gè)鮮明的代表是iBook G3 Clamshell,也被稱為“貝殼”和“馬桶蓋”。

Ibook G3 翻蓋式樣

這種設(shè)計(jì)理念的另一個(gè)亮點(diǎn)代表是Ibook G3翻蓋式樣,也稱為“外殼”和“馬桶蓋”。

Game boy ADVANCE

NOKIA 3200

談到零年代上半葉的設(shè)計(jì),立刻浮現(xiàn)在腦海的是諾基亞手機(jī),其不尋常的多彩和透明外殼,使它們看起來極具未來感,吸引了眾多目光,完美地傳達(dá)了那個(gè)時(shí)代的精神。

XBOX

回憶起Y2K時(shí)代,原始的Xbox立刻浮現(xiàn)在腦海中,帶著它那鼓鼓的、略帶玩具感的外觀。

Frutiger Aero 2005–2014

波音747-8客艙概念

這種風(fēng)格是Y2K的意識(shí)后繼者。它同樣采用了明亮的色彩,盡管稍微更加柔和。漸變、反射和倒影常常被使用。對(duì)透明元素的使用已經(jīng)達(dá)到了一個(gè)新的水平,特別是在各種采用這種風(fēng)格的界面中可以看到這一點(diǎn)。生物科技建筑風(fēng)格對(duì)Frutiger Aero產(chǎn)生了巨大的影響,其本質(zhì)在于在建筑中運(yùn)用生物學(xué)原理。此外,F(xiàn)rutiger Aero時(shí)代極其特征化的是在設(shè)計(jì)中采用了斜杠圖案。

Windows Aero

這種設(shè)計(jì)趨勢(shì)的創(chuàng)始人可以被視為Windows Longhorn項(xiàng)目和Aero界面,它們遷移到了Windows Vista并成為那個(gè)時(shí)代的象征。這個(gè)界面使用了Frutiger Aero典型的各種技巧。

例如,開始菜單和任務(wù)欄的半透明,界面元素的“玻璃”外觀,漸變桌面壁紙等等。

iPad OS 6

斜杠圖案在iOS界面中得到了鮮明的體現(xiàn),一直延續(xù)到第七個(gè)版本。這可以通過注意觀察筆記或聯(lián)系人的圖標(biāo),它們模仿了實(shí)體筆記本,或者YouTube圖標(biāo),看起來像一個(gè)舊電視機(jī),可以很輕松地注意到。

PSP

Frutiger Aero風(fēng)格也在那個(gè)時(shí)代的游戲機(jī)上得到了積極應(yīng)用。其中最鮮明的代表是PSP(2004年)和PS3(2006年)。特點(diǎn)是圓潤(rùn)的形狀、機(jī)身的黑色光澤以及“玻璃”質(zhì)感,還有斜杠圖案的界面。所有這些設(shè)計(jì)特點(diǎn)都是這個(gè)時(shí)代的典型標(biāo)志。

PlayStation 3

那個(gè)設(shè)計(jì)時(shí)代的另一個(gè)引人注目的元素是Mata字體。它通過在蜘蛛俠三部曲電影(2002-2007年)中的使用以及在原始PlayStation 3的標(biāo)志中的運(yùn)用而獲得了認(rèn)可。

MacBook Unibody

Frutiger Aero設(shè)計(jì)法典的早期代表之一是2008年推出的MacBook Unibody,采用陽(yáng)極氧化鋁外殼和玻璃觸控板。與之前的一代相比,它變得更加嚴(yán)謹(jǐn)。鍵盤采用了鮮明的黑色。而顯示屏與框架則采用了堅(jiān)固的玻璃涂層。所有這些賦予了設(shè)計(jì)新鮮感,使其與之前采用Y2K時(shí)代設(shè)計(jì)方案的前一代有所區(qū)別。

扁平設(shè)計(jì) 2014–2024?

Frutiger Aero已經(jīng)演變成了所謂的扁平設(shè)計(jì)。這種風(fēng)格的名稱已經(jīng)說明了一切。其特點(diǎn)是完全沒有立體感的物體。所有元素都嚴(yán)格位于同一平面內(nèi),包括陰影。

平面設(shè)計(jì)

首次嘗試實(shí)現(xiàn)扁平設(shè)計(jì)的舉措是2010年移動(dòng)操作系統(tǒng)Windows Phone 7以及基于所謂的磁貼(tiles)的Metro界面的問世。這些磁貼是應(yīng)用程序圖標(biāo)和可靈活定制的小部件。

Windows Phone 7

一個(gè)重要的創(chuàng)新是這個(gè)操作系統(tǒng)界面中沒有立體元素,這在當(dāng)時(shí)其他移動(dòng)操作系統(tǒng)的設(shè)計(jì)中是如此典型。然后,微軟發(fā)布了該操作系統(tǒng)的多個(gè)新版本,但未能占據(jù)市場(chǎng)的重要份額,最終不得不終止該項(xiàng)目。

Windows 8 Metro用戶界面

在桌面操作系統(tǒng)領(lǐng)域,微軟也決定進(jìn)行一次小規(guī)模的革命,于2012年發(fā)布了Windows 8,其中開始菜單被替換為Metro風(fēng)格的磁貼界面。公眾對(duì)這樣的創(chuàng)新反應(yīng)相當(dāng)冷淡。而在2015年,微軟將開始菜單重新引入了Windows 10,將磁貼僅作為附加的界面元素保留。在2021年,微軟完全放棄了Metro UI,推出了Windows 11。

安卓系統(tǒng)設(shè)計(jì)

Google和蘋果采用了不同的方法來實(shí)現(xiàn)扁平設(shè)計(jì),于2013年發(fā)布了采用這種設(shè)計(jì)的移動(dòng)操作系統(tǒng)版本。操作系統(tǒng)的視覺風(fēng)格與它們之前的版本并沒有太大不同,因此它們的新鮮視覺風(fēng)格受到了用戶的青睞。它們的設(shè)計(jì)完全符合時(shí)代精神,其特點(diǎn)可以在由谷歌創(chuàng)建的Material Design概念中看到,它以沒有體積感、鮮艷的色彩、刻意的簡(jiǎn)約和沒有圓角為特點(diǎn)。這個(gè)設(shè)計(jì)理念至今仍然被谷歌廣泛采用。但在這里需要注意的是,這種設(shè)計(jì)像其他所有設(shè)計(jì)一樣,會(huì)隨著時(shí)間的推移而發(fā)生變化,并帶來新的有趣解決方案。

Xbox One X

這種風(fēng)格中最引人注目的設(shè)備是現(xiàn)代的Xbox游戲主機(jī)。扁平的外觀,單一色彩的堅(jiān)實(shí)外殼,幾乎沒有裝飾元素。所有這些風(fēng)格解決方案都是扁平設(shè)計(jì)時(shí)代的典型特征。

?孟菲斯公司

被批評(píng)最頻繁的扁平設(shè)計(jì)分支之一是所謂的“企業(yè)孟菲斯”(Corporate Memphis)。這種風(fēng)格是扁平設(shè)計(jì)和孟菲斯理念的結(jié)合體。這種風(fēng)格的主要表現(xiàn)形式是各種插圖,描繪出身材不成比例的人物穿著鮮艷的衣物,相對(duì)不太矯揉造作的物體,以及奇怪、有時(shí)是奇形怪狀的環(huán)境。這種圖像經(jīng)常出現(xiàn)在各種網(wǎng)站、宣傳材料和演示文稿中。通常這樣的圖片看起來不太合適,引起觀眾的反感。

未來如何?

顯然,設(shè)計(jì)理念不會(huì)停滯不前。各種新的想法和概念正在涌現(xiàn)。因此,對(duì)舊原則的重新思考正在發(fā)生。我們已經(jīng)看到扁平設(shè)計(jì)思想的一定程度的重新思考。似乎已經(jīng)被遺忘的解決方案被重新引入。此外,新的想法也在涌現(xiàn)。生物主題越來越受歡迎。顏色變得不那么鮮艷,更加自然。圓潤(rùn)的形狀回歸。

Windows 11

因此,以Windows 11為例,我們看到了Aero思想的一種復(fù)興。例如,出現(xiàn)了半透明的界面元素、圓潤(rùn)的角落和降低的整體對(duì)比度。與此同時(shí),扁平設(shè)計(jì)的強(qiáng)烈影響也很明顯,其特點(diǎn)是沒有陰影,沒有立體感。

谷歌新系統(tǒng)

近來,Android也發(fā)生了很大變化。出現(xiàn)了一種名為Material You的新設(shè)計(jì)理念,其核心思想是將圖標(biāo)和界面元素的顏色與桌面壁紙的顏色相匹配。此外,界面元素變得更加圓潤(rùn),動(dòng)畫更加流暢。

幾乎不可能預(yù)測(cè)未來會(huì)有哪些設(shè)計(jì)決策會(huì)占主導(dǎo)地位。然而,我們已經(jīng)看到扁平設(shè)計(jì)發(fā)生了強(qiáng)烈的轉(zhuǎn)變。它變得更具生物形態(tài)學(xué)特征。它反映了可持續(xù)發(fā)展、環(huán)保以及綠色技術(shù)使用在當(dāng)前的趨勢(shì)。因此,也許在不久的將來,我們將看到基于上述思想的全新設(shè)計(jì)方向。

精選文章:

“生活美好”——LG的新形象傳遞新信念

只此青綠:王澍新作,凝聚宋韻的大師建筑

SVA地鐵海報(bào)展上出色的設(shè)計(jì)作品

色彩如何影響電影空間和敘事

畫布上的巴洛克之美:Elisabetta Sirani的紐約個(gè)展