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

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

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

相关推荐

  • 网页的交互设计and界面与用户体验案例:Nike Tech Pack in store app

    第一段是动效的视频,请注意观看交互效果与配色设计。 图片都可以点击放大,更清楚哦。 原文地址:https://www.behance.net/gallery/26097251/Nike-Tech-Pack-in-store-app 多个作者: Shakir Dzheyranov / Detail …

    2016-01-10
  • UI界面中搜索入口的设计

    写在前面: 我以前是学空间设计的,所以对引导性的感知比其他学设计的要更早。其实,设计总就还是一个“万法归宗”的东西。“吸引”——“引导”——“持续”——“欲罢不能”用用户的这种思维去检验自己的作品(交互/UI)是比较客…

    2016-11-07
  • 互联网公司官方标志Logo的颜色选择依据

    小编导读 : 颜色的作用,就是在图形都追求尽可能简约的时候,又可以保持企业标识的高度识别性。

    2014-12-28
  • 使用 Sketch 搭建动态布局

    如果你在设计交互,你可能会经常遇到一些重复性的元素,比如列表中的行,或者网格化元素。尽管Sketch提供了一些方法,通过使用Symbols将一些样式应用到元素中,但如果你想让布局更有适应性或者动态变化,它恐怕就很…

    2017-12-28
  • Coolors极简配色推荐

    设计人为本,颜色舒适人眼才不会造成视觉疲劳。 在设计网页的时候难免总会盲目的选择颜色然后加以尝试,难免会造成很多无用功。 对于新手设计师coolors帮了很大的忙。 这是一个超级简单的颜色搭配生成器。 进入的时…

    2015-01-02
  • 2017年的Logo,这样设计才会火!

    设计是变换无穷的,而且不断地演变,与新的潮流和品味融合。此种特性不论是在时尚界、平面设计或是其他业界中都相当普遍可见。 Logaster特地做了2016年Logo总评比,预测有哪些热门趋势将主导2017年的Logo设计风格。…

    2017-03-03
  • APP UI 设计规范详解

    移动端 APP  UI 规范详解, 专注规范解析,提高设计效率!提升用户体验维度!

    2016-07-14
  • Sketch从入门到精通 第一章 初识Sketch 免费版

    第一章 初识Sketch 1. Sketch 是什么? Sketch 是一款非常适合UI界面设计师们使用的矢量绘图应用。集合了PS和AI的优点,很容易上手使用。它可以很方便的进行网页,图标及移动端界面的设计制作和切图。 2. 为什么要…

    2015-07-03
  • Sketch从入门到精通-Sketch3 神奇的测量键

    在做设计的时候经常离不开精准的测量,间距,字体的大小。尤其是在做移动端UI设计的时候,设计完的界面效果图还要输出标注规范给工程师们让他们去实现,这就离不开精准的测量。 在Sketch里面,有个神奇的测量键,你…

    2015-08-28
  • Material Design 官方演示视频

    [button type="primary" text="Material DesignPDF 中文手册下载地址" url="https://www.iamue.com/7512" open_new_tab="true"]  

    Material Design 2015-08-07