有了這么多的網絡技術,平臺和編程語言,網頁設計師和開發人員仍然在尋找新的機會參與觀眾,使他們成為固定客戶。
有各種各樣的吸引用戶的選擇,但最流行的是視差滾動。視差滾動使用腳本來移動網頁上以不同的速度元素,營造深的印象。
如果你喜歡強迫透視攝影,你大概會喜歡視差滾動的網站了。其效果可產生非常沉重的網站,但正確的使用它創建一個壯觀,引人入勝的視覺效果。
考慮好視差位點的負載比重
考慮視差的網站時,第一個障礙是他們的大文件大小和由此帶來的頁面加載時間。這是因為你通常會裝載更在單頁上比你通常會。
你越加載,較重的頁面。出于這個原因視差網站是最適合的情況下,當用戶愿意等待一段時間的信息。
視差和搜索引擎優化
如果你隨時了解行業新聞你可能知道,搜索引擎(特別是谷歌)定期鍛煉他們的要求,對網頁優化。搜索信息的過程變得更加人性化,但它并不總是與網站所有者的計劃和能力相吻合。
目前,如果你喜歡單頁視差滾動的網站,你就必須優化它只有一個關鍵字。同時定期網站可以使用單獨的關鍵詞/短語優化每個頁面。主頁的結果周到的分離可以是相當有效的,但你必須確保在一個很窄的范圍內的關鍵詞你設計的內容是提升的。
滾動視差
你無法逃避的移動網絡的任何更長的時間,這就是視差網站的任何其他為true。如果您選擇使用視差效果,你需要確保你正在翻譯的影響手機正常。
幸運的是有很多不同的庫和腳本,以幫助顯示頁面視差滾動在移動設備上以原生的方式,有些是我最喜歡的是 iScroll 4,Zynga的滾輪,Stellar.js,和?滾動性
。
視差滾動和UX設計體驗
視差的網站是非常耐看做降低網站的跳出率的一個偉大的工作 – 但如果你保持的大小下來,確保影響正常工作的手機,只有發生。
視差網站讓我們講故事,這些故事是一個偉大的方式來吸引游客。所有這些下面我們一起聚集了一些視差網站最好的例子,避免了上述缺陷,成功地部署他們的項目
下面是國外優秀滾動視差酷站欣賞
米歇爾·拉納
每一滴
FK機構
野生動物
奇巧
馮荷蘭
CR-V本田