跨平台的響應式設計日後會得到普及嗎?


普及是必然的,看看現在國外的網站或者一些主題你就會發現,響應式已經是標配了,因為他們不需要考慮是否需要兼容IE6、IE7、IE8等等特別落伍的瀏覽器。

而在國內,按照目前百度瀏覽器佔有率的數據來看,IE6消失是遲早的事情(而那些還頑固使用IE6的人,ZF機構電腦和落後地區網吧佔據大多數,所以只要你的項目不是針對ZF機構內部的,那就可以拋棄IE6了),IE8和Chrome比例最大。

瀏覽器市場份額

除此之外,由於目前Bootstrap框架、扁平化設計風格以及柵格布局的流行,越來越多的人能夠將自己的網站製作成響應式,既然通過簡單的適配就能夠在平板和手機上有比以前更好的用戶體驗,何樂而不為呢?

不過響應式對於網頁設計有既定要求,並不是什麼網站都能製作成響應式的。

個人對響應式作用的認知就是:通過最少的代碼,在移動終端將多餘的頁面內容結構刪除,只留下最精華最重要的信息傳達給用戶,從而提升該網站在移動終端的表現力度。

當然,如果你要將響應式網站在移動終端的用戶體驗和Native App相比,那當我什麼都沒說。


在美國已經比較普及了吧。國內也只是時間問題。

當然在實現響應式的細節上,還有不同的方式,不同的選擇(RWD vs AWD)。


技術已經很成熟了,手機瀏覽器webkit內核對css3的支持也很好。

而一項新技術的技術成熟到被大範圍應用還是有一段距離的。

中國的大部分網站離響應式布局還比較遙遠,還沒吃飽呢談什麼生活呀。


顯然會啊,現在很多應用都在用Webview來替換原生代碼的功能。

一個重要的原因就是不用重新發布版本。


跨平台、響應式、設計

很多人都忽略了設計,大部分人只針對屏幕尺寸來說事,忽略了設備的使用場景。

手機屏幕就那麼丁點地方,能承載得了那麼多信息嗎?

手機上那麼多感測器可以利用,到了PC上還能用啥?

說說手勢,PC上用的多的是點擊和滾動,移動端更多的是滑動和觸摸,TV上更多是遙控器,然後你這個時候要一套代碼兼容嗎?考慮過移動端和PC端的兼容性嗎,考慮過TV端的兼容性嗎?考慮過他們的感受嗎?

中國大陸這種破網速,你的產品汪們不會整天纏著你優化下性能嗎?

哦,對了,家裡經常看電視的是什麼人?老人比較多,然後你們設計的頁面,能適應長輩們習慣嗎?

嗯...

簡單的業務玩玩還可以,當你的業務變得越來越複雜的時候,現在問題來了,你能確保你能招到一個滿足要求的前端工程師嗎?


與其說響應式頁面是跨平台方案,不如說他是跨屏幕尺寸的解決方案。

響應式會得到普及,但鑒於他解決的問題,他的普及會限於內容傳達場景

因為目前能得到最快、最低成本的傳播方式就是WEB了,沒有之一。APP的方式我必須得預先安裝,而圖片或郵件的方式又難以持久化。

而很多其它的應用場景,其實更多地會是兼顧效率與性能的Hybrid App、專為小屏幕設計的 Mobile Web App 等的天下。因為這時去兼顧大屏幕已經成為了一種負擔,不如分開兩個版本進行實現、甚至完全不考慮桌面版本。

響應式頁面其實在國外已經得到了很廣泛的普及,尤其是個人頁面、Profile頁面、宣傳頁面這類以傳播功能為主的網站。


【先說好哈,不許打臉】 我想,我下面的話要讓各位響應式的愛好者傷心之,痛罵之,不屑之了,那麼問題來了,哪種知比較強?

先說答案:

1)對於簡單站點,響應式會越來越流行,就是你說的普及;

2)對於複雜站點,響應式應該是敬而遠之的方案, 至少目前還是;

3)一旦有新的web標準普及,HTML,CSS這些十幾年前的老古董設計跟上了時代的潮流,那麼,響應式就變成了「原生」feature,天然自適應,也許我們就不是特別需要響應式了,我們有專門給VB程序設計響應式嗎?

跨平台的響應式設計,我不是很明白,但是我假設你其實是是想說

跨「屏」台響應式設計

我這裡的「屏」指的是三屏: PC, 平板, 手機,不久的將來,可能還需要加上電視,那是後話,暫且按下不表。

三屏統一是剛需

一切的技術實現都是圍繞用戶體驗來展開的, 離開最終用戶的感受來談UI技術/理論都是耍流氓。作為用戶,我使用某個產品,為什麼在PC上面學習了一遍,然後還要在平板上面又學習一遍呢,NND,現在買了個手機,又還要學習一遍!!! Don"t Make Me Think 思密達,歐巴,可以嗎?我天天搬磚上午搬磚砌房,中午跟妹紙喝咖啡暢談人生理想,晚上還要打dota,刷微博,現買現用,給摸嘰最好啦。

這麼看來,響應式不正是蒼生所求咩?非也,臣妾以為非也,size不一樣,這是「剛異」,忽略設備的差異,生搬硬套一致的用戶體驗,三屏一致的體驗,都是形而上的談論。響應式,並非三屏必須一樣,解析度的迥異導致了必須針對具體的解析度來做優化,三屏的表現力各有不同,47吋電視跟4.7吋的iPhone表現力肯定不一樣,用戶的期望也不會一樣,我看到47吋電視的畫面,我當然希望它更加漂亮一些,不,應該是許多。

響應式技術是對現有的亂七八糟的瀏覽器環境的妥協,是從實踐的角度以現有技術作為手段來改善現有Web環境最給力的方案,應該給點32個贊!!!

響應式主要解決了以下問題:

1)瀏覽器布局一致,三屏上面看到的都是類似的界面;

2)瀏覽器兼容性滿足;

3)一個文件,多個設備共用;降低維護成本;

上面看起來似乎很完美,其實不然:

上面的情況僅僅適用於網站結構,界面比較簡單的時候,比如博客,比如論壇,這時候,響應式是優雅地解決方案,上面的3點滿足;

一旦站點複雜起來,用響應式簡直就是坑爹,在複雜站點的scenario下,響應式有些確定現實難以避免:

1)複雜的頁面布局,廣告尺寸的多變,位置的變更,在特定屏幕的CSS編寫調試要方便許多,每次調整都要保證三屏一致,代碼編寫,調試,測試的難度都會成倍增加,在目前的環境下,人肉的逼格比較低,但是效率比響應式的效率高,尤其在遇到瀏覽器bug之類的問題時,分開css的方法可以輕鬆繞過(另外的方式或者冗餘代碼實現),響應式會慘兮兮;

2)無效的流量載入,帶寬Money的增加:

在實踐上,大多的響應式對某些層的渲染載入都是一樣的,只不過在屏幕上將其隱藏了,簡單的說就是: 明知道屏幕裝不下,但是我還是載入了,渲染了,不過你就是看不見,嘿嘿,看不見~~~; 或者圖片是2560 x 2560,可是用戶看起來跟480x360屏幕是同一張圖片,我,沒錯,縮了~~~這在事實上就是一種資源的浪費,極端的情況下,拿移動4G看圖,如果沒有為移動端專門優化,第二天早上發現房子歸移動了, 腫么辦?

3)開發的難度;

還是那句話,簡單站點,開發會簡化,代碼會減少,但是大的複雜站點,響應式會導致難度幾何級數增加。


當然,隨著手機上網的普及率逐步提高,跨平台是必然的,現在很多網站就已經跨平台響應了


謝邀。(第一次啊好激動。)

首先我不明白什麼叫做「跨平台的響應式設計」,那我就暫且理解成Web的吧。

那麼答案是:已經流行開了。你可以去WordPress官方庫看看,如果一個主題沒有響應式,那麼已經很久沒更新了。而且越來越多的國內外網站正在使用響應式。

但一些網站終究不會用,比如微軟官網之類的。不過個人認為,知乎應該用用。


早就普及了嘛,PC上的GUI軟體哪個不是響應式設計的……web搞成這樣只能怪HTML和CSS的設計,就不適合用來搞這個。本來他們就是用來寫文檔的。


據我了解(經常看各種外文技術博客),在歐美已經普及,國內逐漸普及。業界最流行的兩個前端框架bootstrap,foundation都是基於響應式設計的。

另外,不是所有類型網站都適合做響應式設計。響應式設計實現起來會增加頁面代碼的複雜度,後期變得難以維護和優化。如果想到達性能最優,還是需要將移動設備和PC分開實現。

btw. 我自己的博客(見簽名)也做了響應式實現,同一套頁面代碼在 pc/mobile/ipad 都可以方便瀏覽,只是 style 做了不同平台的屬性設定。


兩年半後回來回答這個問題:已經普及了。


這是必須的,但是不是所有的網站都適合響應式。

響應式布局適合內容簡單的網站,比如博客,企業站等。

商城,門戶類的,內容比較多的網站不適合響應式,原因在於移動端屏幕小,沒必要載入不需要的內容和代碼。

響應式社交需要考慮頁面內容統一性,如果多設備內容差異很大,那就單獨去做吧!


是未來趨勢,現在還沒有很普及。


會的啊,響應式設計可以很好的解決各種終端的問題


個人認為是會普及的,會被大多數人接收和認可,但是是否會選擇響應式,需要根據具體需要來定。

首先,響應式設計是一種設計方法。響應式設計方法的出現就是為了解決多平台終端的問題而產生的,說白了是隨著手持設備的普及和移動化的巨大市場的出現,響應式設計方法才應運而生,只是一種解決多終端一次性開發的設計開發方案。即:一次性開發一套頁面,能夠適應PC端,手持設備端(手機和平台電腦)的需要,減少開發的成本,提高效率,減少網頁的維護成本。這樣,固然是方便的。同時,這樣的方案也是要根據自己的產品需要來做,這種方法有一個最大的弊端就是網頁載入速度會比正常開發的網頁慢,因為畢竟是多平台的頁面融合在一起,如果以後中國的網速能提高上來,就想韓國一樣,我想這個缺點是可以解決的。響應式設計的存在本身就是為了解決多終端統一開發的問題,對於設計人員和開發人員來說,也是有益的。

第二,響應式設計需要根據自身的需要來選擇是否使用此方法設計與開發。響應式設計方法對於設計人員和開發人員來說,是比較複雜的,因為作為設計人員,你需要對多終端的界面都了如指掌,各種布局都應該是合理的,響應式網頁設計方法重點是頁面布局隨瀏覽器的顯示尺寸的改變而變化。當然,用戶使用網頁卻是方便的,因為他們只要輸入一個網址就可以看到你們的產品,無需考慮其他事情。把複雜留給設計人員和開發人員,把簡單易用留給用戶,從用戶體驗的角度來講,有助於提高產品的體驗。

以後,我們做產品(網頁或者其他)都會強調產品的體驗,將產品的體驗放在首位,做好產品的體驗就是將用戶放在首頁首要位置,讓自己的產品簡單易用。那麼,響應式設計是一種設計方法,是一種能夠提高產品的體驗(使用)的方法,既然是對用戶是有用有價值的,那麼就會有更多的人去使用它,用戶是不會考慮我們使用什麼方法設計開發網頁,用戶值關心產品的結果是否好用,不要複雜。說了這些,主要是想說明一點:響應式設計僅僅是一種設計方法,無論是否會普及,這個跟產品的體驗、用戶的需求有極大的關係。用戶使用你的產品方便了,就可以使用,如果用戶使用你的產品很不方便,就可以考慮不用。舉個例子來說明一下。阿里巴巴旗下的淘寶網也是分多平台的,他們採取的策略是多平台單獨開發,這個跟各自平台的需要來定的,他們沒有使用響應式設計方法,不代表他們不會或不知道。而是從用戶的角度考慮,你想他們是買很多產品的,需要多少流量,如果頁面打開速度很慢,用戶是不會死很惱火,所以是否選擇使用響應式設計,是跟自己產品的情況來定的,歸根到底就是你的用戶。

說了這些,似乎有點語無倫次,這些只是個人對響應式設計的理解。他只是一種設計方法。是否會普及,需要問問自己產品的用戶,能提高產品的體驗固然是最好的了,對用戶和自己都是很好的,千萬不要盲目的為了做響應式網頁而做響應式網頁。不過,現在越來越多的人已經接觸到響應式設計方法,逐漸理解和接收,在以後會逐漸被大家所認可和接收,但,是否會使用這個設計方法,還是會視情況而定的。如果說的有不夠準確的地方可以忽略,僅參考。


分頁阅读: 1 2