本文由LL根据Simon Andras的《Steampunk in Web Design》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://speckyboy.com/2013/02/24/steampunk-in-web-design/，以及作者相关信息
——作者：Simon Andras
——译者：LL
即使你对steampunk这个词一无所知，你也早已在这个大众文化当中领略到了这个设计现象的风采。steampunk诞生于十九世纪中的幻想潮流当中，所以更容易被当作是一种特立独行的艺术设计流派。这听起来可能会有一点复杂，但毕竟这融合了H.G. Wells的维多利亚设计理念，工业主义的主题，梦幻的启示，非主流的边缘文化。
正如我们下面所展示的，好莱坞电影也融入到了steampunk的艺术流派当中，比如说像《福尔摩斯》和《雨果》，并且由于steampunk的影响，催生了一批新的地下艺术家以及插画家。下面，我们欣赏一些非常不错的steampunk的网页设计。
Keith Thompson艺术作品
Keith Thompson是一名专注于steampunk插画的自由画家。他的网站不仅仅存在一大批steampunk艺术的特征元素；可以说他的设计根本就属于纯粹意义上的steampunk。他的登录页面让人们仿佛打开了一本吸引人的然而同时又让人不安的新书。
他展示了许多steampunk的标志性元素，比如维多利亚式的漩涡形装饰，古老的野兽，以及结构特征（作品内容以复杂的系统形式呈现）。这些特征共同为我们展现出来的同时也拒绝使用军用物品，工业的主题，未来主义的服装，而且，如果你对网页设计感兴趣的话，你可以查阅一下Thompson’s art以及一些游戏和插图上关于他的设计作品。
福尔摩斯2
如果你觉得steampunk流派的画家和设计师往往不能引领主旋律。然而我们可以再斟酌一下，在今时今日，steampunk运动中那引人入胜的设计品质当中的许多元素早已渗透在大众文化当中。换句话说，即使是在美国大片当中，你也看不到很多的主流因素。
华纳兄弟公司中的著名电影明星Robert Downy以及Jude Law在技术公司的支持下重塑了风靡19世纪福尔摩斯的形象。在网站上的图片，视频以及设计元素为我们所展示的发明创造，科技，维多利亚式的服饰，以及颠覆世界的情节等等这些都属于steampunk艺术流派的范畴。
雨果
如果有谁看过了Martin Scorsese的电影，你就会明显发现其中的对于steampunk艺术的引用，steampunk设计通常为我们展示了齿轮，滑轮以及其他简单机械装置的魅力，其中还伴随着不跟随主流因素以及存在机器人因素的癖好。
在雨果这部电影当中，讲述了一个生活在火车站中的巨型钟楼内的小男孩。在整部电影当中他都在修补他父亲留下来的机器人，这部电影融合了维多利亚启蒙时代的建筑以及服饰，唤起了steampunk的艺术手法，这些元素融汇成了一个美轮美奂的网站呈现给大家。
Daniel Dociu的艺术
虽然Dociu’s 网站的设计本身不是由steampunk的元素组成的，但是他那让人印象深刻的网格图形能够让你眼前一亮。Dociu是一个成功的艺术家和插画家，他善于运用多种方式来构建他心目中的世界，当然了，这其中也包括了steampunk设计流派。
他的作品中那丰富的色彩，生动的想象力，绝对鲜明的光感都使得他的网站让所有steampunk的爱好者流连忘返。他所构想出来的steampunk式绘画包含了精心雕琢的未来城市景观，生化动物，不可思议的飞行装置以及古老机械所流露出来的独特魅力。还有那不得不提的就是上面那个哥特式的机载建筑。
Felideus
西班牙艺术导演以及插图画家Felideus的网站会让所有的steampunk爱好者兴奋不已。在首页当中，局部精巧地运用了的木头材料以及金属材料的混搭方式来欢迎访问者。而在可以可伸缩的管道当中我们可以发现一个未曾发现，拥有类似章鱼触角的野兽。同时，一个身着皮革上衣，头戴飞行护目镜的外表看似小孩的古怪生物在驾驶着一个飞船。
无与伦比的想象力明显地提升了整个网站的各个层面，其中，那梦幻般的驾驶器，哥特式的外观仿佛带着我们进到了爱丽丝梦游仙境当中。另外一个不得不提的元素就是画家的设计出的意大利啤酒厂中的啤酒商标。其中还有个特点就一个奇怪的水下生物驾驶着一个由古老的灯泡做成的潜艇。一个的水生生物在一个貌似是水中呼吸器里面徘徊，而这个装置的灵感就来自于H.G. Wells
最后……
以上的每一个网页设计都运用想象力来把维多利亚式化地组织起来，这些可能属于博物馆，古董店中的未来主义或者后现代主义的元素。无论他们是来自于比如像福尔摩斯的美国大片还是自由艺术家那古灵精怪的网站，这些网站都从多方面展示了在当今世界下，steampunk的设计流派已经逐渐渗透到流行的设计当中。
译者手语：整个翻译依照原文线路进行，并在翻译过程略加了个人对技术的理解。如果翻译有不对之处，还烦请同行朋友指点。谢谢！
关于LL
广东某大学在读大学生，热爱Web前端，对前端技术有强烈的兴趣，在这里希望有机会和大家共同分享与交流，从而更好的提升自己。请关注我：新浪微博
如需转载烦请注明出处：
英文原文：http://speckyboy.com/2013/02/24/steampunk-in-web-design
中文译文：http://www.w3cplus.com/design/steampunk-in-web-design.html