發(fā)布日期：2017/8/20

摘要： 注：接觸網(wǎng)頁也有5個年頭了，彎路走了不少，有支出必有回報，有得到必有所失，放眼世界，網(wǎng)頁設(shè)計其實很美妙，它帶著一個夢想。 近一年基本沒做過國內(nèi)的網(wǎng)站，基本都是國外網(wǎng)

 

 

注：接觸網(wǎng)頁也有5個年頭了，彎路走了不少，有支出必有回報，有得到必有所失，放眼世界，網(wǎng)頁設(shè)計其實很美妙，它帶著一個夢想。

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

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

接觸網(wǎng)頁設(shè)計也有5個年頭了，我也只是剛出頭的菜鳥，我很努力，我愛走彎路，我不在乎圈子是個什么，跟著自己的夢想走。

接觸過游戲網(wǎng)頁百度網(wǎng)站優(yōu)化，酷炫動感的，F(xiàn)LASH的，HTML5的，SVG的，扁平化的，WIN8風(fēng)格的，擬物場景的，oh,no，不是單純接觸，應(yīng)該是這些類型都做過，作品雜七雜八，但是也一路跟著自己的夢想走來，多的不說啦，正題開始：

網(wǎng)上許多各種雜七雜八的趨勢分析過的我就不列出來了，都是重復(fù)的沒啥意思上海做網(wǎng)站信息網(wǎng)，感覺2016年、未來2年內(nèi)有這些趨勢存在，希望對設(shè)計師們有一定的研究方向!

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

許多年以來，web 頁面掌握的用戶情況十分有限，通常只有效戶的屏幕尺寸以及瀏覽器類型等。但現(xiàn)在各種 W3C 標準把環(huán)境光、麥克風(fēng)、攝像優(yōu)等各種傳感器數(shù)據(jù)都提供出來了。這使得網(wǎng)站可以跳出頁面之外掌握更為雄厚的信息。

2.信息推送

讓網(wǎng)站可以保持與用戶的連接—哪怕用戶關(guān)閉了網(wǎng)站的瀏覽器標簽頁，使用一些新的w3c新標準技術(shù)。比如可以使用websocket，還有其它標準技術(shù)實現(xiàn)信息推送的體驗。

3.SVG圖形和動畫

以優(yōu)勝的處理性能和動畫性能，加載速度，不言而喻它比png,jpg,gif效率質(zhì)量都高太多。

我自己主要使用SVGDeveloper這款工具結(jié)合jquery做動畫宿遷閱報欄廠家，因為用的是mac系統(tǒng)上海做網(wǎng)站，這款工具要使用虛擬機parallels desktop來配合mac系統(tǒng)運行

4.超快用戶體驗

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

網(wǎng)頁的瀏覽速度和等待時間就不用多說了，特別很是主要。

5.智能響應(yīng)

根據(jù)用戶點擊等等而響應(yīng)內(nèi)容，而不是僅僅根據(jù)設(shè)備分辨率響應(yīng)，所以這里說的智能響應(yīng)并不僅僅指響應(yīng)式布局Responsive Layout.

比如：當你是新用戶開始瀏覽文章時，會有在線FAQ的表單來響應(yīng)你的操作，反之，在你登陸后閱讀一篇文章的時候，會有標注功能讓你更好的對文章進行整頓方便下次閱讀。

比如Medium和The Next Web在閱讀體驗上做得就特別很是棒。

6.ServiceWorkers

可讓網(wǎng)站安裝 javascript 文件，讓web原生應(yīng)用化，離線推送，這就類似一個基于WEB的半原生，甚至就是原生APP的實現(xiàn)。

　　7.360全景+視頻交互

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

這種體驗將攝影，技術(shù)，體現(xiàn)力，，音效等方面結(jié)合起來，在FWA上看到過幾個網(wǎng)站

8.基于HTML5的交互

比如碎片、離子、NDA、電影等運用到全屏輪播，tab切換，登陸注冊彈窗等模塊中。

9.PJAX的普及

應(yīng)該是體驗在behance和pinterest這兩個網(wǎng)站上，然后慢慢流行到了國內(nèi)，比如花瓣，接著是前不久dribbble的瀑布流和查看作品的改版體驗，行使HTML5的特征結(jié)合完全/局部刷新實現(xiàn)改變網(wǎng)址無刷新加載，同時知足seo的需求。

10.CSS3動畫將更加廣泛

現(xiàn)在做國外的設(shè)計基本不用考慮IE9以下了，也就是說基本不用考慮IE，所以很好的運用CSS3動畫能大大提高網(wǎng)站的視覺舒適程度，特殊是細節(jié)動畫，小小的細節(jié)動畫可能會是點睛之筆哦。

是不是看了這些感覺怎么都是PC端的趨勢?NO,NO，其實移動端也同時存在這些趨勢，移動不僅僅使用APP這個詞去衡量的，現(xiàn)在APP的技術(shù)門檻越來越低，滿大街都是，和賣白菜一樣，參差不齊，基于移動端的體驗趨勢，也是特別很是主要的。

移動端的一些常見趨勢就不說了，谷歌百度一大堆，再增添一點：

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

我們在PC網(wǎng)站上很常見視差，滾輪偵聽，滑出等交互效果，使用HTML5的一些新特征，使用國外開源的移動框架，可以將PC上酷炫的效果同樣移植到移動端上，體驗會大不一樣。