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

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

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

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

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

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

2.信息推送

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

3.SVG圖形和動畫

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

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

4.超快用戶體驗

“離線優(yōu)先”，HTML5應(yīng)用程序類緩存

談?wù)摼W(wǎng)頁的速度和等待時間非常重要。

5.智能響應(yīng)

根據(jù)用戶點擊等響應(yīng)內(nèi)容，而不僅僅是響應(yīng)設(shè)備分辨率，因此這里的智能響應(yīng)不僅僅是響應(yīng)式布局響應(yīng)式布局。

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

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

6.ServiceWorkers

它允許網(wǎng)站安裝Javascript文件，讓W(xué)eb本地應(yīng)用，并推送離線，這類似于基于WEB的半原生，甚至本機APP實現(xiàn)。

7.360全景+視頻交互

使用HTML5技術(shù)的生動360全景顯示，視頻內(nèi)置于其中，形成的場景交互使網(wǎng)站完全朝向真實場景。

這種體驗結(jié)合了攝影，技術(shù)，表現(xiàn)力，特效，音效等，我在FWA上看到了幾個網(wǎng)站

8.基于HTML5的交互

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

9.PJAX的普及

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

10.CSS3動畫將更加廣泛

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

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

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

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

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