淺析網(wǎng)頁(yè)響應(yīng)式設(shè)計(jì)

1 評(píng)論 11804 瀏覽 14 收藏 2 分鐘

網(wǎng)頁(yè)響應(yīng)式設(shè)計(jì)是什么,簡(jiǎn)單來(lái)講這個(gè)東西可以讓你的網(wǎng)頁(yè)在各種設(shè)備上有比較完美的體驗(yàn)。這個(gè)在多屏?xí)r代及其重要,有一定的積極作用。下面簡(jiǎn)單的談?wù)勊膬?yōu)缺點(diǎn)以及適用范圍。

優(yōu)點(diǎn):

  • 節(jié)省人力成本,你不需要很多人來(lái)做觸屏版開(kāi)發(fā)和運(yùn)營(yíng);
  • 做活動(dòng)更容易,在PC端完成后手機(jī)端可以自動(dòng)同步,非常簡(jiǎn)單;
  • 一個(gè)網(wǎng)頁(yè)不用更多研發(fā)和運(yùn)維成本自然也會(huì)下降。

缺點(diǎn):

  1. 要考慮更多的分辨率,交互和場(chǎng)景,對(duì)設(shè)計(jì)師和PM的能力要求更高;
  2. 框架靈活性差,UI發(fā)揮空間更??;
  3. 頁(yè)面考慮東西更多,設(shè)計(jì)時(shí)間也會(huì)變得更長(zhǎng);
  4. 需要在加載與文件大小上做控制,因?yàn)槭謾C(jī)端的下載速度與流量都有限制。

使用場(chǎng)景:

小公司人少事多,不用專門(mén)為移動(dòng)網(wǎng)頁(yè)重新設(shè)計(jì)和開(kāi)發(fā)。因?yàn)閁I發(fā)揮空間小等因素,這種響應(yīng)式設(shè)計(jì)不適合界面元素和交互等更加復(fù)雜的網(wǎng)頁(yè),比如淘寶,但適合形式相對(duì)比較單一的媒體網(wǎng)站,比如人人都是產(chǎn)品經(jīng)理社區(qū)。

下面舉幾個(gè)響應(yīng)式設(shè)計(jì)的例子:

http://www.36kr.com/

http://www.youku.com/

http://www.letv.com/

http://www.duokan.com/

http://qiqiuyu.com/

 

人人都是產(chǎn)品經(jīng)理原創(chuàng)文章,作者:?@阿增,轉(zhuǎn)載請(qǐng)注明出處并保留本文鏈接。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 這也行ha

    來(lái)自廣東 回復(fù)