什么是響應(yīng)式設(shè)計，響應(yīng)式網(wǎng)站設(shè)計的基本原理
分類: 知道
常識詞典
編輯 : 常識
發(fā)布 : 11-24
閱讀 :309
隨著智能型手機(jī)及平板計算機(jī)的普及，越來越多用戶使用它上網(wǎng)，近年來大家開始重視手機(jī)及平板上的網(wǎng)頁視覺效果，不但設(shè)計類網(wǎng)站已經(jīng)開始朝向響應(yīng)式網(wǎng)頁設(shè)計，企業(yè)官網(wǎng)、甚至政府部門網(wǎng)站，也開始改成響應(yīng)式網(wǎng)頁設(shè)計，但多數(shù)人對于響應(yīng)式網(wǎng)頁設(shè)計(Responsive web design，簡稱為RWD )還不太了解，響應(yīng)式網(wǎng)頁設(shè)計是一種網(wǎng)頁設(shè)計的技術(shù)做法，該設(shè)計可使網(wǎng)站在多種瀏覽裝置，如桌面計算機(jī)到智能型手機(jī)、平板計算機(jī)或其他移動產(chǎn)品裝置上，閱讀和導(dǎo)航，同時減少縮放、平移和卷動。響應(yīng)式網(wǎng)頁設(shè)計使用CSS3 media queries方式，以百分比的方式及彈性的畫面設(shè)計，在不同解像度下改變網(wǎng)頁頁面的布局，讓不同的設(shè)備都可以正常瀏覽同一網(wǎng)站，提供最佳的視覺體驗(yàn)。接下來華企助力的開發(fā)團(tuán)隊(duì)就跟大家說說響應(yīng)式設(shè)計的一些優(yōu)勢和特點(diǎn)。 一、響應(yīng)式設(shè)計的優(yōu)勢 1. 如果網(wǎng)站還是傳統(tǒng)的網(wǎng)頁設(shè)計，在智能型手機(jī)上無法有良好的顯示效果，就必須使用RWD響應(yīng)式設(shè)計網(wǎng)頁，才能滿足消費(fèi)者的在手機(jī)上瀏覽網(wǎng)頁的需求。 2. 網(wǎng)站開發(fā)成本及時間較低，傳統(tǒng)的網(wǎng)頁設(shè)計，如果要針對桌面計算機(jī)、智能型手機(jī)、平板計算機(jī)等不同分辨率的裝置，分別開發(fā)不同的網(wǎng)頁，要花費(fèi)比較多的時間及開發(fā)成本，改用RWD響應(yīng)式設(shè)計網(wǎng)頁，就可以同時適用于手機(jī)、平板等不同裝置，開發(fā)成本及時間較低。 3. 維護(hù)較方便，采用RWD響應(yīng)式設(shè)計網(wǎng)頁，只要維護(hù)1種網(wǎng)頁版本，維護(hù)成本比較低也比較方便。 二、響應(yīng)式設(shè)計在APP應(yīng)用程序領(lǐng)域的應(yīng)用 響應(yīng)式網(wǎng)頁設(shè)計RWD，已經(jīng)被大多數(shù)的網(wǎng)頁設(shè)計師所認(rèn)同，并逐步應(yīng)用在不同領(lǐng)域的網(wǎng)頁設(shè)計上。除此之外，響應(yīng)式設(shè)計也被應(yīng)用于手機(jī) APP程序設(shè)計。 APP除了要考慮不同尺寸的裝置屏幕顯示外，也要考慮直式屏幕(Portrait)及橫式屏幕(Landscape)的差異；現(xiàn)在比較普遍的手機(jī)尺寸有3.7-6英寸，平板計算機(jī)也有7-10英寸等不同尺寸，APP應(yīng)用程序在設(shè)計UI畫面時，就可導(dǎo)入響應(yīng)式設(shè)計的概念，讓APP可同時適用于不同尺寸裝置，或依照你的APP特性，只提供Portrait模式或Landscape模式。 如在iPhone上大部份的APP采用Portrait，以單手操作而言直式屏幕可觸控的范圍最廣、最容易操作，用戶也習(xí)慣這樣的操作模式，不會想到將手機(jī)轉(zhuǎn)為橫式操作。但某些游戲APP，為了有較寬的游戲畫面，會將游戲畫面設(shè)計為Landscape，一般APP，除非有必要，其實(shí)可以不需制作 Landscape畫面。 響應(yīng)式設(shè)計，不僅僅只有響應(yīng)式網(wǎng)頁設(shè)計，越來越多APP應(yīng)用程序的UI接口設(shè)計，也都采用響應(yīng)式設(shè)計，希望能開發(fā)出符合不同尺寸的裝置使用的APP，除了手機(jī)、平板等裝置之外，Smart TV上也有越來越多的APP程序，如何讓50-60英寸的Smart TV與手機(jī)、平板的APP，有相同的使用體驗(yàn)，導(dǎo)入響應(yīng)式設(shè)計已經(jīng)是現(xiàn)在的趨勢。
