site topic网站专题
首页
>
网站专题
>
专题详情
分享新闻到:

10个自适应Web设计实例

互诺科技:2012-10-09 17:59     阅读数:       标签:

自适应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