響應和自適應網(wǎng)頁設(shè)計之間的差異
日期:2016/5/5 / 人氣:
響應性和自適應網(wǎng)頁設(shè)計是創(chuàng)造這兩種方法多設(shè)備瀏覽的網(wǎng)站,可以在多種屏幕尺寸的工作。雖然響應的網(wǎng)頁設(shè)計由谷歌推薦,是目前比較流行的兩種方法,這兩種方法對多設(shè)備的網(wǎng)頁設(shè)計有自己的長處和自己的短處。
讓我們來看看響應和自適應網(wǎng)頁設(shè)計之間的差異,特別關(guān)注這些關(guān)鍵領(lǐng)域:
易于開發(fā)
您對設(shè)計的控制水平
設(shè)備的廣度/屏幕支持
今后如何友好的解決方案
總體下載速度和網(wǎng)站性能
一些定義
在我們進入我們的身邊并排的響應性和自適應網(wǎng)頁設(shè)計的比較,讓我們花點時間來看看這兩種方法的高層次的定義。
網(wǎng)站的響應有一個流體布局,改變和適應,無論所使用的屏幕尺寸。媒體查詢允許響應網(wǎng)站甚至改變“對飛”如果瀏覽器被調(diào)整。
自適應設(shè)計,采用基于預先確定的斷點固定尺寸為客戶提供最合適的布局版本因為這是當?shù)谝淮渭虞d頁面發(fā)現(xiàn)屏幕尺寸。
有了這些廣泛的定義,讓我們來談談我們關(guān)注的重點領(lǐng)域。
易于開發(fā)
響應和自適應網(wǎng)絡(luò)設(shè)計之間的最顯著不同的是在這些解決方案被應用于一個網(wǎng)站的方式。由于響應式設(shè)計創(chuàng)建了一個完全流動布局,最好是在哪里你項目中使用重新設(shè)計從地上爬起來的網(wǎng)站。
試圖改造現(xiàn)有網(wǎng)站的代碼,成為響應往往是一個艱苦的事情,因為你根本就沒有控制的水平,如果你是從頭開始開發(fā)這些代碼,并采取響應的設(shè)計考慮到了這一過程的最早階段,你將不得不。這意味著,當你改造一個網(wǎng)站響應,你不得不做出妥協(xié),以保持現(xiàn)有的代碼庫中。
如果您正在使用現(xiàn)有的固定寬度的網(wǎng)站工作,自適應方法意味著你可以離開該網(wǎng)站是專為完整的尺寸,并根據(jù)需要額外自適應添加斷點。在某些情況下,如果一個項目的預算是小,如果它只會容納的開發(fā)工作少量的,你可以選擇只為小屏幕/移動為中心的大小增加新的自適應斷點。這意味著您將允許更大的屏幕,都使用相同的布局 – 也許一個960斷點的版本這是什么網(wǎng)站很可能是最初設(shè)計為。
上攻到自適應方法是,你可以更好地利用現(xiàn)有網(wǎng)站的代碼,但缺點之一是,你正在創(chuàng)建你選擇支持每個斷點不同的布局模板。這必將對開發(fā)和維護的長期本解決方案所需的工作量產(chǎn)生影響。
設(shè)計控制
一種響應網(wǎng)站的優(yōu)勢之一是,他們的流動性使他們適應并支持所有的屏幕尺寸,而不是只在一個自適應的方法確定的預先設(shè)定的斷點。然而事實是,響應網(wǎng)站可以看一些關(guān)鍵的屏幕尺寸(對應于市場上流行的設(shè)備一般大小)很大,但視覺設(shè)計往往打破了這些流行的分辨率之間。
例如,一個網(wǎng)站可能在1400像素,960像素中間的屏幕尺寸,屏幕看起來很小的480像素,但什么寬屏幕布局很好看這些尺寸的介于兩者之間的狀態(tài)?作為設(shè)計師,你有一點無法控制這些介于兩者之間的大小和頁面的那些大小視一眼往往不太理想。
具有自適應網(wǎng)站,你有被使用過的各種布局更設(shè)計控制,因為它們是基于已建立的斷點固定的大小。這些尷尬的狀態(tài)在兩者之間是沒有問題的再因為你精心設(shè)計的每一個“看”(即每個斷點的顯示屏)將交付給參觀者。
至于因為這級設(shè)計的控制可能聽起來誘人,你一定要知道它是要付出代價的。是的,您對每一個斷點的外觀完全控制,但是這意味著你必須投資設(shè)計為每個獨特的布局所需要的設(shè)計時間。你選擇以設(shè)計為,更多的時間越斷點,你需要在這個過程花費。
支持的廣度
這兩種反應和適應性網(wǎng)頁設(shè)計欣賞相當強勁的支持,尤其是在現(xiàn)代瀏覽器。
自適應網(wǎng)站需要對屏幕尺寸的檢測無論是服務器端組件或Javascript。顯然,如果一個自適應網(wǎng)站需要JavaScript,這意味著瀏覽器需要有它啟用,以使該站點正常工作。這可能不是一個大問題給你,因為大多數(shù)人都會有使用Javascript在他們的瀏覽器,但任何時候一個網(wǎng)站有上的任何一個關(guān)鍵的依賴,應該注意。
網(wǎng)站的響應和動力他們媒體查詢將在所有現(xiàn)代瀏覽器正常工作。你將有唯一的問題是用最古老的版本的Internet Explorer自8及以下版本不支持媒體查詢。要解決此,一個Javascript填充工具經(jīng)常使用,這意味著有JavaScript的依賴在這里為好,至少在IE瀏覽器的那些過時的版本。同樣,這可能并不多你一個問題,特別是如果你的網(wǎng)站的分析表明您沒有收到使用這些舊版瀏覽器眾多參觀者。
未來的友好
網(wǎng)站的響應的流體性質(zhì)讓他們在適應網(wǎng)站的優(yōu)勢,當談到未來的友好性。這是因為這些網(wǎng)站的響應不建,以適應只有先前建立一套轉(zhuǎn)折點。他們適應,以適應所有的屏幕,包括那些實際上可能不是當今市場。這意味著響應站點將不需要被“固定”,如果新屏幕分辨率突然變得流行。
看著在設(shè)備景觀令人難以置信的各種(截至2015年8月,有超過24,000名不同的Android設(shè)備在市場上),有一個網(wǎng)站,會盡力適應這種廣泛的屏幕是未來友好至關(guān)重要。這是因為橫向不可能得到任何在將來,這意味著,在設(shè)計用于特定的屏幕或大小將變得不可能,如果我們尚未達到這一現(xiàn)實更少多樣化。
在這種情況下比較的另一邊,如果一個網(wǎng)站是自適應的,它不適合新的決議,可能會在市場中變得重要,那么,你可能會被迫斷點添加到您所創(chuàng)建的網(wǎng)站。這增加了設(shè)計和開發(fā)時間到項目和它意味著那些自適應網(wǎng)站必須一致監(jiān)測,以確保沒有新的中斷點已被引入必須添加到網(wǎng)站上的市場。再次,與設(shè)備的多樣性是它是什么,不必不斷地用新的斷點檢查新的尺寸和可能容納它們是會對工作產(chǎn)生影響,你必須支持一個位點和保養(yǎng)的費用一個持續(xù)的挑戰(zhàn)公司或組織對他們來說,網(wǎng)站是為。
性能
自適應網(wǎng)頁設(shè)計早已被從一個貧窮的解決方案被告(不公平所以在很多情況下),下載的速度/性能的角度來看。這主要是由于這樣的事實,在這種方法中的初期,許多網(wǎng)頁設(shè)計師只需上漲小屏幕媒體查詢到網(wǎng)站的現(xiàn)有CSS。這迫使用于大屏幕圖像和資源傳遞到所有的設(shè)備,即使這些小屏幕沒有在最終的布局中使用它們。因為這些天響應式設(shè)計已經(jīng)走過了漫長的道路,但現(xiàn)實是,今天的質(zhì)量響應網(wǎng)站不從性能問題的困擾。
下載速度慢和臃腫的網(wǎng)站是不是一個負責任的網(wǎng)站的問題-它是一個可以在所有網(wǎng)站上發(fā)現(xiàn)了一個問題。圖片過于沉重,從社交媒體,過度的腳本和更飼料和權(quán)衡下來的網(wǎng)站,但都反應和適應性網(wǎng)站建成后可快速裝載。當然, 它們也可以以一種不會使性能優(yōu)先構(gòu)造,但是這不是解決方案本身的性狀,而是參與網(wǎng)站本身的發(fā)展團隊的一種反映。
除了布局
一個自適應網(wǎng)頁設(shè)計中最引人注目的方面是,你不僅在網(wǎng)站設(shè)置斷點的設(shè)計控制,還以為是為那些網(wǎng)站版本提供的資源。例如,這意味著視網(wǎng)膜圖像可以僅發(fā)送到視網(wǎng)膜的設(shè)備,非視網(wǎng)膜屏幕獲得更適當?shù)膱D像是在文件大小更小。其它網(wǎng)站資源(JavaScript文件,CSS樣式等)需要,將用于當他們被巧妙地只交付。
這種利用自適應網(wǎng)頁設(shè)計遠遠超出“如果你是改造一個網(wǎng)站,自適應可使用一個更簡單的方法。”所有的網(wǎng)站,包括徹底的重新設(shè)計,對簡單的公式可以從一個更聰明的方法中獲益,以更有針對性的體驗。
此方案顯示了這種“有求必應與適應性”的爭論的細致入微的性質(zhì)。雖然這是事實,自適應的方法可能更適合較敏感的部位改造,它也可以是全重新設(shè)計的最佳解決方案。同樣,在某些情況下,一個負責任的做法可以被添加到現(xiàn)有網(wǎng)站的代碼庫,使該網(wǎng)站的充分響應方法的所有優(yōu)點。
哪個方法更好?
當談到與響應自適應網(wǎng)頁設(shè)計,沒有明確的“贏家”,雖然反應肯定是比較流行的做法。事實上,“精益求精”的方法取決于具體項目的需要。此外,這并不需要是一個“要么/或”的情況。有許多網(wǎng)絡(luò)專業(yè)人士誰正在建設(shè),結(jié)合了最好的響應網(wǎng)頁設(shè)計(流體寬度,未來支持)與自適應設(shè)計(更好的設(shè)計控制,站點資源的智能負載)的優(yōu)勢點。
俗稱RESS(自適應網(wǎng)頁設(shè)計與服務器端組件),這種做法表明,真的有沒有“一刀切的解決方案。”無論是響應網(wǎng)頁設(shè)計和適應性都有自己的長處和他們的挑戰(zhàn),所以你需要確定哪一個將工作最適合你的特定項目,或者如果一個混合的解決方案實際上可能最適合您。
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應式設(shè)計需要媒體查詢2016/8/5
- 虛擬主機被搜索引擎爬蟲訪問耗費大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個人網(wǎng)站的好處2016/7/8
- 前端開發(fā)者需要知道的常識2016/7/6
- 12種方法為您拓展業(yè)務通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來提高你的網(wǎng)站設(shè)計2016/7/24
- 網(wǎng)站統(tǒng)計用哪個比較好,百度?cnzz?2016/7/21