每天，用于訪問互聯網的設備、平臺和瀏覽器的數量都在不間斷的增加。大多數的用戶仍然在用傳統的平臺來訪問網絡。但是在不同的設配上如何最好的讓網 頁去兼容成為更多的網頁設計師需要考慮的問題。很多設計師已經在注意這個問題的關鍵因素。讓自己的網站在各種平臺上都能茁壯成長。在最新的調查中我們可以 清晰的看到不管是電腦的銷量還是搜索的設備統計，傳統的PC正在被各種移動端設備超越。在不久的將來，移動或許就能主宰整個互聯網的起伏。下面是我們分享 出的10個讓人驚訝的網頁設計創意。你可以從中得到更多的靈感。

在您的桌面上，當你打開這個網站，它立即迷人。大膽的，黑色的，正當的標題對比精美的背景幾乎水彩畫般的品質。本網站適應手機大小，是顯著的變化，該網站看起來還是很大的。

憑借其廣泛的布局，線條簡潔，結構簡單，簡約的網頁設計，這個網站是一個很好的例子。平板電腦或手機上查看時，也有很好的調整和分布。

色彩的運用是驚人的，真正的3D網站。該網站是獨特的和令人興奮的，失去了對移動的影響。

設計師在這里再次讓用他的工作來為自己說話。在其全尺寸的這個網站是美麗的，這通過進行完美到移動，其中包括一個微妙的標志。

這個網站是有趣的，好玩的，獨特其中包括在此列表中的其他網站。他們放棄干凈簡單，才能有樂趣的方式，仍然能提供風格與顏色，圖像和圖標。這可能是很難做到的，在一個狹小的空間，但設計師的毫不費力地管理。

使用本網站的形狀避免使用邊界和內容框，他們已成功地創建一個網站，展示他們的工作處于的最佳狀態。

同樣到Warspace，這是本網站的意象中真正起作用的。這是完美的結構，每一個設備上看起來很漂亮。

在網頁設計中，有時會被忽視的深顏色，但工作室MDS提高其內容與他們的大膽的決定。布局調整，以適應較小的屏幕尺寸。

這個網站有一個偉大的，復古的感覺，并利用紋理，圖像和字體創建的。

照片的色彩配置和使用給Mapbox一個干凈的空間，以展示他們的產品。

關于您的設計需要牢記的

現在你已經看過在一些網站，你很可能渴望開始設計自己一直有的架構能用上這些靈感。但在此之前，這里有幾件事情要記住。

圖片

為響應設計的一大障礙是設備如何顯示照片。與視網膜顯示器的MacBook Pro將會在更高的分辨率比手機，而這往往造成問題呈現的圖像。側步這個問題的方法之一是上傳高分辨率和低分辨率的照片副本。使用CSS，你可以根據設備的屏幕分辨率，圖像加載。

確定斷點

通常情況下，響應的設計是圍繞著被稱為“破發點” – 在布局的變化– 主要基于常見的設備的屏幕尺寸或分辨率。然而，這種方法的問題是，它并沒有考慮到不同的屏幕尺寸真的是。有沒有“萬能”的大小了。因 此，而不是預先確定的斷點為360px（移動），768px（片），1024px（桌面）這是更好地讓你的設計為自己說話。一個完整的布局從開始到調整你 的窗口，直到設計突破– 這一個斷點，然后繼續。你會發現你的網站流量順暢了很多。