欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

[组图]2008年国外50个最佳CSS设计欣赏

javascript 夜阑小雨 1021℃ 0评论

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

Let It Bleed

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

2009-网页设计-趋势

Vermont Coffee Works

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

css-欣赏

Digital Mash

2008-css-网站

Good

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

css-实例

Wilson Miner

css-设计

DrupalCon, DC

外国-css-实例

Future of Web Apps – Miami 2009

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

css-欣赏

Housing Works

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

2008-css-网站

Future of Web Design – NYC 2008

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

css-实例

Tennessee – Fall

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

css-实例

Tennessee – Spring

css-设计

Tennessee – Summer

外国-css-实例

Tennessee – Winter

css-欣赏

Five Runs

2008-css-网站

Branded07

css-实例

Cappuccino

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

css-设计

LightCMS

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

外国-css-实例

The First Twenty

非常漂亮的单页设计。

css-欣赏

YouLove.Us

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

2008-css-网站

Luke Larsen

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

css-实例

Design Disease

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

css-设计

Adaptd

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

外国-css-实例

Jason Santa Maria

css-欣赏

Electricurrent

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

2008-css-网站

Training by Collective Idea

css-实例

MacAllan Ridge

很好的视觉设计,简单的导航!棒极了!

css-设计

Pikaboo

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

外国-css-实例

Mochi Ads

css-欣赏

Volll

2008-css-网站

Fling Media

css-实例

eWedding

css-设计

Viget

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

外国-css-实例

Viget – Inspire

css-欣赏

Viget – Advance

2008-css-网站

Viget – Engage

css-实例

Viget – Extend

css-设计

August

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

外国-css-实例

Car Freaks

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

css-欣赏

Go To China

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

2008-css-网站

Jesus Christ

css-实例

Billy Hughes

css-设计

Free People

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

外国-css-实例

Mouse to Minx

复古…性感…

css-实例

Dara’s Garden

css-设计

Design Sponge

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

外国-css-实例

Ma.tt

css-欣赏

The Lippincott

2008-css-网站

Hot Meteor

喜欢它的复古字体。

css-实例

Fortyseven Media

css-设计

The Old State

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

外国-css-实例

转载请注明:夜阑小雨 » [组图]2008年国外50个最佳CSS设计欣赏

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址