本文來(lái)自Tom Ewer的Managewpblog撰文，表達(dá)了其對(duì)時(shí)下風(fēng)靡的響應(yīng)式設(shè)計(jì)不一樣的看法。

十多年的羅源網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷(xiāo)推廣的優(yōu)勢(shì)是能夠根據(jù)用戶(hù)設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整羅源建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“羅源網(wǎng)站設(shè)計(jì)”,“羅源網(wǎng)站推廣”以來(lái)，每個(gè)客戶(hù)項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

轉(zhuǎn)向移動(dòng)設(shè)計(jì)是比PC革命更大的革命——Kevin Lynch, CTO, Adobe

到2014年，會(huì)有更多的人用移動(dòng)設(shè)備代替PC端訪問(wèn)互聯(lián)網(wǎng)，所以打造易訪問(wèn)的移動(dòng)端成了Web開(kāi)發(fā)者最關(guān)注的問(wèn)題之一。因此響應(yīng)式設(shè)計(jì)應(yīng)運(yùn)而生，但從我個(gè)人的角度看，它并不值得大力追捧，為什么？

響應(yīng)式設(shè)計(jì)不是萬(wàn)能的。我自己過(guò)去也是一個(gè)響應(yīng)式設(shè)計(jì)的粉絲，發(fā)現(xiàn)很多Web應(yīng)用不能很好的在移動(dòng)屏幕上顯示，Google地圖就是一個(gè)很好的例子。包含很多圖片的網(wǎng)站也適合響應(yīng)式設(shè)計(jì)，但以文本為主的網(wǎng)頁(yè)和博客就不是了，甚至于我覺(jué)得對(duì)這種Web網(wǎng)站實(shí)施響應(yīng)式設(shè)計(jì)只是浪費(fèi)時(shí)間。

1.“響應(yīng)式設(shè)計(jì)”達(dá)不到用戶(hù)期望

Usability 101 規(guī)則的第一條就是“滿(mǎn)足用戶(hù)期望”。以博客為例子，它被廣泛接受的設(shè)計(jì)方式是： 從上往下、內(nèi)容和圖片各放一邊、提供邊欄，這個(gè)已在數(shù)百萬(wàn)博客中被應(yīng)用，因?yàn)樗_(dá)到了用戶(hù)的期望。

但若你訪問(wèn)經(jīng)過(guò)響應(yīng)式設(shè)計(jì)的移動(dòng)網(wǎng)頁(yè)，一般邊欄會(huì)消失，或者會(huì)跳到最頂部或者最底部， 反正不是你期望的地方。以Cats Who Code為例，下面是桌面顯示，有頂部的導(dǎo)航、邊欄（包括最近Post），小廣告欄和搜索框。下面是iPhone的界面：

可看出導(dǎo)航和邊欄消失了，繼續(xù)往下拖的時(shí)候我終于找到了邊欄，你可能會(huì)覺(jué)得這只是個(gè)個(gè)例， 但事實(shí)是這是一個(gè)典型的響應(yīng)式設(shè)計(jì)，我們想看到的是以不犧牲桌面元素為前提的移動(dòng)界面顯示，顯然這不是。

2.花錢(qián)多 耗時(shí)長(zhǎng)

一般來(lái)說(shuō)，響應(yīng)式設(shè)計(jì)比非響應(yīng)式設(shè)計(jì)要花更多的錢(qián)。如果有人Damn地爭(zhēng)論響應(yīng)式設(shè)計(jì)比建立一個(gè)額外的移動(dòng)版面更便宜，我同意，但你知道比響應(yīng)式設(shè)計(jì)更便宜的是什么嗎？什么都不用！

此外你要想想這花了你多少時(shí)間，從響應(yīng)式設(shè)計(jì)里面你得到了多少投資回報(bào)，獲得了什么？

3.非響應(yīng)式設(shè)計(jì)表現(xiàn)也不賴(lài)

看我自己的博客在Mac上顯示效果：

看它在我的iPhone上：

在iPhone4英寸的屏幕上，讀起來(lái)感覺(jué)很好。如果文字太小了，那就雙擊放大吧，待會(huì)看完了又縮回來(lái)并不是什么難事。 而且好笑的是，現(xiàn)在的手機(jī)界面就是為了非響應(yīng)式設(shè)計(jì)準(zhǔn)備的， 且大部分手機(jī)表現(xiàn)得很好。如果你非要揪出一些意外的話，去看看那些網(wǎng)頁(yè)的桌面版，設(shè)計(jì)也同樣很差。

4.對(duì)加載時(shí)間沒(méi)好處

我們知道移動(dòng)設(shè)備操作時(shí)是基于互聯(lián)網(wǎng)子寬帶的聯(lián)網(wǎng)速度，所以網(wǎng)頁(yè)要確保最少的負(fù)荷來(lái)減少加載時(shí)間，很多響應(yīng)式設(shè)計(jì)并未真正減少加載時(shí)間，因?yàn)樵S多設(shè)計(jì)師只是隱藏了那些元素， 對(duì)優(yōu)化加載毫無(wú)好處。而非響應(yīng)式設(shè)計(jì)可以選擇“延遲加載”，這是一個(gè)選擇先加載最密集元素再到其他的技巧。

5.響應(yīng)式設(shè)計(jì)其實(shí)是種妥協(xié)

可以說(shuō)響應(yīng)式設(shè)計(jì)是設(shè)計(jì)師的主觀決定，他們認(rèn)為桌面顯示界面不再適用移動(dòng)界面，然后覺(jué)得一定要做出相應(yīng)改變。而用戶(hù)如果看到更不適的界面后會(huì)發(fā)問(wèn)，為什么要弄個(gè)這么不一樣又不是很好的顯示方式？這觸犯了usability 101第二條規(guī)則“不要讓用戶(hù)覺(jué)得他們無(wú)法控制局面”。

所以我的觀點(diǎn)是：這只是一種妥協(xié)，是設(shè)計(jì)師的主觀決定，用戶(hù)并沒(méi)有覺(jué)得多大的不適，特別是當(dāng)響應(yīng)式設(shè)計(jì)既要錢(qián)又要花時(shí)間的時(shí)候。

最后，我寫(xiě)這篇文章有兩個(gè)原因，我覺(jué)得響應(yīng)式設(shè)計(jì)在很多情形下是沒(méi)必要的；在互聯(lián)網(wǎng)上明顯缺少對(duì)響應(yīng)式設(shè)計(jì)的爭(zhēng)論。我不否定響應(yīng)式設(shè)計(jì)理論本身，但事實(shí)是我見(jiàn)過(guò)的許多情形下它真的沒(méi)必要。很多人習(xí)慣在別人擁護(hù)時(shí)并認(rèn)為那是天經(jīng)地義的事，但你最好從一個(gè)開(kāi)發(fā)者的角度來(lái)看看，這真的是你需要的嗎？

PS： 什么是響應(yīng)式設(shè)計(jì)？頁(yè)面的設(shè)計(jì)與開(kāi)發(fā)應(yīng)當(dāng)根據(jù)用戶(hù)行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。具體的實(shí)踐方式由多方面組成，包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。無(wú)論用戶(hù)使用筆記本還是iPad，頁(yè)面都應(yīng)該能夠自動(dòng)切換分辨率、圖片尺寸及相關(guān)腳本功能等，以適應(yīng)不同設(shè)備。

Viamanagewp

網(wǎng)站標(biāo)題：響應(yīng)式設(shè)計(jì)不值得搞的5個(gè)原因
文章位置：http://www.rwnh.cn/article4/cpiiie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、網(wǎng)站營(yíng)銷(xiāo)、動(dòng)態(tài)網(wǎng)站、電子商務(wù)、搜索引擎優(yōu)化、Google

廣告

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