這50個CSS網(wǎng)站是由WebDesignerWall評選出來的，很具參考價值。WebDesignerWall在07年還曾發(fā)表過best designs in 2007(在譯言也有翻譯版)我們在欣賞的同時，也能從中吸取很多靈感，也能從它們的源代碼中學(xué)習(xí)更高級的CSS技術(shù)。今年，越來越多的設(shè)計師開始使用超大的背景圖片技術(shù)和一些JavaScript框架(如jQuery及MooTools)來提高用戶體驗。還有一些設(shè)計師將Flash和CSS混合使用。也許我們能從中發(fā)現(xiàn)2009年的新網(wǎng)頁設(shè)計趨勢?
巨大而醒目的圖片使得這個網(wǎng)站鶴立雞群。
 |
很好的混合使用了Flash和CSS。
 |
 |
很好的視覺和內(nèi)容聚焦設(shè)計。
 |
 |
 |
Future of Web APPS - Miami 2009
完美的將超大字體與破舊風(fēng)格效果混合在了一起。
 |
在首頁使用了很漂亮的超大背景圖。超大背景的網(wǎng)頁設(shè)計最近比較熱門。
 |
Future of Web Design - NYC 2008
另一個超大背景圖設(shè)計的實例。
 |
我不得不承認(rèn)，Tennessee的網(wǎng)站的確是一個相當(dāng)棒的系列設(shè)計——秋天、春天、夏天和冬天。
 |
 |
 |
 |
具有非常好的可用性的且很有組織性的網(wǎng)站。
 |
LightCMS公司的一些鉛筆/速寫效果，網(wǎng)站上仍然能體現(xiàn)他們公司的感覺。
非常漂亮的單頁設(shè)計。
 |
非常完美的使用CSS和JavaScript(jQuery)
 |
Luke Larsen的水族館主題很好的證明如何使用好jQuery的Scrollto 插件。
 |
波浪和各種圓形讓這個網(wǎng)站變得很生動有趣。
 |
雖然設(shè)計風(fēng)格讓我想起了ISO50 (Scott Hansen)，但它仍然值得推薦。
 |
這個網(wǎng)站證明了如何使用超大背景圖片來展現(xiàn)攝影作品。
 |
 |
很好的視覺設(shè)計，簡單的導(dǎo)航!棒極了!
 |
組合了CSS、JavaScript和Flash的非常酷的設(shè)計。
 |
 |
 |
 |
 |
Viget很好的在他們的系列博客中保持了他們的品牌形象——Inspire, Advance, Engage, and Extend。
 |
 |
使用了Flash可擴展背景圖片的驚人設(shè)計(調(diào)整瀏覽器的尺寸可看到擴展后的背景圖)
 |
這個博客會經(jīng)常更換他們的首頁背景圖片來保持新鮮感。
 |
這個一個使用高清晰度照片作為網(wǎng)站背景圖的完美實例。在調(diào)整瀏覽器大小后網(wǎng)站的背景圖也會隨之?dāng)U展。(使用JavaScript CSS實現(xiàn))
 |
 |
FreePeople 是我一直很喜歡的設(shè)計(喜歡它的拼貼風(fēng)格)
 |
復(fù)古…性感…
 |
剪貼薄設(shè)計風(fēng)格與網(wǎng)站的內(nèi)容很好的結(jié)合。
 |
 |
 |
喜歡它的復(fù)古字體。
 |
 |
很少能找到這樣漂亮的黑白主題。
 |