网页设计的未来隐藏在建筑设计史之中

如果你想知道网页设计下一步的路在哪里,只要看看建筑行进到哪里就明了了

1472438365-4812-TB1dpM4KpXXXXXzaXXXSutbFXXX

 原文:https://medium.com/@sall/the-future-of-web-design-is-hidden-in-the-history-of-architecture-1cc93ea854d0#.w5z7ggov8

作者:Mike Sall

翻译:河源

译文地址:http://mux.alimama.com/posts/1473?spm=0.0.0.0.0PEDEa


西方建筑设计史可以告诉我们很多关于网页设计的演变之事。同样作为艺术形式而存在,二者都是由这样几个因素所限定的:

1.它们都是人们要去往的地方。

2.为了承担这一实际职责,它们被反复设计着。

3.技术的发展限制了它们的设计 。

4.然而可以肯定的是,它们仍旧是艺术的一种形式。

在这些限制下,它们二者都沿着惊人的相似路径前行——它们建立在过去的基础之上,并对历史做出了相似的回应。如果你想知道网页设计下一步的路在哪里,只要看看建筑行进到哪里就明了了。

I.新石器时代

简单、有限的结构  

1472438362-5609-TB1.KNdKFXXXXaEXFXXwu0bFXXX

巨石阵。公元前3000-2000年/www.org, 1992年 除了在大小和位置方面略有不同,此时的设计只是一个将东西归位的举措。

II. 古典主义时期 

秩序和比例,并附有一些点缀

1472438364-2753-TB1FUdmKFXXXXb-XXXXwu0bFXXX

帕台农神庙。公元前 437 年/ Yahoo.com,1996年

古典主义时期重新定义了和比例和层级,引入了因服务于不同目的而被明确划分的各个区域。这些介质(如石头、像素等)也都在程式化地模仿着先前的材料:带有三竖线花纹装饰的石头代表着(有纹理的)木头梁柱,正如我们会使用立体的按钮来代表现实世界中的按钮一样。

III.罗马式

较厚重的形式以及圆润的边缘

1472438369-7250-TB1CF76KpXXXXbYXVXXwu0bFXXX

玛丽亚·拉赫修道院。 1093年/ Apple.com,2000年

除了柔化建筑的边缘,古典主义时期还会增加墙壁厚度并拓深隔板宽度,从而达到更厚重、更可点击的效果——就像网页中的表单和按钮一样。

 IV.哥特式

华丽且迷人

1472438368-4113-TB1rjhlKFXXXXcZXXXXwu0bFXXX

兰斯大教堂,1211年/ Maroon5.com, 2005年

CSS和Flash就是网页设计中的花窗玻璃。在对应的位置都有了基础要素之后,我们开始尽可能地挑战材质设计的极限。哥特式建筑将石头设计出一种客服了地心引力、恍若能夺走游客呼吸的奇观异象。虽然现在,我们要记住它们很难,但早期那些Flash和CSS网站用像素带给我们的惊喜已经足够多了。

是的,我刚刚就是在把古老的Maroon 5网站与兰斯大教堂做对比。

V文艺复兴时期

干净,逻辑和精确

1472438366-7002-TB1KmA4KpXXXXXlaXXXwu0bFXXX

 香格里拉·罗通达别墅,1567年/ Rdio.com,2012年

这就是今天我们所处的位置。简直令人难以置信,最近风靡的“扁平化设计”运动与文艺复兴时期的建筑是何其相似!文艺复兴时期的建筑呼吁人们回归到经典的逻辑中去。简单的几何形状取代了华丽的复杂形状。设计变得简洁起来。

人们开始运用新的规则发表论述,一切似乎都有点返璞归真的样子了。

接着,我们开始进入未来……

VI 巴洛克

扭曲所有的规则

1472438370-6214-TB1fWE4KpXXXXXraXXXwu0bFXXX

四泉圣嘉禄堂,1638年/ 待定(To Be Determined),2017年

保持如此的逻辑性与精确性只在一小段时间里取悦了群众。最终,我们开始打破规则。在建筑中,这意味着从字面上使那些经典元素分崩离析,并将它们扭曲成复杂的形式。与文艺复兴时期的理智相比,巴洛克式的设计是情感化且富有戏剧性的。

借由此,我们将如何对网页进行设计呢?这很难说。但请静静地等待——几年之后,它必将到来。

VII. 新古典主义时期

倾听过去的回响

1472438371-6783-TB1NLNeKFXXXXXcXFXXwu0bFXXX

先贤祠(巴黎),1790年/待定,2022年

万事万物最终都是一个轮回。一旦我们达到了一定的阶段,我们会开始崇尚曾经的那些古典事物,并竭力复兴它。这一切只是需要时间而已。新古典主义的网页设计是一中先进的方法——老雅虎网站对我们来说确实是丑陋而非美好的。但是从现在开始再过六年、七年呢?(也许)这种形式将再次时髦起来。

VIII. 此后(的事),还有谁了解?

好了,其实我们还挺了解的。它可能会是某种形式的新罗马式或新哥特式。一些全新的事物。艺术在以复兴的形式不断重演着。但最终会是怎样?新的技术和新的世界观将以我们在今天无法想象的形式来到我们面前。

然后,事情会变得不可思议起来。1472438371-5595-TB1FVRbKFXXXXblXFXXwu0bFXXX

图片来源:巨石阵由jborsboom提供;帕台农神庙由AJ Alfieri-Crispin提供;玛丽亚·拉赫修道院由Berthold Werner提供;兰斯大教堂由Archigeek提供;令人震惊的Maroon 5动图由Nick提供;香格里拉·罗通达别墅由Timothy Brown提供;四泉圣嘉禄堂由wsifrancis提供;先贤祠由Marko Kudjerski提供;古根海姆博物馆由Wojtek Gurak提供。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/17086/

(0)
iouedioued
上一篇 2016-08-29 10:34
下一篇 2016-08-29 12:10

相关推荐

  • Sketch从入门到精通-Sketch3节点的模式运用

      在进行对图形的具体编辑的时候,会经常用到节点,或者叫点也可以。当你用钢笔画出一个图形的时候,然后回车一下,你就会发现有好多个节点组成了一条线,这个时候我们要对具体某个图形编辑的时候,就可以调节…

    2015-07-20
  • UI设计师们,你们真的了解UI么?

    说起产品UI设计通常的认识就是“图形界面的设计”,而产品的交互设计往往被忽略!一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先 接触到的东西,也是一般性的用户唯一接触到的东西。用户对于界…

    图形用户界面 2015-10-21
  • 字体设计之字体性取向

    小编话:无论你是UI设计师还是平面设计师或是其他,在做设计时对字体的运用一定是多之又多的。有时候也会因为把握不好字体而使整个画面达不到自己预期的效果。今天给大家带来由alipayifed分享的字体设计之字的性取…

    2015-01-22
  • 创业还没听过在线Logo生成器? 那你就落伍了!

    创业还没听过在线Logo生成器? 那你就落伍了!创业的第一步 - Logo不论是创业或创建新的网站,踏出成功的关键第一步是设计出一个易于一般社会大众识别的logo,以传达企业或服务宗旨,打造企业的视觉形象。品牌Logo可…

    2016-10-17
  • 6个实用技巧提升Sketch使用效率

    Sketch 3 - Bohemian Coding带给我们的这款优秀的设计工具,在速度及灵活性等方面的表现都是其竞争对手难以匹敌的。 我(英文原文作者)自己是一名自由交互设计师,很早就开始使用Sketch了,它已然成为我设计工作流程…

    2015-09-30
  • 【设计作品分享】一个让你丢掉负能量的产品——BICH

    作者:梁雅婵,授权载于我是UE网。

    2015-11-27
  • 未来的汽车UI将惊艳世界

    今天多数汽车UI的设计,由于不直观、过时和缺乏美学表现力,一直饱受诟病。其他行业都将设计的品质奉为标准,汽车生产商在这方面则动作迟缓。所以,许多设计师抓住了这个机会,思考未来的汽车界面会如何改变我们的…

    2016-10-18
  • 最火的Sketch 的开发商 Bohemian Coding 是怎样一个公司?

    TL;DR: Bohemian Coding 是一个高效务实而且懂得做产品的小团队。但也因为团队小开发实力有限主打产品 Sketch 仍存在不少问题。先从这个小公司的历史说起。Bohemian Coding 在 2008 年成立,主要专注于开发 Mac 软…

    2015-06-29
  • 带给你视觉 2015 Web 设计色彩流行趋势

    前几天分享的2015年春夏流行色人气很高,今天直接放干货,@AnyForWeb_UDC 的同学根据2015年的色彩大致趋势走向,结合相关的设计经验,作出了以下网页配色 预测分析,来看看有哪些亮点吧。

    2014-12-28
  • UI设计中字体的历程及注意事项

    字体作为界面设计的一个元素,对用户的阅读体验起着至关重要的作用。本文是 UI 设计师 Viljami Salminen 分享的用户界面字体设计的基本规则和技巧。 早在 2004 年,我才刚开始工作的时候,sIFR 非常火。sIFR 是由 S…

    UI设计 2016-11-14