
建筑是最容易辨识的艺术形式之一。展示一张著名建筑的图片,多数人会立即认出它。
它也是骄傲和灵感的源泉。例如,来自世界各地的人们都梦想参观埃菲尔铁塔。但这种体验不仅仅是站在前面拍一张自拍。建筑也代表了特定的时间和地点——这使得它更加特别。
因此,我们不应该感到惊讶,网页设计师是架构设计的铁杆粉丝。就像一个结构可以看起来和功能都很漂亮一样,一个网站也可以。他们之间的关系比人们第一眼想象的要密切得多。
今天,我们将向您介绍一些引人注目的例子,网页设计师向世界上最著名的建筑致敬。在许多情况下,对细节的关注是非凡的——这使它们确实成为一种合适的敬意。
泰姬陵
泰姬陵完工于1643年,以其错综复杂的美景和郁郁葱葱的景观而闻名。这种CSS和JavaScript渲染绝对是最小的,但仍然可以立即识别。建筑的轮廓映衬着金色的天空,以及前景中缓缓移动的水道,这些都是我们真正需要的。
灰姑娘的城堡
迪斯尼乐园的童话城堡吸引了来自世界各地各个年龄层的孩子。在这里,我们有一个纯CSS副本抓住了它的本质。纵观它的500多款风格,这款显然是一项爱的劳动。
埃菲尔铁塔
对很多人来说,埃菲尔铁塔代表着这座灯光之城的浪漫。无论从字面上还是比喻上来说,这都是不可错过的吸引力。这个CSS动画也很突出,提供了一个流畅的360度视图。
埃及金字塔
金字塔是埃及西部沙漠中一处令人惊叹的景观,是古代世界七大奇迹之一。这种对金字塔的艺术呈现也是互动的。悬停在现场观看太阳升起。
测量标志性的摩天大楼
世界上最高的建筑定义了一个独一无二的城市天际线。你看到帝国大厦和纽约市立即出现在脑海中。想看看你最喜欢的游戏是如何相互比较的吗?这张设计精美的图表将帮助你比较哈利法塔和台北101。
中国的长城
中国的长城近22000公里长,可能太大了,无法用CSS完全重现。因此,可以理解的是,这个片段只是它令人瞠目结舌的场景的一部分。我们知道了。
太空针塔
西雅图的太空针塔耸立在美国西部城市,为游客提供了一些壮观的景色。世界上很多人可能还认得一个动画版本,上世纪90年代的电视剧《欢乐一家亲》(Frasier)以极简主义风格开场时,就用过这个著名的动画版本。这个超高的CSS渲染跨越了现实和简单之间的界限。
变形的地标
想在几秒钟内游览世界上最著名的地标吗?这个华丽的变形动画将带你去里约热内卢,比萨,巴黎和北京。再一次,剪影的使用证明了这些地方是多么容易辨认——即使没有所有的细节。
建筑是如何启发网页设计的
无论你是在设计建筑还是网站,都有一些相同的通用主题。以美为例。出色的外观必须由深思熟虑的底层结构来支持。忽略这一关键组件将导致一定的失败。
此外,复杂性并不一定是成功的保证。最复杂的代码并不总是最好的路径,对于结构也是如此。简单往往是最有效的方法。
我们希望这些世界上最著名的地标建筑的效果图能启发你!如果你想看更多的例子,请查看我们的CodePen集合。
