網(wǎng)頁(yè)設(shè)計(jì)的未來(lái)深藏于建筑史中

0 評(píng)論 6818 瀏覽 0 收藏 8 分鐘

西方建筑史對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的進(jìn)化有重大參考意義。作為一種藝術(shù)形式,兩者都遵循以下事實(shí):

  1. 它們是人們前往的地方。
  2. 它們都承擔(dān)著這件務(wù)實(shí)的工作。
  3. 科技的演進(jìn)在限制著工程技術(shù)。
  4. 還有,它們至今絕對(duì)仍屬于藝術(shù)范疇。

在這些限制條件下,兩者的演化路徑驚人相似,都建立在過(guò)去的基礎(chǔ)上,以近似的方式產(chǎn)生影響。如果想知道網(wǎng)頁(yè)設(shè)計(jì)將去向何方,可以看看建筑領(lǐng)域發(fā)展到了什么地步。

1. 新石器時(shí)代

簡(jiǎn)單、有限的結(jié)構(gòu)

巨石陣,公元前3000-2000年;W3.org,1992年

除了稍微調(diào)整了尺寸和位置,它只是把東西擺在相應(yīng)的地方。

2. 古典建筑

秩序與均衡,略帶修飾

巴特農(nóng)神廟,公元前437年;Yahoo.com,1996年

古典建筑時(shí)代精煉了對(duì)稱與層級(jí),采用了涇渭分明的區(qū)域劃分,承擔(dān)不同的用途。所用媒介(石頭、像素)的外觀也效仿先前的材質(zhì):石質(zhì)的三豎線裝飾象征著木質(zhì)橫梁,就像用3D按鈕表現(xiàn)物理按鍵。

3. 羅馬式建筑

更厚重的形式與更圓潤(rùn)的邊緣

瑪麗亞拉赫修道院,公元1093年;Apple.com,2000年

柔化邊緣的同時(shí),羅馬式建筑時(shí)期也加厚了隔墻——菜單和按鈕也一樣——?jiǎng)?chuàng)造更龐大、厚重、易點(diǎn)擊的形式。

4. 哥特式建筑

華麗、令人著迷

蘭斯大教堂,公元1211年;Maroon5.com,2005年

CSS和FLash就是網(wǎng)頁(yè)設(shè)計(jì)中的彩色玻璃?;驹氐轿?,我們就開始選用看似不可能的材料。哥特式建筑將石頭變?yōu)榉粗亓Φ膲雅e,令人屏息。雖然如今難以記得,那些早年的Flash和CSS網(wǎng)站,僅憑像素就使我們驚異不已。

沒錯(cuò),我將早期的Maroon 5網(wǎng)站與蘭斯大教堂進(jìn)行了對(duì)比。

5. 文藝復(fù)興時(shí)期建筑

干凈、精確、合乎邏輯

維琴察圓頂別墅,公元1567年;Rdio.com,2012年

這就是我們?nèi)缃竦碾A段,近年來(lái)的“扁平式設(shè)計(jì)”趨勢(shì),與文藝復(fù)興時(shí)期建筑驚人相似。文藝復(fù)興建筑呼吁古典邏輯的回歸。簡(jiǎn)單的幾何學(xué)形式取代了華麗的復(fù)雜度。設(shè)計(jì)變得更干凈。人們開始發(fā)表新準(zhǔn)則的論述,一切都在變化。

接下來(lái),我開始走進(jìn)未來(lái)…

6. 巴洛克式建筑

扭曲一切準(zhǔn)則

羅馬圣卡羅教堂,公元1638年;未定義,2017年

合乎邏輯、保持精確的樂趣只持續(xù)了這么久。最終我們開始打破規(guī)則。在建筑設(shè)計(jì)中,這意味著真正打破部分古典元素,將他們扭曲成某種復(fù)雜的形式。與文藝復(fù)興時(shí)期的理性主義相比,巴洛克式設(shè)計(jì)更富于情感和戲劇性。

我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)上會(huì)怎么做?這很難說(shuō)。只要再等等,它幾年內(nèi)就會(huì)顯現(xiàn)。

7. 新古典主義

Harkening back to the past

聆聽過(guò)去

先賢祠(巴黎),公元1790年;未定義,2022年

一切周而復(fù)始。一旦獲得足夠的進(jìn)展,我們會(huì)開始贊美最初的經(jīng)典,全面復(fù)古。只要一定時(shí)間。新古典主義網(wǎng)頁(yè)設(shè)計(jì)就在遙遠(yuǎn)的前方——雖然舊時(shí)代的Yahoo網(wǎng)站在我們看來(lái)很遜,并不莊嚴(yán)。但是6、7年后呢?它可能又很酷了。

8. 在那之后,誰(shuí)知道呢?

我們大概知道了。它會(huì)類似于新羅馬主義或是新哥特式的形式??傊悄承┬滦问?。藝術(shù)會(huì)持續(xù)以復(fù)活重生的形式延續(xù)自身。最終呢?新的科技和新世界觀會(huì)到來(lái),我們?nèi)缃袷菬o(wú)法想象的。

然后一切開始變得神奇超然。

原文鏈接

作者信息:Mike Sall

Product Science at @Medium

#專欄作家#

可樂橙,微信公眾號(hào):可樂橙(colachangreen)。人人都是產(chǎn)品經(jīng)理專欄作家,UI/UX設(shè)計(jì)師,關(guān)注互聯(lián)網(wǎng),關(guān)注科技。現(xiàn)居杭州,與小伙伴們正在創(chuàng)業(yè)途中。或許不是一名優(yōu)秀的設(shè)計(jì)師,至少是個(gè)快樂的設(shè)計(jì)師。

轉(zhuǎn)載請(qǐng)保留上述作者信息并附帶本文鏈接

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!