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

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

因?yàn)橛行〇|西真的不知道怎么去配圖，更好的就用文字來(lái)描述，有點(diǎn)小懶，呵呵，有機(jī)會(huì)的時(shí)候會(huì)補(bǔ)充。這里我就專門精簡(jiǎn)的概括就好了，點(diǎn)明重點(diǎn)即可！

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

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

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

2.信息推送

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

3.SVG圖形和動(dòng)畫

憑借出眾的處理性能和動(dòng)畫性能，加載速度，毋庸置疑，它遠(yuǎn)遠(yuǎn)高于png，jpg，gif。

我主要使用SVGDeveloper將動(dòng)畫與jquery結(jié)合起來(lái)，因?yàn)樗褂胢ac系統(tǒng)，這個(gè)工具使用虛擬機(jī)并行桌面與mac系統(tǒng)一起運(yùn)行

4.超快用戶體驗(yàn)

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

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

5.智能響應(yīng)

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

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

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

6.ServiceWorkers

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

7.360全景+視頻交互

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

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

8.基于HTML5的交互

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

9.PJAX的普及

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

10.CSS3動(dòng)畫將更加廣泛

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

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

沒有提到移動(dòng)端的一些常見趨勢(shì)，谷歌百度是一大堆，還有另一點(diǎn)：

11.web移動(dòng)端的PC效果移植

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