25佳优秀的流体和响应式布局网页设计案例

简介:   响应式网页设计是时下网页设计领域最热门的话题之一,该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出(详见:Responsive Web Design),其目标是要让设计的网站能够响应用户的行为,根据不同终端设备自动调整尺寸。

  响应式网页设计是时下网页设计领域最热门的话题之一,该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出(详见:Responsive Web Design),其目标是要让设计的网站能够响应用户的行为,根据不同终端设备自动调整尺寸。今天这篇文章收集了25佳优秀的流体和响应式布局网页设计案例,希望能带给你灵感。

1. BigBite Creative

BigBite Creative

2. Space150

Space150

3. Dave Carter

Dave Carter

4. Boston Globe

Boston Globe

5. TechStars

TechStars

6. Colbow Design

Colbow Design

7. Paul Robert Lloyd

Paul Robert Lloyd

8. MogoTix

MogoTix

9. Elliot Jay Stocks

Elliot Jay Stocks

10. HatBox

HatBox

11. Rally Interactive

Rally Interactive

12. Thrive Solo

Thrive Solo

13. Fueled by Design

Fueled by Design

14. Food Drink Europe

Food Drink Europe

15. Sunday Best Designs

Sunday Best Designs

16. World Skills London 2011

World Skills London 2011

17. Woolly Robot

Woolly Robot

18. Phil Coffman

Phil Coffman

19. Zync

Zync

20. William Csete

William Csete

21. Lefft

Lefft

22. CSSOff

CSSOff

23. ChimpChomp

ChimpChomp

24. Best Web Gallery

Best Web Gallery

25. Jon Rundle

Jon Rundle

您可能还喜欢

 

 

英文来源:Fresh Responsive Design for Your Inspiration

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

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
移动开发 JavaScript 前端开发
经典网页设计:20例简洁精美的着陆页面设计
  在互联网营销中,着陆页(Landing Page)有时被称为引导页或者首要捕获用户页,可以简单划分为参考型引导页、交易型引导页和压缩型引导页。与普通的网页不同,着陆页需要完成特殊的使命,它需要把访问者引导到他们想去的网页,着陆页并不是目标页,而只是引导访问者到目标页的一个中间页面。
1019 0
|
前端开发 HTML5 移动开发
经典网页设计:15个使用网格系统的精美网站作品
  网格系统是一个非常好的方案,能够给网站带来清晰的结构,平衡网站的内容布局。对于网页设计和制作人员来说,网格系统能够帮助他们更加轻松的组织页面内容。今天这篇文章收集了15个应用网格系统(Grid System)进行设计和制作的优秀网站案例,分享给大家作为学习和参考的范例。
1066 0
|
前端开发 HTML5 移动开发
经典网页设计:六边形在网页设计中应用的精美案例
  这篇文章继续向大家分享一系列的国外创意网页设计作品,这些作品都是从网上挑选出来的精品,相信能带给你不一样的视觉体验。今天这篇文章给大家带来的是六边形(Hexagons)元素在网页设计中应用的优秀示例,这些网页设计作品在六边形的运用方面独具匠心,值得学习!相信这些优秀的精美网站设计案例能够带给您灵感,帮助你设计出更加优秀的网页作品。
1377 0
|
UED 前端开发
优秀网页设计:图标在网页设计中应用的20佳案例
  图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。在网页中,图标是非常重要的组成部分,合理使用图标能够增强网站的用户体验。下面收集了20佳优秀的应用图标的网站案例,希望能带给您灵感。
841 0
20佳非常有创意的About页面设计
  关于页面是对于一个网站来说非常重要,它能让访客了解到正在访问的网站背后的个人信息或者公司信息。很多的个人网站都会有自我介绍页面,用于介绍作者的个人信息,如联系方式,职业等等。今天这篇文章收集了20佳优秀的About页面设计,希望能带给你灵感。
821 0
20佳优秀的国外简约风格网页设计作品
  什么样的网站才能称得上是简约风格的呢?有些人认为,一个优秀的简约风格网站应该是拥有尽可能少的设计元素,而另外一些人则觉得,元素的数量不是关键,它们组合在一起的方式才是最重要的。这篇文章向大家分享20佳国外优秀的简约风格网页设计作品,简约而不简单,一起欣赏。
894 0
|
前端开发 HTML5 移动开发
纯色背景在网页设计中应用的20佳优秀案例
  在网页设计中,页面背景有很多种形式。例如有的网页更适合使用纹理或者大图片作为背景,而有的网页可能使用单一的纯色作为背景更有意义。今天这篇文章收集的20佳优秀的网页设计案例向您展示在网页中使用单一的纯色背景所产生的奇特效果。
777 0
|
Web App开发 前端开发
45佳优秀的 Photoshop 网页设计布局教程
  网页布局是网页设计的关键,不管是简单的还是复杂的网页布局,通过 Photoshop 都能得心应手。今天这篇文章向大家分享45佳优秀的Photoshop网页设计布局教程。相信看完这些教程,你也可以设计出漂亮的网页作品。
1049 0
|
JavaScript 前端开发 HTML5
75佳精美的 CSS 网页设计作品【全集】
  CSS 定义如何显示 HTML 元素,用于控制Web页面的外观。通过使用CSS实现页面的内容与表现形式分离,极大提高了工作效率 。然而因为浏览器兼容性问题,要使用 CSS 制作出高质量的网站不容易。
1892 0