響應(yīng)式網(wǎng)頁的界面設(shè)計(jì)研究.pdf

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

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

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

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

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