基于響應(yīng)式Web設(shè)計(jì)中用戶界面的分析與探究.pdf

1、如今，互聯(lián)網(wǎng)的蓬勃發(fā)展帶動(dòng)了各種設(shè)備的興起。大屏幕設(shè)備的普及與小屏幕移動(dòng)設(shè)備的快速發(fā)展，導(dǎo)致多種設(shè)備屏幕尺寸和分辨率的差異性。為大屏幕設(shè)備設(shè)計(jì)固定模式的傳統(tǒng)網(wǎng)頁(yè)無(wú)法適應(yīng)現(xiàn)代小型移動(dòng)設(shè)備屏幕的變換與更新。用戶的瀏覽方式逐漸由傳統(tǒng)的桌面電腦向便攜的移動(dòng)設(shè)備轉(zhuǎn)變。面對(duì)這種轉(zhuǎn)變形式，網(wǎng)頁(yè)設(shè)計(jì)者需要共同解決一個(gè)重要難題：網(wǎng)頁(yè)設(shè)計(jì)亟需一種新技術(shù)來(lái)順應(yīng)互聯(lián)網(wǎng)終端的變革，用以解決單個(gè)網(wǎng)站的頁(yè)面布局能兼容多種設(shè)備的功能。伊?！ゑR科特為此提出了“響應(yīng)式網(wǎng)頁(yè)

2、設(shè)計(jì)”，這已成為跨終端適配的最佳解決方案，這是一個(gè)新的設(shè)計(jì)理念，即將已有的流式布局、彈性圖片和媒體查詢等方法結(jié)合起來(lái)，運(yùn)用HTML5和CSS3等技術(shù)整合為一種新型的網(wǎng)頁(yè)設(shè)計(jì)模式。
　　響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)根據(jù)用戶使用設(shè)備的環(huán)境和行為，動(dòng)態(tài)調(diào)整頁(yè)面布局結(jié)構(gòu)，提升網(wǎng)站瀏覽速度，并呈現(xiàn)出更加美觀的頁(yè)面布局效果，同時(shí)解決了跨設(shè)備、跨瀏覽器的問題，使網(wǎng)頁(yè)內(nèi)容自動(dòng)響應(yīng)不同的瀏覽設(shè)備，呈現(xiàn)出不同的布局效果，進(jìn)而提升了用戶體驗(yàn)的滿意度。
　　本文

3、首先從響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展現(xiàn)狀出發(fā)，分析其存在的緣由與特性；其次，結(jié)合優(yōu)秀的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)實(shí)例，分析和探究響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的三個(gè)組成要素即媒體查詢、流式布局和彈性圖片的使用，通過(guò)理論與實(shí)踐相結(jié)合的方式，探討響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)在用戶界面中CSS3和HTML5的技術(shù)實(shí)踐，從而有效解決了傳統(tǒng)固定寬度模式中網(wǎng)頁(yè)設(shè)計(jì)的弊端，做出關(guān)于響應(yīng)式網(wǎng)頁(yè)的畢業(yè)設(shè)計(jì)作品，最后對(duì)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)未來(lái)發(fā)展的優(yōu)勢(shì)與缺陷進(jìn)行分析，提出響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的后續(xù)研究建議。