成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

性能決定一切,響應(yīng)式能否解決一些問題

2021-09-20    分類: 網(wǎng)站建設(shè)

認(rèn)為響應(yīng)式能解決所有問題,那就大錯特錯了

據(jù)有關(guān)數(shù)據(jù)顯示,當(dāng)前大約有11%的網(wǎng)站是響應(yīng)式,而且這個數(shù)字還在增長。即便如此,我們也應(yīng)該對響應(yīng)式設(shè)計(jì)有一個基本的認(rèn)識:響應(yīng)式設(shè)計(jì)是很棒,但不是萬能鑰匙。自2000年開始,設(shè)計(jì)者和開發(fā)者就把移動設(shè)備的問題過于簡單化,以至于現(xiàn)在仍然有人認(rèn)為響應(yīng)式網(wǎng)頁設(shè)計(jì)能解決一切問題。

如果你在移動設(shè)備上一味堅(jiān)持響應(yīng)式設(shè)計(jì),在轉(zhuǎn)換率后就可能隱藏著性能問題。據(jù)GuyPodjarny研究,72%的響應(yīng)式網(wǎng)站不分屏幕大小都提供相同的字節(jié),而這勢必會降低移動網(wǎng)絡(luò)連接速度,你要清楚的是:不是所有用戶都有耐心等著網(wǎng)站加載,或許還沒等用戶感受到響應(yīng)式設(shè)計(jì)在不同屏幕的表現(xiàn),用戶就會因?yàn)檫t遲等不到加載結(jié)束就關(guān)掉網(wǎng)站。

只是考慮屏幕大小,很難達(dá)到移動化好呈現(xiàn)效果

移動化時代,響應(yīng)式可以解決跨桌面和移動端視窗大小范圍的問題。但是只考慮屏幕大小就低估了移動設(shè)備。因?yàn)楝F(xiàn)在,桌面和移動端的界限正在變得模糊,基于不同的設(shè)備對我們而言仍然有多種可能性。比如,不同設(shè)備渲染的方式各異,在iPhone上很棒的頁面或許在其它平臺上表現(xiàn)得很糟糕。

響應(yīng)是設(shè)計(jì)是一種根據(jù)設(shè)備屏幕大小和分辨率,基于桌面網(wǎng)站自適應(yīng)網(wǎng)站的內(nèi)容,設(shè)計(jì)和導(dǎo)航的方法。它對網(wǎng)站的布局有嚴(yán)格的要求,只有流體網(wǎng)格式的頁面布局才能被抓取,實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)效果。所以,響應(yīng)式設(shè)計(jì)是主要針對前端頁面的一種移動化解決方案。

對于網(wǎng)站的移動化來說,它是一種折中性質(zhì)的設(shè)計(jì)解決方案,因?yàn)樗荒芡ㄟ^后臺專門針對移動端設(shè)備進(jìn)行靈活的改變和調(diào)整,而且由于對設(shè)計(jì)要求嚴(yán)苛,它會因?yàn)槎喾矫嬉蛩赜绊懚y以達(dá)到好呈現(xiàn)效果。如果你不信,讓我們來看看幾個典型的例子:

例一:菜單折行

如果PC端頁面頂部使用了導(dǎo)航欄,當(dāng)頁面展現(xiàn)在小屏幕上時,響應(yīng)式設(shè)計(jì)通常會把它“掰”成更緊湊的格式,但這并非總是有效,如果顯示區(qū)域比斷點(diǎn)更寬,又不足以在一行顯示所有菜單項(xiàng)的話,結(jié)果會導(dǎo)致菜單的折行。

例二:圖片被裁剪

在響應(yīng)式設(shè)計(jì)中,內(nèi)容區(qū)域通常都隨窗口尺寸變化。所以當(dāng)網(wǎng)站有使用固定寬度圖片時,當(dāng)圖片超出顯示區(qū)域時,圖片就會被裁剪掉,如下圖,由于圖片太大,于是出現(xiàn)了滾動條,內(nèi)容被推到屏幕之外。

例三:元素扭曲

本質(zhì)上,布局顯示在小窗口上的時候,所有未經(jīng)處理的列都會以行的形式呈現(xiàn)。這是個問題,因?yàn)閮?nèi)容的扭曲會不經(jīng)意地改變設(shè)計(jì)的層級,并在一定程度上改變網(wǎng)站原有的布局結(jié)構(gòu),會出現(xiàn)用戶混淆的情況。

靈活度不夠,小改變會制造“大麻煩”

當(dāng)一個響應(yīng)式的網(wǎng)站導(dǎo)航剛好在一行內(nèi)展示,如果需要再添加一個新的導(dǎo)航類目、內(nèi)容章節(jié),或者將導(dǎo)航標(biāo)題翻譯成其他語言后導(dǎo)致字符長度變化,你知道會發(fā)生什么嗎沒錯!這些情況都會破壞原有的設(shè)計(jì)方案,比如會出現(xiàn)導(dǎo)航全部擠在一起的情況,這簡直會要了那些“粗手指”的命,因?yàn)樵谛∑聊簧?,怎么點(diǎn)也點(diǎn)不到自己想要訪問的導(dǎo)航鏈,這樣就大大增加了誤操作的幾率。

更嚴(yán)重的是,這可能意味著之前的網(wǎng)站設(shè)計(jì)有可能要推倒重來,重新改版,而這僅僅是因?yàn)槟阆胍谠械木W(wǎng)站上做一些小的改變。

在性能決定一切的當(dāng)下,移動網(wǎng)絡(luò)體驗(yàn)必須和閃電一樣快。迅速、實(shí)用、兼容的體驗(yàn)對所有移動設(shè)備都是挑戰(zhàn)。當(dāng)你使用響應(yīng)式設(shè)計(jì)時,這些挑戰(zhàn)就存在。援引EthanMarcotte的話:“最重要的是,響應(yīng)式網(wǎng)頁設(shè)計(jì)的初衷不是要取代移動網(wǎng)頁?!表憫?yīng)式設(shè)計(jì)從來不是意味著要解決“性能”,然而,相信它能解決你所有問題,這大錯特錯。如果我們能使用一些其他的技術(shù),就可以實(shí)現(xiàn)獲得響應(yīng)式設(shè)計(jì)好處的同時,同時又不影響移動設(shè)備的性能,這是比較理想的。

文章名稱:性能決定一切,響應(yīng)式能否解決一些問題
分享網(wǎng)址:http://jinyejixie.com/news/127654.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)、關(guān)鍵詞優(yōu)化、電子商務(wù)、品牌網(wǎng)站設(shè)計(jì)云服務(wù)器、響應(yīng)式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)
南京市| 九寨沟县| 聊城市| 布拖县| 静安区| 色达县| 张家川| 台南市| 成安县| 麻阳| 张家川| 安西县| 景洪市| 长寿区| 丹江口市| 梧州市| 莱州市| 霍邱县| 邢台县| 井研县| 慈溪市| 泸州市| 怀来县| 镇平县| 汤原县| 渝北区| 定州市| 永修县| 全州县| 潞西市| 河东区| 新巴尔虎左旗| 桓台县| 红原县| 金秀| 汉沽区| 石林| 朝阳区| 峨山| 秭归县| 霍山县|