loading...

需要協助嗎?請隨時與我們聯繫

設計趨勢

Knowledge

最新網頁知識‧完整內容分享‧網路應用教學

設計趨勢 設計趨勢 設計趨勢 設計趨勢 設計趨勢

21 個自適應網頁設計 (Responsive Web Design) 的精彩範例

設計趨勢 62061 Views

隨著智慧型手機、平板電腦等行動裝置日益普及,為了因應每天推陳出新的螢幕尺寸規格,自適應網頁設計 (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

耘想科技有限公司
Scroll to Top