響應式網頁的界面設計研究.pdf

1、隨著移動互聯(lián)網的越來越普及，越來越多各式各樣的移動設備出現(xiàn)在人們的日常生活里，如移動電話、平板電腦、智能手表等，它們顯示屏的分辨率各不相同，若網頁設計者為每種設備和分辨率開發(fā)一個適應它們屏幕大小的頁面，這樣的設計會產生效率極低的情況，而且對于網頁動態(tài)的更新也更加不便。如果按照傳統(tǒng)網頁設計方式去設計網頁，面對越來越多的便攜式終端和終端下的眾多型號，為每一種型號打造一個網頁，然后等待這些終端更新?lián)Q代時又要把所有網頁重新做一遍，這種情況下導致

2、的局面就是所有的網頁將需要為適應各種終端而頻繁的更改，除此之外還需要制作各種各樣的不同分辨率以及大小的網頁版本，在強調智能化和自動化的現(xiàn)在肯定是費時笨拙，不合時宜的方式。而且，在網頁設計和開發(fā)高度市場化的今天，這種過時方法肯定會很快被市場淘汰，而且當我們想要為每一種不同設備的不同分辨率去各自設計一個獨一無二的版本的想法是根本行不通的，雖然這樣做可能會受到一些特定設備用戶的青睞，但是我們失去的將是絕大多數(shù)的不使用這種設備的用戶。此種情況下

3、，響應式網頁的出現(xiàn)就為我們解決了這一困擾?？缃K端網頁的實現(xiàn)最終關鍵還是需要依附于響應式網頁的設計，它使得網頁能夠根據(jù)訪問設備的環(huán)境（包括屏幕分辨率、訪問的瀏覽器、設備的類型、設備的配置等）對自身進行調整，如根據(jù)訪問設備分辨率的大小對網頁和圖片的像素、尺寸等進行適當調整，這樣對移動終端使用者無疑提供了更加舒適的視覺瀏覽感受。換而言之，無論人們的移動設備是iPhone、iPad、小米手機、kindle、或者是時下最流行的iwatch，都可以

4、為它們的顯示屏打造特定的一款網頁頁面——因此響應式網頁頁面分辨率必須兼容任何設備。響應式網頁設計的實現(xiàn)必須運用最新的設計手段，比如使用彈性布局、CSS media query、甚至還有一些扁平化圖標。所以，不管是使用筆記本還是iPad或者是移動手機客戶端的用戶瀏覽網頁，響應式的網頁都能自動適應然后進行分辨率的調整，頁面和圖片大小都會發(fā)生相應的變化。響應式網頁的出現(xiàn)就是避免我們?yōu)槊恳环N設備做專門的設計研究與開發(fā)，從而能夠自動響應各種不同的

5、設備。總而言之，響應式網頁的盛行是為了使我們在設計網頁的過程中能更加簡化設計的流程以及提高工作效率。
　　針對目前各執(zhí)己見的響應式網頁界面設計風格，本文試著從響應式這一詞談起，追溯響應式網頁起源，定義響應式網頁的特征以及設計原則。把APP和響應式網頁開發(fā)進行對比，總結出響應式興起的必然性和自身的局限性，具體分析了響應式設計興起的幾點緣由。從界面設計的角度剖析響應式網頁帶來的種種變化,指出響應式界面設計的本質不僅僅外觀形式的新穎，更