Home Home PKthink Web Design - 繁体中文 繁体中文 PKthink Web Design - 简体中文 简体中文 Contact Us Contact Us
PKthink Web Design

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