第一:網(wǎng)站響應(yīng)式設(shè)計的源起
簡而言之是指網(wǎng)頁根據(jù)屏幕寬度,做出相應(yīng)調(diào)整的,力求能夠達到在不同的設(shè)備下,內(nèi)容都能以最合適的方式展現(xiàn)給用戶。
第二:網(wǎng)站為什么要使用響應(yīng)式設(shè)計
如果你還對網(wǎng)站是否需要實現(xiàn)響應(yīng)式設(shè)計存在質(zhì)疑的話,相信下面的數(shù)字會讓您會更加認可網(wǎng)站實現(xiàn)響應(yīng)式布局的必要性。
1、86%的用戶認為企業(yè)的手機網(wǎng)站也應(yīng)該好看
2、智能手機用戶的數(shù)量在2014年已經(jīng)超過PC端的用戶數(shù)量
3、73%的用戶會同時使用多種設(shè)備(或者他們有智能手機)
4、49%的用戶稱:如果企業(yè)的手機網(wǎng)站做的不夠好,往往會給人不重視用戶體驗的錯覺
5、74%的智能手機擁有者之用手機上網(wǎng)
6、49%的手機用戶認為企業(yè)的移動網(wǎng)站還有改進的空間
7、據(jù)統(tǒng)計目前有17%的網(wǎng)絡(luò)流量都來自于手機
8、68%的網(wǎng)民表示,更喜歡用手機在那些用戶友好度高的電商網(wǎng)站平臺上進行購物
9、67%的移動設(shè)備用戶反應(yīng)移動網(wǎng)站的加載速度有待提高,響應(yīng)式設(shè)計的普及迫在眉睫
總結(jié):隨著越來越多的智能移動設(shè)備( 手機,平板 )加入到互聯(lián)網(wǎng)中來,互聯(lián)網(wǎng)上的訪問設(shè)備是爆炸性的增長(屏幕的分辨率也是爆炸性的增長)。為了給手機和平板設(shè)備提供更好的體驗,必須在網(wǎng)站設(shè)計中使用響應(yīng)式網(wǎng)站設(shè)計,并且整合從PC端到手機的各種屏幕尺寸和分辨率,用技術(shù)來使網(wǎng)頁適應(yīng)不同分辨率的屏幕。
第三:那么什么情況下更適合采用響應(yīng)式呢?
1、你想節(jié)約成本地去適應(yīng)更多場景
資源都是有限的,但總是希望能利用有限的資源去獲得更大的價值。雖然比起開發(fā)設(shè)計一個普通的網(wǎng)站來說,要打造一個響應(yīng)式站點,所需要的人力和時間資源都會有所增加,但比起為不同設(shè)備分別打造多個版本的成本還是要低很多;從維護的角度來說,也會輕松很多。
2、你并不清楚要設(shè)計開發(fā)的全新產(chǎn)品更適合哪個場景
與其通過預(yù)測挑選核心設(shè)備再進行分別設(shè)計,倒不如先花些心思將網(wǎng)站打造得更具彈性,使其在各種設(shè)備中都擁有盡可能優(yōu)秀體驗。因為在各方面都未知都情況下,做預(yù)測會加劇過程風(fēng)險,使得結(jié)果存在巨大的挑戰(zhàn)性。
3、你希望網(wǎng)站可以兼容未來的新設(shè)備
新的設(shè)備層出不窮,與其被動地進行更新維護,不如主動應(yīng)萬變,成為響應(yīng)式。 當(dāng)然這里只是說更適合,其實個人認為只要項目資源和時間允許,基本上大部分網(wǎng)站都可以去嘗試實現(xiàn)響應(yīng)式;而對于初次嘗試響應(yīng)式設(shè)計的,也可以從“簡單瀏覽型頁面”開始。
第四:設(shè)計響應(yīng)式網(wǎng)站的難點有哪些?
1、設(shè)計難
因為不能使用絕對定位,那么在設(shè)計的時候需要考慮可讀性以及區(qū)域面積以及在不同的設(shè)備下的行為。這對一般的設(shè)計師來說簡直是一場災(zāi)難。所以很少有出眾的響應(yīng)式網(wǎng)站出現(xiàn)。
2、實現(xiàn)更難
響應(yīng)式設(shè)計出的稿子,當(dāng)然還需要響應(yīng)式的實現(xiàn)。響應(yīng)式的基礎(chǔ)就是HTML5, CSS3。一般的建站公司,一般是沒有錢去聘用精通HTML5和CSS3技術(shù)的高手的。最多是讓程序員在寫代碼之前看2天書,然后就趕鴨子上架。這就導(dǎo)致了即使設(shè)計師設(shè)計出了很棒的模板,但是在實現(xiàn)了之后,怎么看怎么不舒服。
3、屏幕尺寸多,很難做到一次編碼,到處運行
4、成本大
因為響應(yīng)式設(shè)計需要對多個界面兼容、功能調(diào)試,導(dǎo)致整個制作過程需要UI設(shè)計師和前端工程師要不斷磨合制作。