淺析網頁響應式設計

1 評論 11804 瀏覽 14 收藏 2 分鐘

網頁響應式設計是什么,簡單來講這個東西可以讓你的網頁在各種設備上有比較完美的體驗。這個在多屏時代及其重要,有一定的積極作用。下面簡單的談談他的優缺點以及適用范圍。

優點:

  • 節省人力成本,你不需要很多人來做觸屏版開發和運營;
  • 做活動更容易,在PC端完成后手機端可以自動同步,非常簡單;
  • 一個網頁不用更多研發和運維成本自然也會下降。

缺點:

  1. 要考慮更多的分辨率,交互和場景,對設計師和PM的能力要求更高;
  2. 框架靈活性差,UI發揮空間更小;
  3. 頁面考慮東西更多,設計時間也會變得更長;
  4. 需要在加載與文件大小上做控制,因為手機端的下載速度與流量都有限制。

使用場景:

小公司人少事多,不用專門為移動網頁重新設計和開發。因為UI發揮空間小等因素,這種響應式設計不適合界面元素和交互等更加復雜的網頁,比如淘寶,但適合形式相對比較單一的媒體網站,比如人人都是產品經理社區。

下面舉幾個響應式設計的例子:

http://www.36kr.com/

http://www.youku.com/

http://www.letv.com/

http://www.duokan.com/

http://qiqiuyu.com/

 

人人都是產品經理原創文章,作者:?@阿增,轉載請注明出處并保留本文鏈接。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 這也行ha

    來自廣東 回復