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

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

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

相关推荐

  • 为网页设计师 Web 设计编写的简要历史

    编者按:互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计 发展史,我们可以看到技术、设计与思想的演进,看到无数有识之士改变世界的剪影。本文作者是网站Froont.com的联合创始人Sandijs Ruluks。

    2014-12-30
  • APP动效设计欣赏

    目前为止,app动效也越来越重要了,很多移动app设计师已经开始尝试去制作自己的app动效设计。因为好的app动效设计可以让自己的app产品顿时高大上。 开门见山吧,我们回顾下APP中的动效可以划分为两类: 一类是转场…

    2015-12-23
  • Sketch从入门到精通 怎样切图及导出图片尺寸 免费版

    怎样切图及导出图片尺寸 在讲这一章之前,先把上一章提到的布尔运算给大家讲一下(如下图) 这是顶部工具栏区域的一小部分。布尔运算有四种形式,你可以根据你的需求来选择不同的方式。 合并形状 (Union):合并的结果…

    2015-07-03
  • 登录表单的那些事儿

     雅婵总结并供稿于我是UE网,转载请注明来自我是UE网。

    2015-06-12
  • 使用 Sketch 搭建动态布局

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

    2017-12-28
  • 【Material Design】Chrome iOS版微交互创新(下拉管理tab)

    平时在手机上主要用Safari,今天用Chrome时下意识的手指下拉滑动,发现已经可以通过下拉操作来管理tab,而且不仅仅是下拉刷新,还有进一步的优化和创新: 直接下拉是刷新当前tab 下拉并往左滑可打开新的tab 下拉往…

    2015-08-19
  • Sketch从入门到精通-Sketch3 九宫格

    九宫格 在做图的时候,有的时候需要把画面划分几个部分,分别进行设计。因为随着作图能力的提高,规范性和严谨性就需要提高。尤其是网页设计,一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格,…

    2015-08-03
  • UI设计师需要了解的开发中常用的UI控件(ios篇)

    大家都知道,在实际的工作中,设计师们和工程师们会经常频繁的沟通。有的时候工程师们会经常说一些控件名称,可能部分设计师们就会感到困惑,也许你经常说的是什么标签栏啊,工具栏,占位符之类的,但对于开发者们…

    图形用户界面 2015-10-27
  • 安卓APP设计规范·UI·UE-2015年(部分)

    移动应用在人们的生活中越来越重要,人们可以通过APP进行上网、聊天、购物等等。而且随着移动互联网的发展,APP的设计的变更也变得更快了。BESD设计实验室结合今年流行的设计趋势和一些实验调研后,在新的一年即将…

    2015-01-08
  • Logo设计流程

    小小的logo,大大的学问,从了解客户到客户需求,再到分析及设计,都有很多细节需要考虑到。今天呢,娜小编就将Logo Snap公司创建的Logo设计流程翻译后跟大家分享啦。 看后即能消化了吧,希望大家学习之后能灵活地…

    2015-01-29