2015-2016網頁設計趨勢分析 Web Design of Trends，接觸網頁也有5個年頭了，彎路走了不少，有付出必有回報，有得到必有所失，放眼世界，網頁設計其實很美妙，它帶著一個夢想。

近一年基本沒做過國內的網站，基本都是國外網站，自己對某些趨勢的把握還是有一定的想法的，雖然不能算是很厲害很完善，到時候會補充完善趨勢分析咯，先把以前歸納的簡潔版的文字放出來：）

因為有些東西真的不知道怎么去配圖，更好的就用文字來描述，有點小懶，呵呵，有機會的時候會補充。這里我就專門精簡的概括就好了，點明重點即可！

“我已經與網頁設計聯系了5年。我在早期只是一個新手。我努力工作。我喜歡繞道而行。我不在乎這個圈子是什么。追隨我的夢想。” - --- 沈陽網站建設 - 沙漠設計師說。已經聯系了游戲網頁，酷炫動感，FLASH，HTML5，SVG，平板，WIN8風格，準現場哦，不，不僅僅是聯系，應該是這些類型已經完成，作品混合但是，我一路追隨我的夢想。我不想討論這件事。主題開始：我沒有在互聯網上列出許多各種趨勢。我不是在重復它。我覺得2016年和未來。這些趨勢在2年內存在，我希望對設計師有一定的研究方向！

1.傳感器訪問賦予頁面對用戶環境的感知能力

多年來，網頁的用戶體驗非常有限，通常只有用戶的屏幕大小和瀏覽器類型。但現在各種W3C標準提供了各種傳感器數據，如環境光，麥克風和相機。這允許網站跳出頁面以獲取更多信息。

2.信息推送

讓網站保持與用戶的連接 - 即使用戶使用一些新的w3c新標準技術關閉了網站的瀏覽器選項卡。例如，您可以使用websocket和其他標準技術來實現信息推送體驗。

3.SVG圖形和動畫

憑借出眾的處理性能和動畫性能，加載速度，毋庸置疑，它遠遠高于png，jpg，gif。

我主要使用SVGDeveloper將動畫與jquery結合起來，因為它使用mac系統，這個工具使用虛擬機并行桌面與mac系統一起運行

4.超快用戶體驗

“離線優先”，HTML5應用程序類緩存

談論網頁的速度和等待時間非常重要。

5.智能響應

根據用戶點擊等響應內容，而不僅僅是響應設備分辨率，因此這里的智能響應不僅僅是響應式布局響應式布局。

例如，當您是新用戶并開始瀏覽文章時，將會有一種在線常見問題解答來響應您的操作。相反，當您在登錄后閱讀文章時，會有一個注釋功能來幫助您更好地組織文章。方便下次閱讀。

例如，Medium和The Next Web在閱讀方面做得很好。

6.ServiceWorkers

它允許網站安裝Javascript文件，讓Web本地應用，并推送離線，這類似于基于WEB的半原生，甚至本機APP實現。

7.360全景+視頻交互

使用HTML5技術的生動360全景顯示，視頻內置于其中，形成的場景交互使網站完全朝向真實場景。

這種體驗結合了攝影，技術，表現力，特效，音效等，我在FWA上看到了幾個網站

8.基于HTML5的交互

例如，碎片，離子，NDA，電影效果等應用于全屏旋轉木馬，標簽切換，登錄注冊彈出窗口和其他模塊。

9.PJAX的普及

它本應該經歷過兩個網站的行為和pinterest，然后慢慢傳播到國內，如花瓣，接著是最近的運球瀑布流，并查看工作的修改經驗，使用HTML5功能結合full /部分刷新以實現更改URL不會刷新和加載，同時滿足SEO的需求。

10.CSS3動畫將更加廣泛

現在做國外設計基本上不需要考慮下面的IE9，也就是說，基本上不需要考慮IE，所以善用CSS3動畫可以大大提高網站的視覺舒適度，特別是細節動畫，小細節動畫可能是畫龍點睛的筆。

看到這些感受是如何在PC方面的趨勢是一種趨勢嗎？ NO，NO，其實移動端也同時也有這些趨勢，移動不僅僅用APP這個詞來衡量，現在APP的技術門檻越來越低，街頭滿滿的賣白菜，不均勻，基于移動經驗的趨勢也很重要。

沒有提到移動端的一些常見趨勢，谷歌百度是一大堆，還有另一點：

11.web移動端的PC效果移植

我們在PC網站視差，滾輪監聽，滑出和其他交互式效果上很常見，使用HTML5的一些新功能，使用國外的開源移動框架，你也可以將PC上的酷炫效果移植到移動端，經驗會有很大不同。