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