交互式首頁指的是在網頁上做一些可以用鼠標或者鍵盤控制的元素來與用戶發生互動網頁制作在代碼上加鏈接，這樣用戶在首頁停留的時間會更久，同時卻很享受這個過程，提高用戶 體驗的同時提升網站的趣味性和企業形象。交互式頁面設計經常會運用到諸多HTML5或者CSS3技術，比如前面提到的粒子特效。
三、全屏富式導航
傳統網頁設計中，導航菜單一般會放置在頁面頂部或者側面，但越來越多的電腦端網站卻將菜單全部隱藏在漢堡圖標中。
這種設計起初只是導航，稱之為“全屏導航”；而到后期，隨著設計的革新和創意的加入，這個頁面的內容也越來越豐富，頁面加入了社交媒體的鏈接，加入了聯系方式，甚至有的還加入了留言板等等，我們稱之為“全屏富式導航”。
這種形式的導航在用戶體驗上其實還是有些風險的，因為多了一次點擊，而且會導致很多用戶忽略細節性內容網頁制作在代碼上加鏈接，難以達到最優設計，而這種菜單通常也需要建 立在用戶對漢堡菜單的標志具有相當的熟悉程度基礎之上。目前，我們建議使用這種菜單的網站會有一個引導性的提示來告知用戶更多信息的入口，或者除了菜單一 個入口外增加其他入口。用戶體驗的一個準則是將用戶需要的信息主動呈遞給用戶或是能讓用戶在三次點擊內找到自己需要的信息，所以這種隱藏在一個圖標里的菜 單目前還是略有風險。不過這種風險會隨著普及程度降低。
四、三維視覺效果的崛起
這一點將對網頁設計師提出了更高的要求，網頁設計中會融入產品的三維動態展示，這可能會要求網頁設計中包含UI與交互設計、工業設計與渲染、視頻剪 輯、精通HTML5的前端等等。也正是因為這種設計門檻較高，所以增長速度較慢；但隨著產品專題站的爆炸式增長，在產品介紹里使用三維已成為越來越多的網 頁設計師的選擇。
實現三維預覽效果的方式很多，有的是通過WebGL技術，有的是通過鼠標控制視頻播放的技術，也有許多三維動態展示其實是多張不同角度的圖片拼接而成，一幀一幀進行播放。
MAC PRO
五、動效將更加普及和廣泛
期初，網站動效會集中在頁面內部的元素，而隨著網頁技術和創意的不斷發展，動效在網頁中變得無處不在。單頁面網站中瀏覽模塊之間的切換不再局限于單 純的推動切換或漸變切換；而多網頁的網站網頁之間的切換也變得更加柔和，通過不同頁面關閉和打開之間動畫效果的銜接，你會以為你從頭到尾都在一個網頁上。
頁面內部元素的動效，大至小至一個，鼠標懸浮或者焦點的改變，這些元素都融入了太多豐富的動效。甚至于GIF動圖也在網頁中逐漸崛起以補充一些代碼難以實現的動效。
前面提到的網站中多數都有精致的動效哦。
DIVI（）
該網站就是通過GIF實現的一些頁面中展示性的動效。
JOHO’s
其實我們提過的很多特效都在該網站得到了體現，運用了大量的網頁新技術，比如WebGL技術、SVG動畫……尤其在頁面切換時的動效。
六、單頁網站走勢繼續上升
同樣，隨著網速以及網絡技術的上升，單頁式網站依舊呈現上升趨勢，這種網站最顯著的優勢是信息不容易遺漏，如果訪問一個站點通過點擊又點出了許多子 站或者網頁，而這些網頁和主頁之間的邏輯比較混亂或者不能一目了然，那這個網站的瀏覽體驗一定是很差的。而單頁網站解決了這個問題，你看到的或者跳轉的頁 面，其實還都是在這一個頁面上。而AJAX異步加載等技術也解決了龐大單頁網站的加載速度問題。
點擊頁面中的按鈕，新的內容將會將原來的頁面向左推動，關閉后恢復原來的位置，就好比左側的頁面是一個軸，而你則挨個瀏覽軸上的內容，用戶體驗很贊。
七、網頁音效
越來越多的網頁設計會在頁面中加入一些音效，可以是網頁背景音效，也可以是頁面滾動音效，也可以是焦點改變時元素的音效。而這些音效共同的特點是都 很精致輕微，輕輕點綴，就像轉動保險柜旋鈕發出的聲音一樣，清脆悅耳。這樣不會給瀏覽者增加無謂的困擾。而越來越多的瀏覽器為了防止用戶被困擾，增加了關 閉當前頁面音效的功能。
MY//SELF
不過這個網站的音效并不柔和悅耳，是一種酷酷的恐怖的科技感
八、移動優先的響應式設計繼續盛行
響應式設計已經是老生常談了，相信大家都清楚什么是響應式設計。之前很多人也分析過響應式設計的利與弊，我也不再贅述。
很多國內的網站在建站之初不會選擇響應式設計，原因也是比較符合我國國情的，流量少、網速慢、4G普及程度不夠等諸多原因，導致我們在手機端瀏覽一 個響應式的企業網站的時候會耗用較長時間的加載，而根據5秒原則，用戶5秒內打不開一個網站，就會選擇關閉。目前國內BAT的網站基本還是移動和電腦分開 設計，而國內很多建站公司的響應式企業建站，也含有一部分噱頭在內。
不過，響應式設計在國際和國內卻依舊穩步上升，隨著智能手機技術的不斷革新，移動端的上網用戶已經逐漸追擊電腦上網用戶，而中國移動網名的數量在世界上是領先的。移動端網站的設計越來越被重視，而響應式設計正是一個不錯的解決方案。
九、中文網站中矢量字體的使用逐漸上升
我們經常在國外的網站上看到網站內使用一套字體作為自己的網站字體，即使用戶本地沒有這個字體，網站也會很輕易加載到字體并在瀏覽器中運用。而縱觀 中文網站，90%以上的網站內字體不是宋體就是微軟雅黑，想用幾個不一樣的字就得做成png圖片，原因很簡單，中文字庫太大。一套標準 字體大小是81.68KB，而一套微軟雅黑常規體大小是20.5MB，你難道要用戶打開網頁時加載20.5MB的數據嗎？
但是隨著中文在線字庫的崛起以及在線制作矢量圖標字體工具的發展，包括字蛛計劃，我們可以使用矢量素材作為我們的字體了，而不僅限于矢量圖標。