50个自适应Web设计实例

Responsive Web Design，自适应Web设计，也有翻译成响应式Web设计的，个人认为前者更准确些。可以简单地理解为，网页布局可根据用户的显示屏幕分辨率自动调整宽度及布局，例如4列1292像素宽的布局，转到1025像素宽度，可自动简化成2列。Responsive Web Design是完全不同于传统设计的一项技术，随着智能手机和电脑平板电脑的普及，越来越多的网页设计采用这种人性化的设计布局。

作为Web设计爱好者，想紧跟潮流学习一下Responsive Web Design，不妨参考下列站点先进的布局设计，助你尽快掌握这项热门技术，设计出更具创造性的Web页。

Simon Collison

Andersson-Wise Architects

 

Stephen Caver

Sparkbox

Food Sense

The Boston Globe

Think Vitamin

Sasquatch! Music Festival

Internet Images

Staffanstorp

Seminal Responsive Web Design Example

Naomi Atkinson

Forefathers Group

Spigot Design

New Adventures In Web Design Conference 2012

Illy Issimo

Arrrrcamp Conference

Robot or Not?

Earth Hour

Clean Air Commute Challenge

Launch Kit

Teixidó

Ribot

Deren Keskin

Sweet Hat Club

Glitch

dConstruct 2011

Adaptive Web Design

Authentic Jobs

 

Five Simple Steps

Splendid

Ryan O’Rourke

FlexSlider

El Sendero del Cacao

Do Lectures

St Paul’s School

Naomi Atkinson Design

Ben Handzo Photography

Stunning CSS3 Media Queries Example

Nordic Ruby Conference

Halifax Game Jam

Diablo Media

ASU Online

3200 Tigres

Pixelab

Kings Hill Cars

8 Faces

Asbury Agile

Alsacréations

Sleepstreet

原文：designmodo.com