亞榮認(rèn)為在多數(shù)情況下，網(wǎng)頁(yè)并非需要響應(yīng)式設(shè)計(jì)。雖然移動(dòng)設(shè)備將成為未來(lái)上網(wǎng)的主要渠道，但并不是所有網(wǎng)站都應(yīng)該使用響應(yīng)式設(shè)計(jì)。 創(chuàng)新互聯(lián)網(wǎng)站專家：“我們開發(fā)產(chǎn)品首先考慮移動(dòng)端，其次是桌面端?！?；“移動(dòng)設(shè)計(jì)轉(zhuǎn)型甚至超過(guò)PC革命。2014年，通過(guò)移動(dòng)設(shè)備上網(wǎng)的人數(shù)將超過(guò)PC端。在未來(lái)，設(shè)計(jì)移動(dòng)設(shè)備將成為Web開發(fā)人員的首要任務(wù)。

響應(yīng)式設(shè)計(jì)似乎被看做成未來(lái)的設(shè)計(jì)方向，但我不贊同。今天，我要解釋為什么我認(rèn)為響應(yīng)式設(shè)計(jì)并不是Web設(shè)計(jì)的好解決方案。

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)站制作使用的一個(gè)疊層樣式表( CSS3media queries)，結(jié)合流體網(wǎng)格適應(yīng)各種布局，還可靈活使用圖像。用戶可跨越不同設(shè)備和瀏覽器的限制，訪問(wèn)相同內(nèi)容，布局也利于閱讀和瀏覽，只需細(xì)微的調(diào)整、平移或滾動(dòng)。

網(wǎng)站設(shè)計(jì)將根據(jù)設(shè)備特定的分辨率或是屏幕尺寸進(jìn)行調(diào)整。按上述定義來(lái)看，響應(yīng)式設(shè)計(jì)看來(lái)很有發(fā)展前途。

在某些情況下，我也是響應(yīng)式設(shè)計(jì)的擁護(hù)者。比如，一個(gè)桌面Web應(yīng)用無(wú)法有效地呈現(xiàn)在移動(dòng)設(shè)備屏幕上時(shí)，響應(yīng)式設(shè)計(jì)就起到了作用。谷歌地圖就是一個(gè)很好的例子：

桌面顯示

手機(jī)顯示

如果網(wǎng)站內(nèi)容很大程度上是依賴圖片，響應(yīng)式設(shè)計(jì)絕對(duì)是一個(gè)很好的解決方案。但是，當(dāng)內(nèi)容是大多數(shù)文本的網(wǎng)站或是博客，我相信響應(yīng)式設(shè)計(jì)是在浪費(fèi)時(shí)間。

我要解釋為什么我認(rèn)為在很多情況下響應(yīng)式設(shè)計(jì)是不值得的。

1. 違背用戶期望

第一條規(guī)則就是滿足最終用戶期待，混淆最終用戶是Web設(shè)計(jì)中大的敗筆。然而，這正是響應(yīng)式設(shè)計(jì)所做的。

以博客為例。最普遍的“標(biāo)準(zhǔn)”博客設(shè)計(jì)，頁(yè)面最上方是標(biāo)題，下面分為兩欄，一欄是博客內(nèi)容，另一欄是其他內(nèi)容。數(shù)以百計(jì)的博客網(wǎng)站設(shè)計(jì)基本如此，因?yàn)檫@樣易于操作，而這就是人們所期望的。

如果你訪問(wèn)一個(gè)響應(yīng)式設(shè)計(jì)開發(fā)的博客，傳統(tǒng)的側(cè)邊欄肯定會(huì)消失，有可能被移到頁(yè)面的頂部或是底部。但有一件事可以肯定，這并不是你所期望的。


采用響應(yīng)式設(shè)計(jì)技術(shù)在手機(jī)中顯示：

無(wú)論是導(dǎo)航欄，還是工具欄都消失了。經(jīng)過(guò)多次滾動(dòng)頁(yè)面，在頁(yè)面底部終于發(fā)現(xiàn)了原先的側(cè)邊欄，但導(dǎo)航欄依舊無(wú)跡可尋。

也許，會(huì)有響應(yīng)式設(shè)計(jì)的擁護(hù)者稱，這個(gè)網(wǎng)站只是一個(gè)失敗的簡(jiǎn)單示例。但是，你們不要忘記，這個(gè)網(wǎng)站剛剛被評(píng)為10個(gè)“優(yōu)秀”的響應(yīng)式Web設(shè)計(jì)網(wǎng)站。我認(rèn)為這是響應(yīng)式設(shè)計(jì)的典型例子。其實(shí)，我很迫切能在手機(jī)上看到桌面版的布局。

2. 高成本、效率低

通常響應(yīng)式設(shè)計(jì)會(huì)比非響應(yīng)式設(shè)計(jì)耗時(shí)更長(zhǎng)，成本更高。初始資金一般是捉襟見肘，如果還要額外支付一大筆資金用于響應(yīng)式設(shè)計(jì)，會(huì)讓人非常痛苦。

有人認(rèn)為，響應(yīng)式設(shè)計(jì)的費(fèi)用比從零開發(fā)一個(gè)單獨(dú)的移動(dòng)網(wǎng)站更佳實(shí)惠，我同意這個(gè)說(shuō)法。但是你知道什么比響應(yīng)式設(shè)計(jì)更便宜嗎？那就是非響應(yīng)式設(shè)計(jì)。響應(yīng)式設(shè)計(jì)除了耗時(shí)較長(zhǎng)，其開發(fā)也相對(duì)的復(fù)雜。

你認(rèn)為你的網(wǎng)站不使用響應(yīng)式設(shè)計(jì)就會(huì)完蛋，這是錯(cuò)誤的想法。試問(wèn)自己，響應(yīng)式設(shè)計(jì)給你帶來(lái)的回報(bào)是什么？如果你認(rèn)為非響應(yīng)式設(shè)計(jì)的網(wǎng)站，就不能給移動(dòng)用戶提供服務(wù)，這個(gè)想法也是錯(cuò)誤的。這就是我下面要講的內(nèi)容。

3. 非響應(yīng)設(shè)計(jì)工作原理



如果你覺(jué)得縱向文本區(qū)域顯示拘謹(jǐn)，可橫向轉(zhuǎn)動(dòng)設(shè)備觀看，如下：

還可以通過(guò)雙擊屏幕，放大文本內(nèi)容。

現(xiàn)在的移動(dòng)設(shè)備都可有效地顯示非響應(yīng)式Web設(shè)計(jì)網(wǎng)站。但也有例外，有些非結(jié)構(gòu)化設(shè)計(jì)網(wǎng)站在PC上顯示的并不盡人意。

很多時(shí)候，一個(gè)設(shè)計(jì)優(yōu)秀的桌面網(wǎng)站，可以在移動(dòng)設(shè)備上好的呈現(xiàn)出原有布局。

4. 加載效益低

移動(dòng)設(shè)備通常是通過(guò)子寬帶連接互聯(lián)網(wǎng)（網(wǎng)速低），所以網(wǎng)站開發(fā)應(yīng)更精簡(jiǎn)，以確保好的加載時(shí)間。

雖然這是一個(gè)合理的建議。但實(shí)際上，許多響應(yīng)式設(shè)計(jì)并沒(méi)有考慮加載的問(wèn)題，許多設(shè)計(jì)師都習(xí)慣在頁(yè)面中隱藏?zé)o用元素。雖然這不是最好的做法，但卻是最常見的做法。

好（非響應(yīng)式）解決方案是使用延遲加載，這是加載密集元素的最終解決方案。這是一段圖像延遲加載代碼，可用于你的網(wǎng)站。

5. 折衷

響應(yīng)式設(shè)計(jì)可看作為是一種“折衷”，使用取決于設(shè)計(jì)師的主觀決定。就算網(wǎng)站使用該技術(shù)，在移動(dòng)設(shè)備上也無(wú)法呈現(xiàn)出桌面布局的好效果。

由于移動(dòng)設(shè)備上布局的改變，會(huì)讓很多移動(dòng)用戶難以接受或適應(yīng)，從而會(huì)流失用戶。

我認(rèn)為在移動(dòng)平臺(tái)上，“折衷”并不比非響應(yīng)式設(shè)計(jì)效果更佳，尤其這種方案需花費(fèi)更長(zhǎng)時(shí)間和成本。

結(jié)束語(yǔ)

做為宜昌高端網(wǎng)站建設(shè)公司，我們主要提出專家2個(gè)觀點(diǎn)，供我們的客戶參考：
1. 我認(rèn)為，在許多情況下，響應(yīng)式設(shè)計(jì)完全不必要。

2. 在互聯(lián)網(wǎng)上，明顯缺乏反對(duì)響應(yīng)式設(shè)計(jì)的論據(jù)。

世上沒(méi)有十全十美的東西，但響應(yīng)式設(shè)計(jì)卻似乎得到一個(gè)“免費(fèi)通行證”，能抵擋大部分建設(shè)性的批評(píng)。

我不反對(duì)響應(yīng)式設(shè)計(jì)理論，但在很多簡(jiǎn)單的情況下并沒(méi)有使用的必要性。其實(shí)很多人都是跟風(fēng)，所以才這么做。也許你應(yīng)該花一些時(shí)間考慮是否真的需要響應(yīng)式設(shè)計(jì)，你的訪客是否真的可從中真正受益。

新聞名稱：網(wǎng)站設(shè)計(jì)的未來(lái)：響應(yīng)式設(shè)計(jì)路在何方？
標(biāo)題路徑：http://jinyejixie.com/news/106868.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、定制開發(fā)、搜索引擎優(yōu)化、做網(wǎng)站、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(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)