第一：網(wǎng)站響應式設計的源起

簡(jiǎn)而言之是指網(wǎng)頁(yè)根據屏幕寬度，做出相應調整的，力求能夠達到在不同的設備下，內容都能以最合適的方式展現給用戶(hù)。

第二：網(wǎng)站為什么要使用響應式設計

   如果你還對網(wǎng)站是否需要實(shí)現響應式設計存在質(zhì)疑的話(huà)，相信下面的數字會(huì )讓您會(huì )更加認可網(wǎng)站實(shí)現響應式布局的必要性。

1、86%的用戶(hù)認為企業(yè)的手機網(wǎng)站也應該好看

2、智能手機用戶(hù)的數量在2014年已經(jīng)超過(guò)PC端的用戶(hù)數量

3、73%的用戶(hù)會(huì )同時(shí)使用多種設備(或者他們有智能手機)

4、49%的用戶(hù)稱(chēng)：如果企業(yè)的手機網(wǎng)站做的不夠好，往往會(huì )給人不重視用戶(hù)體驗的錯覺(jué)

5、74%的智能手機擁有者之用手機上網(wǎng)

6、49%的手機用戶(hù)認為企業(yè)的移動(dòng)網(wǎng)站還有改進(jìn)的空間

7、據統計目前有17%的網(wǎng)絡(luò )流量都來(lái)自于手機

8、68%的網(wǎng)民表示，更喜歡用手機在那些用戶(hù)友好度高的電商網(wǎng)站平臺上進(jìn)行購物

9、67%的移動(dòng)設備用戶(hù)反應移動(dòng)網(wǎng)站的加載速度有待提高，響應式設計的普及迫在眉睫

   總結：隨著(zhù)越來(lái)越多的智能移動(dòng)設備( 手機，平板 )加入到互聯(lián)網(wǎng)中來(lái)，互聯(lián)網(wǎng)上的訪(fǎng)問(wèn)設備是爆炸性的增長(cháng)(屏幕的分辨率也是爆炸性的增長(cháng))。為了給手機和平板設備提供更好的體驗，必須在網(wǎng)站設計中使用響應式網(wǎng)站設計，并且整合從PC端到手機的各種屏幕尺寸和分辨率，用技術(shù)來(lái)使網(wǎng)頁(yè)適應不同分辨率的屏幕。

第三：那么什么情況下更適合采用響應式呢?

1、你想節約成本地去適應更多場(chǎng)景

   資源都是有限的，但總是希望能利用有限的資源去獲得更大的價(jià)值。雖然比起開(kāi)發(fā)設計一個(gè)普通的網(wǎng)站來(lái)說(shuō)，要打造一個(gè)響應式站點(diǎn)，所需要的人力和時(shí)間資源都會(huì )有所增加，但比起為不同設備分別打造多個(gè)版本的成本還是要低很多;從維護的角度來(lái)說(shuō)，也會(huì )輕松很多。

2、你并不清楚要設計開(kāi)發(fā)的全新產(chǎn)品更適合哪個(gè)場(chǎng)景

   與其通過(guò)預測挑選核心設備再進(jìn)行分別設計，倒不如先花些心思將網(wǎng)站打造得更具彈性，使其在各種設備中都擁有盡可能優(yōu)秀體驗。因為在各方面都未知都情況下，做預測會(huì )加劇過(guò)程風(fēng)險，使得結果存在巨大的挑戰性。

3、你希望網(wǎng)站可以兼容未來(lái)的新設備

   新的設備層出不窮，與其被動(dòng)地進(jìn)行更新維護，不如主動(dòng)應萬(wàn)變，成為響應式。 當然這里只是說(shuō)更適合，其實(shí)個(gè)人認為只要項目資源和時(shí)間允許，基本上大部分網(wǎng)站都可以去嘗試實(shí)現響應式;而對于初次嘗試響應式設計的，也可以從“簡(jiǎn)單瀏覽型頁(yè)面”開(kāi)始。

第四：設計響應式網(wǎng)站的難點(diǎn)有哪些？

1、設計難

   因為不能使用絕對定位，那么在設計的時(shí)候需要考慮可讀性以及區域面積以及在不同的設備下的行為。這對一般的設計師來(lái)說(shuō)簡(jiǎn)直是一場(chǎng)災難。所以很少有出眾的響應式網(wǎng)站出現。

2、實(shí)現更難

   響應式設計出的稿子，當然還需要響應式的實(shí)現。響應式的基礎就是HTML5, CSS3。一般的建站公司，一般是沒(méi)有錢(qián)去聘用精通HTML5和CSS3技術(shù)的高手的。最多是讓程序員在寫(xiě)代碼之前看2天書(shū)，然后就趕鴨子上架。這就導致了即使設計師設計出了很棒的模板，但是在實(shí)現了之后，怎么看怎么不舒服。

3、屏幕尺寸多，很難做到一次編碼，到處運行

4、成本大

   因為響應式設計需要對多個(gè)界面兼容、功能調試，導致整個(gè)制作過(guò)程需要UI設計師和前端工程師要不斷磨合制作。