做響應式網(wǎng)站 一定要考慮這幾點

“響應式網(wǎng)站設計(Responsive Web design)的理念是：集中創(chuàng)建頁面的圖片排版大小，可以智能地根據(jù)用戶行為以及使用的設備環(huán)境（系統(tǒng)平臺、屏幕尺寸、屏幕定向等）進行相對應的布局?！?/p>

以上來自百度百科，簡單來說，響應式網(wǎng)頁就是一個域名適配多種設備，網(wǎng)頁布局允許在設備轉(zhuǎn)換的情況下自行優(yōu)化，我們通常稱之為“下掉式排版“。在各類移動設備鋪天蓋地的當下，響應式網(wǎng)頁無疑是大部分人在進行網(wǎng)頁制作時候的優(yōu)先考慮對象，任何設計都不能十全十美，有優(yōu)勢必然就有缺點，首先讓我們看一下響應式網(wǎng)頁有哪些優(yōu)勢？

一．面對不同分辨率設備靈活性強

如今我們做設計稿時，為了力求視覺效果的大氣，通常用1920*1080這個尺寸作為一屏來進行設計，而有不少的情況下，當我們的設計稿進入前端交予客戶省查時，通常會發(fā)現(xiàn)，還有為數(shù)不少的客戶在用筆記本，也就是1440*600的屏幕，甚至還有更小的分辨率，此時，因為不是響應式的情況下，我們的設計呈現(xiàn)的方式讓人非常尷尬。

在小屏中，我們的篩選框被“吃掉了”！這個時候設計師就要苦惱地加班改出個小屏排版，這是很降低效率的重復性工作了。

另外，除了大小屏幕，現(xiàn)在大家都是低頭族，人不吃飯可以活5天，不喝水可以活1天，不拿手機1秒都坐立不安。當手機已經(jīng)包攬了幾乎別的電子設備所有的功能的時候，還有幾人會為了看一個網(wǎng)站而去開電腦呢？畢竟我們現(xiàn)在聊天，發(fā)圖片，刷微博，看資訊都是用手機，而一個不適配手機分辨率的網(wǎng)站會有什么結(jié)果呢？就是當你告知別人網(wǎng)址時，別人恰巧是用手機打開的時候，網(wǎng)頁會長什么樣子呢？

手機樣式真是擁擠不堪，眼睛都要瞎掉了！什么都看不清的情況下，我怎么按篩選框呢？當然只有放大啦！相信大家都有體會，當放大網(wǎng)頁時，填寫信息或者做篩選的時候是一件多么痛苦的事情。所以這個時候，響應式的優(yōu)勢就顯露無疑。

無論你是站著打開，坐著打開，躺著打開，網(wǎng)頁都能保持最初的那個美好的樣子。

二．不同設備操作起來沒有顧慮

什么時候我們會用手機去刷網(wǎng)頁？通常是需要無聊的度過很長一段時間的時候，比如地鐵上，這個時候我們是最有耐性去觀看一個網(wǎng)頁，甚至更深入的去探尋這個網(wǎng)頁的其他功能，而一個不適配的網(wǎng)頁，在操作上面必然有著鴻溝一般的障礙，成倍的消磨著使用者的耐性。

手指是有寬度的，所以手機端的按鈕尺寸有一定的規(guī)范，當網(wǎng)頁在最初設計的時候并不是奔著響應式這個條件的話，那么我們的網(wǎng)頁可能會出現(xiàn)這種情況，在pc端看起來非常好看的小元素以及合理的按鈕，用手機打開的時候，一切都變得不那么和諧了，選框之間的間距不夠，或者輸入框本身不夠大的時候，都會讓用戶在點擊使用的過程中發(fā)生錯誤從來產(chǎn)生操蛋心理，并對這類網(wǎng)站失望、反感。

而要是我們最初便是響應式的網(wǎng)站，并把這些因素考慮進去后，因為網(wǎng)頁是適配型，所以絕對不會出現(xiàn)手指擋住輸入框，或點錯等讓人奔潰的二次操作以及返回重新加載。

此時你要說，哇哦，響應式優(yōu)點這么多，我也要做響應式！以后都做響應式！年輕人，事無一面，有好必有壞。那么響應式讓人發(fā)指的缺點又是什么呢？

一．工作量大，周期長

就好比現(xiàn)在3-4個人的工作量你讓1個人做了，勢必這件事情的完成周期會延長，前端在寫響應式的時候，可不是就一套代碼那么方便了，他需要在一個域名里面套多個代碼以達到網(wǎng)頁適配的這個結(jié)果，并且還要各方面的考慮各個尺寸和平臺的適配性，聽起來就好復雜。

二．代碼冗長，加載速度過慢

根據(jù)我們稻殼互聯(lián)的前端技術(shù)猿反饋，響應式網(wǎng)站的代碼狀態(tài)就如塞滿衣服的行李箱，打開需要一定的時間，這段時間不僅考驗用戶的網(wǎng)速更加考驗了用戶的耐性。所以是否適合做響應式網(wǎng)站，要根據(jù)你的網(wǎng)站內(nèi)容而定，而不是追趕潮流了。

三．局限性大，缺乏定制化

身為一個有夢想，有追求的設計師，每一個設計稿對我們而言都是親生兒女，有誰不希望自己的親身兒女長得漂亮，讓大家喜歡，誰不希望自己的親身兒女和別人不一樣，有所特長？然而由于響應式網(wǎng)站的特殊性，導致它對網(wǎng)頁設計的限制十分巨大，且百度一下，鋪天蓋地的響應式建模網(wǎng)站。有種誰都在做的感覺，這就是和快時尚消費品一樣樣的，便宜是便宜，撞衫率高達百分之99.9。

而且響應式網(wǎng)頁無法突破框架，需要規(guī)規(guī)矩矩的分割式排版，對圖片的要求也極高（這個我在后續(xù)文章中會著重分析）。內(nèi)容復雜的，列表信息過多的網(wǎng)站都不適合響應式。畢竟要適配各個不同類型的設備，設計方面不宜于太過復雜，不然容錯率低下，前端技術(shù)猿們?nèi)菀妆罎ⅰ?/p>

綜上所訴，響應式有它方便的地方，也有它代價高的地方，所以到底要不要做響應式，還是要根據(jù)自我情況而定，適合自己的才是最好的。

當前文章：做響應式網(wǎng)站 一定要考慮這幾點
網(wǎng)頁URL：http://muchs.cn/news35/112885.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有響應式網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)