2015 2016網頁設計趨勢分析

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

接觸過遊戲網頁，酷炫動感的，flash的，html5的，svg的，扁平化的，win8風格的，擬物場景的，oh,no，不是單純接觸，應該是這些型別都做過，作品雜七雜八，但是也一路跟著自己的夢想走來，多的不說啦，正題開始：

網上很多各種雜七雜八的趨勢分析過的我就不列出來了，都是重複的沒啥意思，感覺2023年、未來2年內有這些趨勢存在，希望對設計師們有一定的研究方向！

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.serviceworke程式設計客棧rs

可讓**安裝 j**ascript 檔案，讓web原生應用化，離線推送，這就類似乙個基於web的半原生，甚至就是原生app的實現。

7.360全景+**互動

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

這種體驗將iwfndv攝影，技術，表現力，特效，音效等方面結合起來，在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上酷炫的效果同樣移植到移動端上，體驗會大不一樣。

本文標題: 2015-2016網頁設計趨勢分析

本文位址: /news/exp/57498.html