2008年国外50个最佳CSS设计欣赏

    这两天答应老邢对派代Beta 3.0新版做一个用户体验分析，因为实在是太忙不能静下心来弄，弄了一半又给过来谈合作的代理商给打断了。新版在用户体验上有了很大的提高，届时希望大家一起多提出良好的改进意见。多派多进步！
    本人认为良好的视觉设计和W3C标准也是用户体验中的一个重要环节，本期找了一些不错的视觉方面的东西分享给各位派友。

   今天，将向大家推荐50个2008年的最佳CSS网站设计，这50个CSS网站是由WebDesignerWall评选出来的，很具参考价值。我们在欣赏的同时，也能从中吸取很多灵感，也能从它们的源代码中学习更高级的CSS技术。今年，越来越多的设计师开始使用超大的背景图片技术和一些JavaScript框架（如jQuery及MooTools）来提高用户体验。还有一些设计师将Flash和CSS混合使用。也许我们能从中发现2009年的新网页设计趋势？

Let It Bleed

巨大而醒目的图片使得这个网站鹤立鸡群。

Vermont Coffee Works

很好的混合使用了Flash和CSS。

Digital Mash

Good

很好的视觉和内容聚焦设计。

Wilson Miner

DrupalCon, DC

Future of Web Apps - Miami 2009

完美的将超大字体与破旧风格效果混合在了一起。

Housing Works

在首页使用了很漂亮的超大背景图。超大背景的网页设计最近比较热门。

Future of Web Design - NYC 2008

另一个超大背景图设计的实例。

Tennessee - Fall

我不得不承认，Tennessee的网站的确是一个相当棒的系列设计——秋天、春天、夏天和冬天。

Tennessee - Spring

Tennessee - Summer

Tennessee - Winter

Five Runs

Branded07

Cappuccino

具有非常好的可用性的且很有组织性的网站。

LightCMS

LightCMS公司的一些铅笔/速写效果，网站上仍然能体现他们公司的感觉。

The First Twenty

非常漂亮的单页设计。

YouLove.Us

非常完美的使用CSS和JavaScript(jQuery)

Luke Larsen

Luke Larsen的水族馆主题很好的证明如何使用好jQuery的Scrollto 插件.

Design Disease

波浪和各种圆形让这个网站变得很生动有趣。

Adaptd

虽然设计风格让我想起了ISO50 (Scott Hansen)，但它仍然值得推荐。

Jason Santa Maria

Electricurrent

这个网站证明了如何使用超大背景图片来展现摄影作品。

Training by Collective Idea

MacAllan Ridge

很好的视觉设计，简单的导航！棒极了！

Pikaboo

组合了CSS、JavaScript和Flash的非常酷的设计。

Mochi Ads

Volll

Fling Media

eWedding

Viget

Viget很好的在他们的系列博客中保持了他们的品牌形象——Inspire, Advance, Engage, and Extend.

Viget - Inspire

Viget - Advance

Viget - Engage

Viget - Extend

August

使用了Flash可扩展背景图片的惊人设计（调整浏览器的尺寸可看到扩展后的背景图）

Car Freaks

这个博客会经常更换他们的首页背景图片来保持新鲜感。

Go To China

这个一个使用高清晰度照片作为网站背景图的完美实例。在调整浏览器大小后网站的背景图也会随之扩展。（使用JavaScript CSS实现）

Jesus Christ

Billy Hughes

Free People

FreePeople 是我一直很喜欢的设计（喜欢它的拼贴风格）

Mouse to Minx

复古…性感…

Dara’s Garden

Design Sponge

剪贴薄设计风格与网站的内容很好的结合。

Ma.tt

The Lippincott

Hot Meteor

喜欢它的复古字体。

Fortyseven Media

The Old State

很少能找到这样漂亮的黑白主题。

英文原文:Best of CSS Design 2008

资源收集自互联网