网页设计的未来深藏于建筑史中

[国外设计第86期]

伦敦泰晤士河畔新旧建筑交融的天际线——左侧圣保罗大教堂穹顶与右侧现代摩天大楼并立,象征建筑与网页设计从古典到现代的演进历程

西方建筑史对于网页设计的进化有重大参考意义。作为一种艺术形式,两者都遵循以下事实:

  1. 它们是人们前往的地方。
  2. 它们都承担着这件务实的工作。
  3. 科技的演进在限制着工程技术。
  4. 还有,它们至今绝对仍属于艺术范畴。

在这些限制条件下,两者的演化路径惊人相似,都建立在过去的基础上,以近似的方式产生影响。如果想知道网页设计将去向何方,可以看看建筑领域发展到了什么地步。

1. 新石器时代

简单、有限的结构

英国巨石阵新石器时代石环结构——巨大石柱与横梁矗立在绿色草原上,代表人类最早的建筑形式,如同网页设计的新石器时代

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

1992年W3.org万维网最初网页截图——纯文本蓝色超链接排列在白色背景上,极简布局如同巨石阵般仅将元素摆放到位,是网页设计的新石器时代

除了稍微调整了尺寸和位置,它只是把东西摆在相应的地方。

2. 古典建筑

秩序与均衡,略带修饰

雅典卫城巴特农神庙——古希腊多立克柱式神庙,对称排列的石柱与三角楣饰展现古典建筑的秩序与均衡之美

巴特农神庙,公元前437年;Yahoo.com,1996年

1996年Yahoo.com首页截图——红色Yahoo标志居中,蓝色分类目录链接对称排列,搜索框位于中央,体现古典建筑式的层级秩序与区域划分

古典建筑时代精炼了对称与层级,采用了泾渭分明的区域划分,承担不同的用途。所用媒介(石头、像素)的外观也效仿先前的材质:石质的三竖线装饰象征着木质横梁,就像用3D按钮表现物理按键。

3. 罗马式建筑

更厚重的形式与更圆润的边缘

德国玛丽亚拉赫修道院——罗马式建筑代表作,双塔结构配圆拱门窗,厚重石墙与圆润边缘彰显罗马式建筑的敦实风格

玛丽亚拉赫修道院,公元1093年;Apple.com,2000年

2000年Apple.com首页截图——银灰色导航栏搭配大号Apple标志,多彩iMac产品图排列展示,按钮与菜单呈现厚重圆润的罗马式网页设计风格

柔化边缘的同时,罗马式建筑时期也加厚了隔墙——菜单和按钮也一样——创造更庞大、厚重、易点击的形式。

4. 哥特式建筑

华丽、令人着迷

法国兰斯大教堂哥特式立面——高耸尖塔、玫瑰花窗与繁复石雕装饰布满整个正面,哥特式建筑将石材推向反重力的华丽极限

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

2005年Maroon5.com网站截图——橙黑配色的Flash时代网页设计,音乐播放器与邮件列表功能嵌入其中,如同哥特式彩色玻璃般用像素创造令人惊叹的视觉效果

CSS和FLash就是网页设计中的彩色玻璃。基本元素到位,我们就开始选用看似不可能的材料。哥特式建筑将石头变为反重力的壮举,令人屏息。虽然如今难以记得,那些早年的Flash和CSS网站,仅凭像素就使我们惊异不已。

没错,我将早期的Maroon 5网站与兰斯大教堂进行了对比。

5. 文艺复兴时期建筑

干净、精确、合乎逻辑

意大利维琴察圆顶别墅——文艺复兴建筑典范,对称立面配科林斯柱廊与中央穹顶,玫瑰花丛环绕的几何花园体现理性与秩序之美

维琴察圆顶别墅,公元1567年;Rdio.com,2012年

2012年Rdio.com音乐流媒体网站截图——扁平化设计风格的网页,蓝色与白色区块清晰分区,简洁图标与干净排版呼应文艺复兴建筑的精确逻辑

这就是我们如今的阶段,近年来的“扁平式设计”趋势,与文艺复兴时期建筑惊人相似。文艺复兴建筑呼吁古典逻辑的回归。简单的几何学形式取代了华丽的复杂度。设计变得更干净。人们开始发表新准则的论述,一切都在变化。

接下来,我开始走进未来…

6. 巴洛克式建筑

扭曲一切准则

罗马圣卡罗教堂巴洛克式立面——波浪形曲线外墙、扭曲柱式与繁复雕塑装饰打破古典规则,巴洛克建筑以情感与戏剧性取代理性主义

罗马圣卡罗教堂,公元1638年;未定义,2017年

2017年网页设计概念占位图——标注TBD待定的未来网页设计样式,象征巴洛克式打破规则后网页设计将走向的未知方向

合乎逻辑、保持精确的乐趣只持续了这么久。最终我们开始打破规则。在建筑设计中,这意味着真正打破部分古典元素,将他们扭曲成某种复杂的形式。与文艺复兴时期的理性主义相比,巴洛克式设计更富于情感和戏剧性。

我们在网页设计上会怎么做?这很难说。只要再等等,它几年内就会显现。

7. 新古典主义

Harkening back to the past

聆听过去

巴黎先贤祠新古典主义建筑——巨大穹顶与科林斯柱廊庄严矗立,三角楣饰浮雕与法国国旗装饰,全面复古致敬古典建筑的辉煌

先贤祠(巴黎),公元1790年;未定义,2022年

2022年网页设计概念占位图——标注TBD待定的未来网页设计样式,象征新古典主义全面复古后网页设计将回归经典的可能方向

一切周而复始。一旦获得足够的进展,我们会开始赞美最初的经典,全面复古。只要一定时间。新古典主义网页设计就在遥远的前方——虽然旧时代的Yahoo网站在我们看来很逊,并不庄严。但是6、7年后呢?它可能又很酷了。

8. 在那之后,谁知道呢?

我们大概知道了。它会类似于新罗马主义或是新哥特式的形式。总之是某些新形式。艺术会持续以复活重生的形式延续自身。最终呢?新的科技和新世界观会到来,我们如今是无法想象的。

然后一切开始变得神奇超然。

未来主义建筑概念图——钛金属曲面与有机流动形态交织的圆形构图,象征网页设计在新技术与新世界观驱动下走向超然神奇的未来


原文链接

作者信息: Mike Sall Product Science at @Medium