引领网页设计潮流的优秀网页作品赏析《第二季》

我就是我 2021-11-22 08:08 250阅读 0赞

每天都有很多新的网站推出，其中不乏一些设计优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。

您可能感兴趣的相关文章

*  [经典网页设计：30个创意的 CSS 应用案例][30_ CSS]
 *  [经典网页设计：25个应用视差滚动单页网站][25]
 *  [经典网页设计：20个新鲜出炉 HTML5 网站][20_ HTML5]
 *  [经典网页设计：20例简洁精美着陆页面设计][20]
 *  [经典网页设计：20个简约风格电子商务网站][20 1]

### [Couleur de peau : Miel][Couleur de peau _ Miel] ###

这个网站把滚动导航技术运用得恰到好处，平滑的场景切换，让人仿佛有一种身临其境的感觉。

[![50 Best Websites They Winning CSS Awards In 2012][]][Couleur de peau _ Miel]

### [Merca Doctor – Mkt Agency][Merca Doctor _ Mkt Agency] ###

如果您的企业销售收入很低，需要帮助的话，Merca Doctor 提供了很多好的想法。这个网站在设计上，使用形象的图片配上动画效果，极具吸引力。

[![50 Best Websites They Winning CSS Awards In 2012][50 Best Websites They Winning CSS Awards In 2012 1]][Merca Doctor _ Mkt Agency]

### [Sadowsky Berlin Branding][] ###

Sadowsky Berlin 是一家专门从事包装设计和企业品牌的公司。网站使用了比较常见的多层背景移动技术。

[![50 Best Websites They Winning CSS Awards In 2012][50 Best Websites They Winning CSS Awards In 2012 2]][Sadowsky Berlin Branding]

### [Viens-la Agency][] ###

这个网站展示这家工作室的作品，最大的亮点是网站底部的头像会随着鼠标的移动而移动，好玩！

[![50 Best Websites They Winning CSS Awards In 2012][50 Best Websites They Winning CSS Awards In 2012 3]][Viens-la Agency]

### [Bobadilium][] ###

这不是一般的咨询公司，看看 Bobadilium 的网站就能感觉和其他的咨询公司大不一样。网站使用了复古风格的设计。

[![50 Best Websites They Winning CSS Awards In 2012][50 Best Websites They Winning CSS Awards In 2012 4]][Bobadilium]

### [LASALLE College of the Arts][] ###

新加坡拉萨尔艺术学院，是东南亚最著名的艺术学院之一，官方网站在设计上充满艺术特色。

[![50 Best Websites They Winning CSS Awards In 2012][50 Best Websites They Winning CSS Awards In 2012 5]][LASALLE College of the Arts]

### [Campbell Harrison][] ###

该网站使用滚动导航和大量的动画效果，让用户在在浏览的时候不会那么枯燥无味。

[![50 Best Websites They Winning CSS Awards In 2012][50 Best Websites They Winning CSS Awards In 2012 6]][Campbell Harrison]

### [WWF Food Story][] ###

这个网站使用充满互动性的演示告诉人们我们的饮食习惯对我们这个星球的影响。

[![50 Best Websites They Winning CSS Awards In 2012][50 Best Websites They Winning CSS Awards In 2012 7]][WWF Food Story]

### [Hard Graft][] ###

这个一个电子商务网站，销售手工皮包，纯羊毛的毡套，可以用于保护 MacBook, iPad, iPhone 和配件。

[![50 Best Websites They Winning CSS Awards In 2012][50 Best Websites They Winning CSS Awards In 2012 8]][Hard Graft]

### [Kickers.it][] ###

这个也是电子商务网站，销售鞋类产品。貌似改版了，网站效果没有以前那么好看。

[![SouthEast][]][Kickers.it]

您可能感兴趣的相关文章

*  [25个以全屏照片为背景的精美网页作品][25 1]
 *  [30个与众不同的国外优秀网站设计案例][30][  
    ][Link 1]
 *  [10个精美的 HTML5 商业网站设计案例][10_ HTML5]
 *  [35个立体动感的视差滚动效果网站作品][35]
 *  [25个优秀的国外单页网站设计作品欣赏][25 2]

本文链接：[引领网页设计潮流的创意网页作品赏析《系列二》][Link 2][  
][Link 3]

编译来源：[梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源][_ _ _]

hide

[30_ CSS]: http://www.cnblogs.com/lhb25/archive/2013/05/22/30-creative-implementations-of-css-in-web-design.html
[25]: http://www.cnblogs.com/lhb25/archive/2013/04/16/one-page-websites-that-are-using-parallax-scrolling.html
[20_ HTML5]: http://www.cnblogs.com/lhb25/archive/2013/03/28/fresh-examples-of-websites-using-html5.html
[20]: http://www.cnblogs.com/lhb25/archive/2012/11/29/20-simple-and-beautiful-landing-pages.html
[20 1]: http://www.cnblogs.com/lhb25/archive/2013/03/11/20-clean-and-minimal-ecommerce-designs.html
[Couleur de peau _ Miel]: http://www.couleurdepeaumiel-lefilm.com/
[50 Best Websites They Winning CSS Awards In 2012]: http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2012/06/website-2012-42.jpg
[Merca Doctor _ Mkt Agency]: /images/20211122/159fe556f9b9414bbd5731fd48bcc41a.png
[50 Best Websites They Winning CSS Awards In 2012 1]: http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2012/06/website-2012-41.jpg
[Sadowsky Berlin Branding]: /images/20211122/e758c3b3634b48479227afd4b0306212.png
[50 Best Websites They Winning CSS Awards In 2012 2]: http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2012/06/website-2012-43.jpg
[Viens-la Agency]: http://www.viens-la.com/
[50 Best Websites They Winning CSS Awards In 2012 3]: http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2012/06/website-2012-44.jpg
[Bobadilium]: /images/20211122/2792812ba2cf42ccb87d84c9f0501073.png
[50 Best Websites They Winning CSS Awards In 2012 4]: http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2012/06/website-2012-45.jpg
[LASALLE College of the Arts]: /images/20211122/05509666e8bd44b6babf76db91d8fa45.png
[50 Best Websites They Winning CSS Awards In 2012 5]: http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2012/06/website-2012-46.jpg
[Campbell Harrison]: /images/20211122/38aede47b32b46dbb1b7e94b622351a5.png
[50 Best Websites They Winning CSS Awards In 2012 6]: http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2012/06/website-2012-47.jpg
[WWF Food Story]: /images/20211122/9458955d3148424888bc1c5f0b1fb4bc.png
[50 Best Websites They Winning CSS Awards In 2012 7]: http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2012/06/website-2012-48.jpg
[Hard Graft]: /images/20211122/18c239acae1e4c54860aee8c4d692d26.png
[50 Best Websites They Winning CSS Awards In 2012 8]: http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2012/06/website-2012-49.jpg
[Kickers.it]: http://www.kickers.it/
[SouthEast]: /images/20211122/97af6261cd47412985d3a138bdcf66e8.png
[25 1]: http://www.cnblogs.com/lhb25/archive/2012/10/29/stunning-big-backgrounds.html
[30]: http://www.cnblogs.com/lhb25/archive/2011/12/16/30-well-designed-website.html
[Link 1]: http://www.cnblogs.com/lhb25/archive/2011/12/08/eyecatching-portfolio-website-designs.html
[10_ HTML5]: http://www.cnblogs.com/lhb25/archive/2011/11/03/html5-business-websites-inpiration.html
[35]: http://www.cnblogs.com/lhb25/archive/2012/05/16/parallax-scrolling-effect-web-design.html
[25 2]: http://www.cnblogs.com/lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html
[Link 2]: http://www.cnblogs.com/lhb25/p/css-awards-websites-two.html
[Link 3]: http://webdesignledger.com/inspiration/18-websites-that-take-scrolling-to-the-next-level
[_ _ _]: http://www.cnblogs.com/lhb25/