21 個自適應網頁設計 (Responsive Web Design) 的精彩範例
隨著智慧型手機、平板電腦等行動裝置日益普及,為了因應每天推陳出新的螢幕尺寸規格,自適應網頁設計 (Responsive Web Design) 也因此而產生了。
所謂自適應網頁,又稱為響應式網頁,就是產生出來的網頁內容,可以自動適應任何尺寸的螢幕,不管是桌上型電腦、平板電腦的寬螢幕還是手機的窄小螢幕,都可以隨著版面自動更改編排方式並且正確的顯示網頁內容,而且完全不影響閱讀的便利性。要能達到這樣的效果,當然也需要更高階的網頁技術,也就是所謂的 "液態排版 (Liquid Layout)" 。
與一般獨立的手機版網頁設計不同之處,透過自適應網頁技術,不論您是從桌上型電腦、筆記型電腦、平板電腦或智慧型手機來上網,都能看到相同的網頁內容,不論文字、圖片皆可完整瀏覽。
接下來就讓我們一起來欣賞國外的自適應網頁設計案例:
British America Household Staffing
Designed to Move
Fhoke
Evolve
Digital Atelier
Andrew Lohman
Yaron Schoen
Friends of the Web
Simon Foster
Nudge
Johann Lucchini
Roy Barber
Face.Works.
Lab Fiftyfive
oak.is
FortyOneTwenty
Colorkite
Louis Gubitosi
Substrakt
Julie Lavergne
The Brigade