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

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

您还可以参考以下CSS相关资源:

精选15个国外CSS框架
推荐20个让你学习并精通CSS的网站
20+漂亮的网站分类存档设计赏析(下)
20+漂亮的网站分类存档设计赏析(上)
推荐80个使用超大背景图片的网站设计》 

 

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-实例

 

posted @ 2018-03-02 16:20  ShareAndCreate  阅读(446)  评论(0编辑  收藏  举报