- 簡(jiǎn)體
- 簡(jiǎn)體中文 English
性能決定一切,響應(yīng)式能否解決一些問(wèn)題?
據(jù)有關(guān)數(shù)據(jù)顯示,當(dāng)前大約有11%的網(wǎng)站是響應(yīng)式,而且這個(gè)數(shù)字還在增長(zhǎng)。即便如此,我們也應(yīng)該對(duì)響應(yīng)式設(shè)計(jì)有一個(gè)基本的認(rèn)識(shí):響應(yīng)式設(shè)計(jì)是很棒,但不是萬(wàn)能鑰匙。自2000年開(kāi)始,設(shè)計(jì)者和開(kāi)發(fā)者就把移動(dòng)設(shè)備的問(wèn)題過(guò)于簡(jiǎn)單化,以至于現(xiàn)在仍然有人認(rèn)為響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)能解決一切問(wèn)題。
如果你在移動(dòng)設(shè)備上一味堅(jiān)持響應(yīng)式設(shè)計(jì),在轉(zhuǎn)換率后就可能隱藏著性能問(wèn)題。據(jù)Guy Podjarny研究,72%的響應(yīng)式網(wǎng)站不分屏幕大小都提供相同的字節(jié),而這勢(shì)必會(huì)降低移動(dòng)網(wǎng)絡(luò)連接速度,你要清楚的是:不是所有用戶都有耐心等著網(wǎng)站加載,或許還沒(méi)等用戶感受到響應(yīng)式設(shè)計(jì)在不同屏幕的表現(xiàn),用戶就會(huì)因?yàn)檫t遲等不到加載結(jié)束就關(guān)掉網(wǎng)站。
只是考慮屏幕大小,很難達(dá)到移動(dòng)化最佳呈現(xiàn)效果
移動(dòng)化時(shí)代,響應(yīng)式可以解決跨桌面和移動(dòng)端視窗大小范圍的問(wèn)題。但是只考慮屏幕大小就低估了移動(dòng)設(shè)備。因?yàn)楝F(xiàn)在,桌面和移動(dòng)端的界限正在變得模糊,基于不同的設(shè)備對(duì)我們而言仍然有多種可能性。比如,不同設(shè)備渲染的方式各異,在iPhone上很棒的頁(yè)面或許在其它平臺(tái)上表現(xiàn)得很糟糕。
響應(yīng)是設(shè)計(jì)是一種根據(jù)設(shè)備屏幕大小和分辨率,基于桌面網(wǎng)站自適應(yīng)網(wǎng)站的內(nèi)容,設(shè)計(jì)和導(dǎo)航的方法。它對(duì)網(wǎng)站的布局有嚴(yán)格的要求,只有流體網(wǎng)格式的頁(yè)面布局才能被抓取,實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)效果。所以,響應(yīng)式設(shè)計(jì)是主要針對(duì)前端頁(yè)面的一種移動(dòng)化解決方案。
對(duì)于網(wǎng)站的移動(dòng)化來(lái)說(shuō),它是一種折中性質(zhì)的設(shè)計(jì)解決方案,因?yàn)樗荒芡ㄟ^(guò)后臺(tái)專門針對(duì)移動(dòng)端設(shè)備進(jìn)行靈活的改變和調(diào)整,而且由于對(duì)設(shè)計(jì)要求嚴(yán)苛,它會(huì)因?yàn)槎喾矫嬉蛩赜绊懚y以達(dá)到最佳呈現(xiàn)效果。如果你不信,讓我們來(lái)看看幾個(gè)典型的例子:
例一:菜單折行
如果PC端頁(yè)面頂部使用了導(dǎo)航欄,當(dāng)頁(yè)面展現(xiàn)在小屏幕上時(shí),響應(yīng)式設(shè)計(jì)通常會(huì)把它“掰”成更緊湊的格式,但這并非總是有效,如果顯示區(qū)域比斷點(diǎn)更寬,又不足以在一行顯示所有菜單項(xiàng)的話,結(jié)果會(huì)導(dǎo)致菜單的折行。
例二:圖片被裁剪
在響應(yīng)式設(shè)計(jì)中,內(nèi)容區(qū)域通常都隨窗口尺寸變化。所以當(dāng)網(wǎng)站有使用固定寬度圖片時(shí),當(dāng)圖片超出顯示區(qū)域時(shí),圖片就會(huì)被裁剪掉,如下圖,由于圖片太大,于是出現(xiàn)了滾動(dòng)條,內(nèi)容被推到屏幕之外。
例三:元素扭曲
本質(zhì)上,布局顯示在小窗口上的時(shí)候,所有未經(jīng)處理的列都會(huì)以行的形式呈現(xiàn)。這是個(gè)問(wèn)題,因?yàn)閮?nèi)容的扭曲會(huì)不經(jīng)意地改變?cè)O(shè)計(jì)的層級(jí),并在一定程度上改變網(wǎng)站原有的布局結(jié)構(gòu),會(huì)出現(xiàn)用戶混淆的情況。
靈活度不夠,小改變會(huì)制造“大麻煩”
當(dāng)一個(gè)響應(yīng)式的網(wǎng)站導(dǎo)航剛好在一行內(nèi)展示,如果需要再添加一個(gè)新的導(dǎo)航類目、內(nèi)容章節(jié),或者將導(dǎo)航標(biāo)題翻譯成其他語(yǔ)言后導(dǎo)致字符長(zhǎng)度變化,你知道會(huì)發(fā)生什么嗎?沒(méi)錯(cuò)!這些情況都會(huì)破壞原有的設(shè)計(jì)方案,比如會(huì)出現(xiàn)導(dǎo)航全部擠在一起的情況,這簡(jiǎn)直會(huì)要了那些“粗手指”的命,因?yàn)樵谛∑聊簧?,怎么點(diǎn)也點(diǎn)不到自己想要訪問(wèn)的導(dǎo)航鏈,這樣就大大增加了誤操作的幾率。
更嚴(yán)重的是,這可能意味著之前的網(wǎng)站設(shè)計(jì)有可能要推倒重來(lái),重新改版,而這僅僅是因?yàn)槟阆胍谠械木W(wǎng)站上做一些小的改變。
在性能決定一切的當(dāng)下,移動(dòng)網(wǎng)絡(luò)體驗(yàn)必須和閃電一樣快。迅速、實(shí)用、兼容的體驗(yàn)對(duì)所有移動(dòng)設(shè)備都是挑戰(zhàn)。當(dāng)你使用響應(yīng)式設(shè)計(jì)時(shí),這些挑戰(zhàn)就存在。援引Ethan Marcotte的話:“最重要的是,響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的初衷不是要取代移動(dòng)網(wǎng)頁(yè)。”響應(yīng)式設(shè)計(jì)從來(lái)不是意味著要解決“性能”,然而,相信它能解決你所有問(wèn)題,這大錯(cuò)特錯(cuò)。如果我們能使用一些其他的技術(shù),就可以實(shí)現(xiàn)獲得響應(yīng)式設(shè)計(jì)好處的同時(shí),同時(shí)又不影響移動(dòng)設(shè)備的性能,這是比較理想的。
本文章來(lái)源:尚品中國(guó)
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁(yè)面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開(kāi)發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開(kāi)發(fā)
- 小程序開(kāi)發(fā)
- 無(wú)錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽(yáng)網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
新網(wǎng)站切入點(diǎn)要合適特色要明顯!
大家知道在網(wǎng)站制作最難的是你如何選擇一個(gè)正確的主題切入,即:你要做一個(gè)...
2018-06-13 -
Linux系統(tǒng)安裝Apache、MySql和PHP
Linux系統(tǒng)是一個(gè)源代碼開(kāi)放的操作系統(tǒng),目前已經(jīng)有很多版本流行。本文...
2015-12-14 -
網(wǎng)站的內(nèi)頁(yè)需要怎樣去優(yōu)化才能做得更好?
通常我們建站,內(nèi)頁(yè)都是馬馬虎虎弄一下,并沒(méi)設(shè)置或調(diào)用那些什么標(biāo)題,關(guān)鍵...
2018-08-13 -
研究所網(wǎng)站建設(shè)公司實(shí)力該如何判斷?
研究所網(wǎng)站建設(shè)工作要求比較嚴(yán)格,需要注重專業(yè)嚴(yán)謹(jǐn)性,同時(shí)要體現(xiàn)網(wǎng)站高端...
2022-09-29 -
網(wǎng)站建設(shè)如何選擇服務(wù)器?
在互聯(lián)網(wǎng)的大潮下,越來(lái)越多的企業(yè)都建立起企業(yè)網(wǎng)站,希望獲得更多的流量和...
2020-10-05 -
如何選擇網(wǎng)絡(luò)營(yíng)銷的傳播方式
大部分的網(wǎng)絡(luò)新聞閱讀者都會(huì)主要針對(duì)垂點(diǎn)內(nèi)容,而且像門戶網(wǎng)站之類信息量大...
2016-01-12
預(yù)約專業(yè)咨詢顧問(wèn)溝通!
免責(zé)聲明
非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com