2008年50个最佳CSS设计欣赏

2010-08-28 10:54:20来源:西部e网作者:

  这50个CSS网站是由WebDesignerWall评选出来的,很具参考价值。WebDesignerWall在07年还曾发表过best designs in 2007(在译言也有翻译版)我们在欣赏的同时,也能从中吸取很多灵感,也能从它们的源代码中学习更高级的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

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

\

点击查看原文/来源链接

关键词:CSS

赞助商链接: