建筑是最容易辨識的藝術(shù)形式之一。展示一張著名建筑的圖片，多數(shù)人會立即認出它。

它也是驕傲和靈感的源泉。例如，來自世界各地的人們都夢想?yún)⒂^埃菲爾鐵塔。但這種體驗不僅僅是站在前面拍一張自拍。建筑也代表了特定的時間和地點——這使得它更加特別。

因此，我們不應(yīng)該感到驚訝，網(wǎng)頁設(shè)計師是架構(gòu)設(shè)計的鐵桿粉絲。就像一個結(jié)構(gòu)可以看起來和功能都很漂亮一樣，一個網(wǎng)站也可以。他們之間的關(guān)系比人們第一眼想象的要密切得多。

今天，我們將向您介紹一些引人注目的例子，網(wǎng)頁設(shè)計師向世界上最著名的建筑致敬。在許多情況下，對細節(jié)的關(guān)注是非凡的——這使它們確實成為一種合適的敬意。

泰姬陵

泰姬陵完工于1643年，以其錯綜復(fù)雜的美景和郁郁蔥蔥的景觀而聞名。這種CSS和JavaScript渲染絕對是最小的，但仍然可以立即識別。建筑的輪廓映襯著金色的天空，以及前景中緩緩移動的水道，這些都是我們真正需要的。

灰姑娘的城堡

迪斯尼樂園的童話城堡吸引了來自世界各地各個年齡層的孩子。在這里，我們有一個純CSS副本抓住了它的本質(zhì)?？v觀它的500多款風格，這款顯然是一項愛的勞動。

埃菲爾鐵塔

對很多人來說，埃菲爾鐵塔代表著這座燈光之城的浪漫。無論從字面上還是比喻上來說，這都是不可錯過的吸引力。這個CSS動畫也很突出，提供了一個流暢的360度視圖。

埃及金字塔

金字塔是埃及西部沙漠中一處令人驚嘆的景觀，是古代世界七大奇跡之一。這種對金字塔的藝術(shù)呈現(xiàn)也是互動的。懸停在現(xiàn)場觀看太陽升起。

測量標志性的摩天大樓

世界上最高的建筑定義了一個獨一無二的城市天際線。你看到帝國大廈和紐約市立即出現(xiàn)在腦海中。想看看你最喜歡的游戲是如何相互比較的嗎?這張設(shè)計精美的圖表將幫助你比較哈利法塔和臺北101。

中國的長城

中國的長城近22000公里長，可能太大了，無法用CSS完全重現(xiàn)。因此，可以理解的是，這個片段只是它令人瞠目結(jié)舌的場景的一部分。我們知道了。

太空針塔

西雅圖的太空針塔聳立在美國西部城市，為游客提供了一些壯觀的景色。世界上很多人可能還認得一個動畫版本，上世紀90年代的電視劇《歡樂一家親》(Frasier)以極簡主義風格開場時，就用過這個著名的動畫版本。這個超高的CSS渲染跨越了現(xiàn)實和簡單之間的界限。

變形的地標

想在幾秒鐘內(nèi)游覽世界上最著名的地標嗎?這個華麗的變形動畫將帶你去里約熱內(nèi)盧，比薩，巴黎和北京。再一次，剪影的使用證明了這些地方是多么容易辨認——即使沒有所有的細節(jié)。

建筑是如何啟發(fā)網(wǎng)頁設(shè)計的

無論你是在設(shè)計建筑還是網(wǎng)站，都有一些相同的通用主題。以美為例。出色的外觀必須由深思熟慮的底層結(jié)構(gòu)來支持。忽略這一關(guān)鍵組件將導(dǎo)致一定的失敗。

此外，復(fù)雜性并不一定是成功的保證。最復(fù)雜的代碼并不總是最好的路徑，對于結(jié)構(gòu)也是如此。簡單往往是最有效的方法。

我們希望這些世界上最著名的地標建筑的效果圖能啟發(fā)你!如果你想看更多的例子，請查看我們的CodePen集合。