85个国外优秀的响应式网页设计作品范例【系列一】
2012-01-06 08:54
3123 查看
响应式网页设计是时下网页设计领域最热门的话题之一,该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出(详见:Responsive Web Design),其目标是要让设计的网站能够响应用户的行为,根据不同终端设备自动调整尺寸。今天开始推出系列文章向大家分享国外优秀的响应式网页设计作品范例,希望这些精美的网站能够帮助大家了解响应式网页设计。
Forefathers
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/978e8488727e6f16f4267b65d84e9a72.jpg)
Form CMS
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/012e41e7c2b487ee72985c0d562500f4.jpg)
Havoc Inspired
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/31df8dd248919346e26c45dbb9c41625.jpg)
Jet Cooper
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/f1a2615d5b14667f8b5f213b08e24b51.jpg)
Filidor Wiese
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/68389f7506380a9425507934d4165403.jpg)
Conferencia Rails
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/369ac0b431d0fefefb684204cb90f0f7.jpg)
Designing With Data
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/92d596edb642a538603eb989523f3e05.jpg)
The Happy Bit
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/4014dfbc5dcd04acc6174c135b58f50d.jpg)
Webdesign Yorkshire
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/29288fe686c38acd18344e9debce803b.jpg)
Highway Hurricanes
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/c2c1d78263f992100255431fab69bb24.jpg)
Simple Bits
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/51086c8df7be4ee04c6d1c628919a1b3.jpg)
2011 dConstruct
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/03884a45db5c34ea47e7b2217c63af85.jpg)
Hardboiled Webdesign
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/6fa9502be7d69cecf00d08b3211b44a9.jpg)
Stephen Caver
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/2e8deae272de2584321720696226d798.jpg)
Nicely Replayed
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/8f7cf74c0bc1c487916643758621e489.jpg)
Electric Pulp
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/846da17e959e901380c9ac34984cfa1d.jpg)
Teixido
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/f9a48e3837ddd5616adb1bb3a3e30e2e.jpg)
Edge of My Seat
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/77ebb78b18c234ed619475df461ad865.jpg)
梦想天空博客关注前端开发,展示最新HTML5和CSS3应用,分享jQuery插件,推荐优秀网页设计案例
Robot or Not
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/283d0ed5454a7fff5cee116219ef8af0.jpg)
Tee Gallery
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/f1cdf11f6223fca0e18133a9c460196c.jpg)
Camendesign Forum
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/549d4af9872f57d0cd7913ab85c004d0.jpg)
Authentic Jobs
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/bfab75557dec2596830344e4fd7bed28.jpg)
Lynn and Tonic
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/0cf0135a16b845dfdbffcad7db77dc89.jpg)
CalebAcuity
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/136dfd6769f2ef27588905c7aba0543d.jpg)
3200 Tigres
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/baad4bb482ef50d9589947dc9fd4c9f1.jpg)
Upper Dog
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/a88e64221b51c7a59d34675f78d77a35.jpg)
Five Simple Steps
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/ffae464cdc01cb71d0bc0c0aaeaca9d5.jpg)
Urban Svensson
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/0dfdbe6218b1ebf6f53ccbc1a9dce4f1.jpg)
您可能还喜欢
30个与众不同的国外优秀网站设计案例
10个精美的 HTML5 商业网站设计案例
30佳别出心裁的企业网站设计优秀作品
精选30个富有想象力的网站设计作品
大背景在网页设计中应用的30个优秀案例
英文来源:Amazing Showcase of Responsive Web Design
Forefathers
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/978e8488727e6f16f4267b65d84e9a72.jpg)
Form CMS
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/012e41e7c2b487ee72985c0d562500f4.jpg)
Havoc Inspired
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/31df8dd248919346e26c45dbb9c41625.jpg)
Jet Cooper
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/f1a2615d5b14667f8b5f213b08e24b51.jpg)
Filidor Wiese
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/68389f7506380a9425507934d4165403.jpg)
Conferencia Rails
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/369ac0b431d0fefefb684204cb90f0f7.jpg)
Designing With Data
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030175/92d596edb642a538603eb989523f3e05.jpg)
The Happy Bit
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/4014dfbc5dcd04acc6174c135b58f50d.jpg)
Webdesign Yorkshire
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/29288fe686c38acd18344e9debce803b.jpg)
Highway Hurricanes
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/c2c1d78263f992100255431fab69bb24.jpg)
Simple Bits
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/51086c8df7be4ee04c6d1c628919a1b3.jpg)
2011 dConstruct
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/03884a45db5c34ea47e7b2217c63af85.jpg)
Hardboiled Webdesign
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/6fa9502be7d69cecf00d08b3211b44a9.jpg)
Stephen Caver
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/2e8deae272de2584321720696226d798.jpg)
Nicely Replayed
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/8f7cf74c0bc1c487916643758621e489.jpg)
Electric Pulp
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/846da17e959e901380c9ac34984cfa1d.jpg)
Teixido
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030194/f9a48e3837ddd5616adb1bb3a3e30e2e.jpg)
Edge of My Seat
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/77ebb78b18c234ed619475df461ad865.jpg)
梦想天空博客关注前端开发,展示最新HTML5和CSS3应用,分享jQuery插件,推荐优秀网页设计案例
Robot or Not
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/283d0ed5454a7fff5cee116219ef8af0.jpg)
Tee Gallery
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/f1cdf11f6223fca0e18133a9c460196c.jpg)
Camendesign Forum
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/549d4af9872f57d0cd7913ab85c004d0.jpg)
Authentic Jobs
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/bfab75557dec2596830344e4fd7bed28.jpg)
Lynn and Tonic
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/0cf0135a16b845dfdbffcad7db77dc89.jpg)
CalebAcuity
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/136dfd6769f2ef27588905c7aba0543d.jpg)
3200 Tigres
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/baad4bb482ef50d9589947dc9fd4c9f1.jpg)
Upper Dog
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/a88e64221b51c7a59d34675f78d77a35.jpg)
Five Simple Steps
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030187/ffae464cdc01cb71d0bc0c0aaeaca9d5.jpg)
Urban Svensson
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030179/0dfdbe6218b1ebf6f53ccbc1a9dce4f1.jpg)
您可能还喜欢
30个与众不同的国外优秀网站设计案例
10个精美的 HTML5 商业网站设计案例
30佳别出心裁的企业网站设计优秀作品
精选30个富有想象力的网站设计作品
大背景在网页设计中应用的30个优秀案例
英文来源:Amazing Showcase of Responsive Web Design
相关文章推荐
- 85个国外优秀的响应式网页设计作品范例【系列一】
- 85个国外优秀的响应式网站设计作品范例【系列二】
- 85个国外优秀的响应式网站设计作品范例【系列二】
- 85个优秀的响应式网页设计(Responsive Web Design)作品范例
- 85个优秀的响应式网页设计(Responsive Web Design)作品范例
- 85个优秀的响应式网页设计(Responsive Web Design)作品范例
- 优秀网页设计:30佳精美的国外黑色风格网站作品
- 优秀网页设计:30佳精美的国外黑色风格网站作品
- 20佳优秀的国外简约风格网页设计作品
- 盘点2013年那些最优秀的网页设计作品【系列三】
- 优秀国外网页设计欣赏的200佳网站推荐(系列十二)
- 优秀网页设计:20佳别出心裁的国外单页网站作品
- 优秀国外网页设计欣赏的200佳网站推荐(系列十二)
- 优秀网页设计:30佳精美的国外黑色风格网站作品
- 200佳优秀的国外创意设计作品网站推荐(系列十七)
- 200佳优秀的国外创意设计作品网站推荐(系列十七)
- 优秀网页设计:30佳精美的国外黑色风格网站作品
- 盘点2013年那些最优秀的网页设计作品【系列五】
- 优秀网页设计:20佳别出心裁的国外单页网站作品