剖析響應(yīng)式網(wǎng)站設(shè)計(jì)難點(diǎn)

廣州網(wǎng)站建設(shè)響應(yīng)式網(wǎng)站設(shè)計(jì)已成為大勢所趨，但國內(nèi)目前只有不到5%的網(wǎng)站采用了響應(yīng)式設(shè)計(jì)。本文將剖析響應(yīng)式網(wǎng)站設(shè)計(jì)中的疑難雜癥。

　　一、響應(yīng)式網(wǎng)站定義

　　集中創(chuàng)建頁面的圖片排版大小，可以智能地根據(jù)用戶行為以及使用的設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相對應(yīng)的布局。

　　二、響應(yīng)式網(wǎng)站建設(shè)中的疑難雜癥

　　1、屏幕尺寸多，很難做到一次編碼，到處運(yùn)行

　　目前，主流的大家用來訪問網(wǎng)頁的設(shè)備有：計(jì)算機(jī)(廢話)，iPad，Android Pad(例如三星的)，智能手機(jī)。那么做一個(gè)網(wǎng)站，必須到這些設(shè)備上去測試和運(yùn)行。普通的網(wǎng)站作坊很少有人會(huì)愿意花這么多的精力去測試一個(gè)網(wǎng)站。

　　2、視覺設(shè)計(jì)要求高、細(xì)節(jié)多

　　因?yàn)椴荒苁褂媒^對定位，那么在設(shè)計(jì)的時(shí)候需要考慮可讀性以及區(qū)域面積以及在不同的設(shè)備下的行為。這對一般的設(shè)計(jì)師來說簡直是一場災(zāi)難。所以很少有出眾的響應(yīng)式網(wǎng)站出現(xiàn)。

　　3、前端實(shí)現(xiàn)難、跨技術(shù)合作

　　響應(yīng)式設(shè)計(jì)出的稿子，當(dāng)然還需要響應(yīng)式的實(shí)現(xiàn)。響應(yīng)式的基礎(chǔ)就是HTML5, CSS3。小的建站公司，一般是沒有錢去聘用精通HTML5和CSS3技術(shù)的高手的。 最多是讓程序員在寫代碼之前看2天書，然后就趕鴨子上架。這就導(dǎo)致了即使設(shè)計(jì)師設(shè)計(jì)出了很棒的模板，但是在實(shí)現(xiàn)了之后，怎么看怎么不舒服。

　　4、成本大

　　因?yàn)轫憫?yīng)式設(shè)計(jì)需要對多個(gè)界面兼容、功能調(diào)試，導(dǎo)致整個(gè)制作過程需要UI設(shè)計(jì)師和前端工程師要不斷磨合制作。而測試人員也要在不同的設(shè)備下對網(wǎng)站進(jìn)行測試。我們做過調(diào)查。如果創(chuàng)建一個(gè)普通網(wǎng)站的成本是1，那么創(chuàng)建一個(gè)響應(yīng)式模板的成本大概在2.5左右。由于小的建站公司的報(bào)價(jià)普遍比較低，利潤空間肯定不支持他們把網(wǎng)站做成響應(yīng)式的。

　　5、結(jié)論

　　總的來說，響應(yīng)式網(wǎng)站設(shè)計(jì)比傳統(tǒng)的網(wǎng)站設(shè)計(jì)復(fù)雜的多。它需要更多的人員參與到網(wǎng)站制作中來。它給美工、前端和后臺(tái)開發(fā)團(tuán)隊(duì)之間的協(xié)作模式帶來很多挑戰(zhàn)。因此，響應(yīng)式網(wǎng)站的建設(shè)成本往往是傳統(tǒng)網(wǎng)站的2-3倍。