淺析響應式+HTML5網站(zhàn)的布局設計(jì)

來(lái)源:網絡2017-09-01 11:24:55

 

       在談最近幾年大(dà)熱的web響應式網站(zhàn)之前,先跟大(dà)家(jiā)簡單的描述一下傳統網站(zhàn)的布局又是如何的。     
  傳統的網站(zhàn)布局主要是靠設計(jì)師(shī)跟前端制(zhì)作(zuò)人(rén)員,商量好網頁的固定尺寸,再把設計(jì)好的網頁給制(zhì)作(zuò)出來(lái),這樣的布局往往是固定的。現在的其他終端用戶已經越來(lái)越多(duō),特别是手機端的用戶,所以北京網站(zhàn)設計(jì)的時(shí)候就會(huì)要求PC端+手機端都能夠有(yǒu)相同的體(tǐ)驗,顯然傳統網站(zhàn)的設計(jì)已經不能夠滿足了。這時(shí)候就出現了響應式+H5技(jì)術(shù)的網站(zhàn),這種網站(zhàn)能夠跨平台多(duō)設備的自适應界面
 
  從以往的布局設計(jì)來(lái)看有(yǒu)這幾種類型分為(wèi)四種類型:固定布局、可(kě)切換的固定布局、彈性布局、混合布局。
 
  上(shàng)面幾種都是比較常用的響應式網站(zhàn)布局,但(dàn)是從成本來(lái)看,固定布局是要比其他的都要低(dī),但(dàn)是它的拓充性是相對較差的。理(lǐ)想的實現方式是選擇用彈性和(hé)混合這兩種布局方式,因為(wèi)其效果是非常具有(yǒu)響應特點的。我們資深專業設計(jì)師(shī)在這方面有(yǒu)豐富的經驗,對各行(xíng)業特點采用特定布局,會(huì)發揮到淋漓盡緻的效果。
  這種響應式布局的出現,彌補了以往網站(zhàn)單調的設計(jì),用多(duō)種組合方式來(lái)實現其功能效果,也要注意頁面的總體(tǐ)設計(jì)還(hái)是要保持簡潔、大(dà)氣的,其中網站(zhàn)所涉及的架構和(hé)邏輯也要維持在對應設計(jì)理(lǐ)念中。