• 響應和自適應網頁設計之間的差異

    日期:2016/5/5 / 人氣:

    響應性和自適應網頁設計是創造這兩種方法多設備瀏覽的網站,可以在多種屏幕尺寸的工作。雖然響應的網頁設計由谷歌推薦,是目前比較流行的兩種方法,這兩種方法對多設備的網頁設計有自己的長處和自己的短處。

    讓我們來看看響應和自適應網頁設計之間的差異,特別關注這些關鍵領域:

    易于開發
    您對設計的控制水平
    設備的廣度/屏幕支持
    今后如何友好的解決方案
    總體下載速度和網站性能
    一些定義

    在我們進入我們的身邊并排的響應性和自適應網頁設計的比較,讓我們花點時間來看看這兩種方法的高層次的定義。

    網站的響應有一個流體布局,改變和適應,無論所使用的屏幕尺寸。媒體查詢允許響應網站甚至改變“對飛”如果瀏覽器被調整。

    自適應設計,采用基于預先確定的斷點固定尺寸為客戶提供最合適的布局版本因為這是當第一次加載頁面發現屏幕尺寸。

    有了這些廣泛的定義,讓我們來談談我們關注的重點領域。

    易于開發

    響應和自適應網絡設計之間的最顯著不同的是在這些解決方案被應用于一個網站的方式。由于響應式設計創建了一個完全流動布局,最好是在哪里你項目中使用重新設計從地上爬起來的網站。

    試圖改造現有網站的代碼,成為響應往往是一個艱苦的事情,因為你根本就沒有控制的水平,如果你是從頭開始開發這些代碼,并采取響應的設計考慮到了這一過程的最早階段,你將不得不。這意味著,當你改造一個網站響應,你不得不做出妥協,以保持現有的代碼庫中。

    如果您正在使用現有的固定寬度的網站工作,自適應方法意味著你可以離開該網站是專為完整的尺寸,并根據需要額外自適應添加斷點。在某些情況下,如果一個項目的預算是小,如果它只會容納的開發工作少量的,你可以選擇只為小屏幕/移動為中心的大小增加新的自適應斷點。這意味著您將允許更大的屏幕,都使用相同的布局 – 也許一個960斷點的版本這是什么網站很可能是最初設計為。

    上攻到自適應方法是,你可以更好地利用現有網站的代碼,但缺點之一是,你正在創建你選擇支持每個斷點不同的布局模板。這必將對開發和維護的長期本解決方案所需的工作量產生影響。

    設計控制

    一種響應網站的優勢之一是,他們的流動性使他們適應并支持所有的屏幕尺寸,而不是只在一個自適應的方法確定的預先設定的斷點。然而事實是,響應網站可以看一些關鍵的屏幕尺寸(對應于市場上流行的設備一般大。┖艽,但視覺設計往往打破了這些流行的分辨率之間。

    例如,一個網站可能在1400像素,960像素中間的屏幕尺寸,屏幕看起來很小的480像素,但什么寬屏幕布局很好看這些尺寸的介于兩者之間的狀態?作為設計師,你有一點無法控制這些介于兩者之間的大小和頁面的那些大小視一眼往往不太理想。

    具有自適應網站,你有被使用過的各種布局更設計控制,因為它們是基于已建立的斷點固定的大小。這些尷尬的狀態在兩者之間是沒有問題的再因為你精心設計的每一個“看”(即每個斷點的顯示屏)將交付給參觀者。

    至于因為這級設計的控制可能聽起來誘人,你一定要知道它是要付出代價的。是的,您對每一個斷點的外觀完全控制,但是這意味著你必須投資設計為每個獨特的布局所需要的設計時間。你選擇以設計為,更多的時間越斷點,你需要在這個過程花費。

    支持的廣度

    這兩種反應和適應性網頁設計欣賞相當強勁的支持,尤其是在現代瀏覽器。

    自適應網站需要對屏幕尺寸的檢測無論是服務器端組件或Javascript。顯然,如果一個自適應網站需要JavaScript,這意味著瀏覽器需要有它啟用,以使該站點正常工作。這可能不是一個大問題給你,因為大多數人都會有使用Javascript在他們的瀏覽器,但任何時候一個網站有上的任何一個關鍵的依賴,應該注意。

    網站的響應和動力他們媒體查詢將在所有現代瀏覽器正常工作。你將有唯一的問題是用最古老的版本的Internet Explorer自8及以下版本不支持媒體查詢。要解決此,一個Javascript填充工具經常使用,這意味著有JavaScript的依賴在這里為好,至少在IE瀏覽器的那些過時的版本。同樣,這可能并不多你一個問題,特別是如果你的網站的分析表明您沒有收到使用這些舊版瀏覽器眾多參觀者。

    未來的友好

    網站的響應的流體性質讓他們在適應網站的優勢,當談到未來的友好性。這是因為這些網站的響應不建,以適應只有先前建立一套轉折點。他們適應,以適應所有的屏幕,包括那些實際上可能不是當今市場。這意味著響應站點將不需要被“固定”,如果新屏幕分辨率突然變得流行。

    看著在設備景觀令人難以置信的各種(截至2015年8月,有超過24,000名不同的Android設備在市場上),有一個網站,會盡力適應這種廣泛的屏幕是未來友好至關重要。這是因為橫向不可能得到任何在將來,這意味著,在設計用于特定的屏幕或大小將變得不可能,如果我們尚未達到這一現實更少多樣化。

    在這種情況下比較的另一邊,如果一個網站是自適應的,它不適合新的決議,可能會在市場中變得重要,那么,你可能會被迫斷點添加到您所創建的網站。這增加了設計和開發時間到項目和它意味著那些自適應網站必須一致監測,以確保沒有新的中斷點已被引入必須添加到網站上的市場。再次,與設備的多樣性是它是什么,不必不斷地用新的斷點檢查新的尺寸和可能容納它們是會對工作產生影響,你必須支持一個位點和保養的費用一個持續的挑戰公司或組織對他們來說,網站是為。

    性能

    自適應網頁設計早已被從一個貧窮的解決方案被告(不公平所以在很多情況下),下載的速度/性能的角度來看。這主要是由于這樣的事實,在這種方法中的初期,許多網頁設計師只需上漲小屏幕媒體查詢到網站的現有CSS。這迫使用于大屏幕圖像和資源傳遞到所有的設備,即使這些小屏幕沒有在最終的布局中使用它們。因為這些天響應式設計已經走過了漫長的道路,但現實是,今天的質量響應網站不從性能問題的困擾。

    下載速度慢和臃腫的網站是不是一個負責任的網站的問題-它是一個可以在所有網站上發現了一個問題。圖片過于沉重,從社交媒體,過度的腳本和更飼料和權衡下來的網站,但都反應和適應性網站建成后可快速裝載。當然, 它們也可以以一種不會使性能優先構造,但是這不是解決方案本身的性狀,而是參與網站本身的發展團隊的一種反映。

    除了布局

    一個自適應網頁設計中最引人注目的方面是,你不僅在網站設置斷點的設計控制,還以為是為那些網站版本提供的資源。例如,這意味著視網膜圖像可以僅發送到視網膜的設備,非視網膜屏幕獲得更適當的圖像是在文件大小更小。其它網站資源(JavaScript文件,CSS樣式等)需要,將用于當他們被巧妙地只交付。

    這種利用自適應網頁設計遠遠超出“如果你是改造一個網站,自適應可使用一個更簡單的方法!彼械木W站,包括徹底的重新設計,對簡單的公式可以從一個更聰明的方法中獲益,以更有針對性的體驗。

    此方案顯示了這種“有求必應與適應性”的爭論的細致入微的性質。雖然這是事實,自適應的方法可能更適合較敏感的部位改造,它也可以是全重新設計的最佳解決方案。同樣,在某些情況下,一個負責任的做法可以被添加到現有網站的代碼庫,使該網站的充分響應方法的所有優點。

    哪個方法更好?

    當談到與響應自適應網頁設計,沒有明確的“贏家”,雖然反應肯定是比較流行的做法。事實上,“精益求精”的方法取決于具體項目的需要。此外,這并不需要是一個“要么/或”的情況。有許多網絡專業人士誰正在建設,結合了最好的響應網頁設計(流體寬度,未來支持)與自適應設計(更好的設計控制,站點資源的智能負載)的優勢點。

    俗稱RESS(自適應網頁設計與服務器端組件),這種做法表明,真的有沒有“一刀切的解決方案!睙o論是響應網頁設計和適應性都有自己的長處和他們的挑戰,所以你需要確定哪一個將工作最適合你的特定項目,或者如果一個混合的解決方案實際上可能最適合您。

    作者:朋友圈科技


    Go To Top 回頂部
    曾女士铁板神数彩图 德钦县| 贵定县| 平昌县| 逊克县| 金乡县| 平罗县| 周至县| 佛山市| 全州县| 顺平县| 石屏县| 巴彦淖尔市| 崇义县| 钟祥市| 徐州市| 石家庄市| 民丰县| 诸暨市| 五原县| 鞍山市| 汶川县| 昭通市| 合阳县| 称多县| 隆昌县| 福鼎市| 梁山县| 伊宁县| 桂东县| 手游| 安远县| 永宁县| 崇礼县| 承德县| 河曲县| 晋江市| 和硕县| 沽源县| 滦南县| 青海省| 清河县| http://qq.8765ps.top http://china.06z2m8.top http://www.able18l.site http://m.sinas9g.pw http://v.lsjprh.club http://www.able13n.site