所有223 展开类目

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

2016/06/20
嘘...

 

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

作者:Mike Sall

翻译:河源

--------------------------------------------------------------------------------------------------------------------------------------------  

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

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

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

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

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

 

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

 

 

I.新石器时代

简单、有限的结构  

  巨石阵。公元前3000-2000/www.org, 1992

 除了在大小和位置方面略有不同,此时的设计只是一个将东西归位的举措。

  

II. 古典主义时

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

帕台农神庙。公元前 437 / Yahoo.com1996

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

 

 

III.罗马式

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

玛丽亚·拉赫修道院。 1093/ Apple.com2000

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

 

 IV.哥特式

华丽且迷人

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

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

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

V文艺复兴时期

干净,逻辑和精确

 香格里拉·罗通达别墅,1567/ Rdio.com2012

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

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

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

 

VI 巴洛克

扭曲所有的规则

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

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

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

 

VII. 新古典主义时期

倾听过去的回响

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

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

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

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

然后,事情会变得不可思议起来。

 

 

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

loading...

商+设计:为商家而设计的创意之路

2016/04/11
嘘... 嘘...

阿里集团举办的2016 UCAN设计论坛于3月底在阿里巴巴西溪园区举行。今年会议的主题为“设计赋能商业,共创极致体验”,各位设计大咖们围绕这一主题进行了精彩的分享。这里整理了我们阿里妈妈用户体验中心总监大人山鹰的分享给大家~O(∩_∩)O~

查看《商+设计:为商家而设计的创意之路》的全文

loading...

精准定向创意模板:风格定义与分析

2016/04/08
嘘...

查看《精准定向创意模板:风格定义与分析》的全文

loading...

程序化广告环境下玩创意

2016/04/07
嘘... 嘘...

查看《程序化广告环境下玩创意》的全文

loading...

不扁平的设计

2016/04/01
嘘...

查看《不扁平的设计》的全文

loading...

UX行业国际调研报告

2016/03/07
嘘...

随时几十年来UX行业的发展、从业者孜孜不倦的向公司和大众普及用户体验的理念,目前的情况是怎样的呢?来了解了解在其它国家耕耘的同行们的情况吧!(= ̄ω ̄=)
 
本次调研由User Testing于2016年2月发布,参与调研者为7,725个。

查看《UX行业国际调研报告》的全文

loading...

阿里妈妈电商营销手册-诞生记

2016/02/26
嘘... 嘘...

 

查看《阿里妈妈电商营销手册-诞生记》的全文

loading...

钻石展位网站改版小结

2016/02/15
嘘... 嘘... 嘘... 嘘... 嘘... 嘘... 嘘...


2015年10月底我们完成了对钻石展位原有网页的升级改版,在此,为此次改版收货的经验做梳理和沉淀,新版上线的地址为:http://zuanshi.taobao.com/  , 欢迎大家点击浏览。

查看《钻石展位网站改版小结》的全文

loading...

UI动效—细微交互,极致体验

2016/01/26
嘘...

查看《UI动效—细微交互,极致体验》的全文

loading...

产品设计之行为学研究

2016/01/15
嘘...

查看《产品设计之行为学研究》的全文

loading...

©阿里妈妈MUX, All rights reserved.

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源,商业媒体及纸媒请先联系:sangxing#taobao.com