原文标题:Retro and Vintage In Modern Web Design
原文地址:http://www.smashingmagazine.com/2008/10/07/retro-and-vintage-in-modern-web-design/
作者: Smashing Magazine
复古和经典已经成为一种趋势。适当地使用一点活泼的动态元素,或是复古的早期经典元素,在愈求丰富的设计变化中越来越流行。在线商店、企业设计、投资组合和博客中都能或多或少见到。当添加这些“复古风格”的元素,将赋予设计师更多的灵感,并使吸引人的网页设计看起来与众不同。实际上,如果使用恰到好处,这些设计怎么看也不会乏味,尽管直觉告诉人们这么做可能会适得其反。
复古和经典的设计随着时间的流逝越来越有韵味。复古主要集中于上世纪10到30年代,而经典则让人想起50到80年代。于是,这些元素便可以反映当时的流行的图案、趋势、人物和事物等原来生活中必不可少的部分。
这些元素制造了一个怀旧的氛围,唤起感情和记忆,并有效地传达一些情感信息。这种设计利用了所谓的“古典制约(又译经典条件反射)”——用来联系受刺激后,无意识的身体和情绪的反应的技术。
复古和经典设计的秘密
设计师会使用哪些元素来创造一个真正经典或复古的氛围?用什么颜色?在设计中嵌入什么样的图形?让我们来寻找答案。呃…根据我们的研究调查,通常能见到以下图形元素:
从旧海报、旧电影、旧报纸、旧CD、旧车体彩绘、旧广告中截取作为插图;

复古风格的字体(比如罗马字体);

手写式的字体;

旧无线电装置;

旧电视;

旧汽车;

旧包装;

旧照片;

充满活力的彩虹颜色(高对比度,霓虹灯式);

破损,有污迹的纸张(通常是发黄的纸张);

较暗、肮脏的颜色(棕色、深红、深蓝)和质感(比如纸张);

剪贴效果;

波普艺术(pop-art)原素(亦见 波普艺术还活着:古典与现代艺术作品)

复古插画;

复古风格的图标;

复古和经典往往结合了手绘风格和邋遢(grunge)风格。
有些设计甚至走得更远,它们不仅仅使用了复古或经典的元素,还尝试文艺复兴时期的外观。各位可以在文章下面找到几个例子。各位也可以看看我们的另一篇文章“Celebration of Vintage and Retro Design”。
在所有这些案例中,设计师利用他们的创造力提供了真正与众不同的设计。让我们看看这些漂亮的例子吧。
下面是50个漂亮的复古、经典或文艺复兴的设计。其中有些是基于Flash,但大部分都是以CSS制作的:怎么制作的对我们来说并不重要;更重要的是了解设计师的意图。
复古和经典的网页设计展示
CSS Tinderbox (网页已经重新设计,不再是这样)




~ The Statement ~ The Official Blog of The Old State

ISO50 – The Visual Work of Scott Hansen






The Ernest Hemingway Collection






















The Dollar Dreadful Family Library














文艺复兴时期式的设计







