回首页 回首页 耘想科技台湾网页设计 - 繁体中文 繁体中文 耘想科技台湾网页设计 - ENGLISH ENGLISH 联络我们 联络我们
耘想科技台湾网页设计

21 个自适应网页设计 (Responsive Web Design) 的精彩范例

随着智能型手机、平板计算机等行动装置日益普及,为了因应每天推陈出新的屏幕尺寸规格,自适应网页设计 (Responsive Web Design) 也因此而产生了。

所谓自适应网页,又称为响应式网页,就是产生出来的网页内容,可以自动适应任何尺寸的屏幕,不管是桌面计算机、平板计算机的宽屏幕还是手机的窄小屏幕,都可以随着版面自动更改编排方式并且正确的显示网页内容,而且完全不影响阅读的便利性。要能达到这样的效果,当然也需要更高阶的网页技术,也就是所谓的 "液态排版 (Liquid Layout)" 。

与一般独立的手机版网页设计不同之处,透过自适应网页技术,不论您是从桌面计算机、笔记本电脑、平板计算机或智能型手机来上网,都能看到相同的网页内容,不论文字、图片皆可完整浏览。

接下来就让我们一起来欣赏国外的自适应网页设计案例:

British America Household Staffing

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Designed to Move

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Fhoke

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Evolve

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Digital Atelier

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Andrew Lohman

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Yaron Schoen

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Friends of the Web

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Simon Foster

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Nudge

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Johann Lucchini

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Roy Barber

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Face.Works.

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Lab Fiftyfive

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

oak.is

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

FortyOneTwenty

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Colorkite

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Louis Gubitosi

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Substrakt

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

Julie Lavergne

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

The Brigade

21 fresh Examples of Responsive Web Design
21 fresh Examples of Responsive Web Design

 

 

 

关于作者

I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

 

数据源:http://webdesignledger.com/inspiration/21-fresh-examples-of-responsive-web-design