網站設計趨勢分析

　　放眼世界，網頁設計其實很美妙，它帶著一個夢想，那麼你想知道網站設計趨勢是怎麼樣的嗎?下面就由小編為你帶來，希望你喜歡。

　　1.感測器訪問賦予頁面對使用者環境的感知能力

　　很多年以來，web 頁面掌握的使用者情況十分有限，通常只有使用者的螢幕尺寸以及瀏覽器型別等。但現在各種 W3C 標準把環境光、麥克風、攝像頭等各種感測器資料都提供出來了。這使得網站可以跳出頁面之外掌握更為豐富的資訊。

　　2.資訊推送

　　讓網站可以保持與使用者的連線—哪怕使用者關閉了網站的瀏覽器標籤頁，使用一些新的w3c新標準技術。比如可以使用websocket，還有其它標準技術實現資訊推送的體驗。

　　3.SVG圖形和動畫

　　以優越的處理效能和動畫效能，載入速度，不言而喻它比png,jpg,gif效率質量都高太多。

　　我自己主要使用SVGDeveloper這款工具結合jquery做動畫，因為用的是mac系統，這款工具要使用虛擬機器parallels desktop來配合mac系統執行

　　4.超快使用者體驗

　　“離線優先”，HTML5應用類快取

　　網頁的瀏覽速度和等待時間就不用多說了，非常重要。

　　5.智慧響應

　　根據使用者點選等等而響應內容，而不是僅僅根據裝置解析度響應，所以這裡說的智慧響應並不僅僅指響應式佈局Responsive Layout.

　　比如：當你是新使用者開始瀏覽文章時，會有線上FAQ的表單來響應你的操作，反之，在你登陸後閱讀一篇文章的時候，會有標註功能讓你更好的對文章進行整理方便下次閱讀。

　　比如Medium和The Next Web在閱讀體驗上做得就非常棒。

　　6.ServiceWorkers

　　可讓網站安裝 JavaScript 檔案，讓web原生應用化，離線推送，這就類似一個基於WEB的半原生，甚至就是原生APP的實現。

　　7.360全景+視訊互動

　　使用HTML5技術生動的360全景展示，視訊內置於其中，形成完美的場景互動，讓網站完全趨向真實場景。

　　這種體驗將攝影，技術，表現力，特效，音效等方面結合起來，在FWA上看到過幾個網站

　　8.基於HTML5的互動

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

　　9.PJAX的普及

　　最早應該是體驗在behance和pinterest這兩個網站上，然後慢慢流行到了國內，比如花瓣，接著是前不久dribbble的瀑布流和檢視作品的改版體驗，利用HTML5的特性結合完全/區域性重新整理實現改變網址無重新整理載入，同時滿足SEO的需求。

　　10.CSS3動畫將更加廣泛

　　現在做國外的設計基本不用考慮IE9以下了，也就是說基本不用考慮IE，所以很好的運用CSS3動畫能大大提高網站的視覺舒適程度，特別是細節動畫，小小的細節動畫可能會是點睛之筆哦。

　　是不是看了這些感覺怎麼都是PC端的趨勢?NO,NO，其實移動端也同時存在這些趨勢，移動不僅僅使用APP這個詞去衡量的，現在APP的技術門檻越來越低，滿大街都是，和賣白菜一樣，參差不齊，基於移動端的體驗趨勢，也是非常重要的。

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

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

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