首頁 > 常見問題 > 主體

H5頁的互動方式有哪6種

青灯夜游
發布: 2022-01-25 12:13:23
原創
16606 人瀏覽過

6種交互方式為:1、重力交互,需靈活利用重力感應、陀螺儀、速度加速器等硬體設備;2、聲音交互;3、雙指縮放交互;4、書寫交互;5 、3D空間交互,主要運用3D技術,搭建立體化場景;6、全景交互。

H5頁的互動方式有哪6種

本教學操作環境:windows7系統、Dell G3電腦。

H5頁面的6種互動方式

#1、重力互動

是模擬現成的物理法則可以降低理解門檻,也能夠為策劃添加趣味性。而手機在硬體上給出許多技術發揮的可能性,可以靈活運用重力感應、陀螺儀、速度加速器等硬體設備創新H5玩法,增加使用者代入感。

2、聲音交互

交互方式不僅有觸覺交互,還有聽覺交互方式。但聲音互動方式比較少見,若有出現都是與錄音有關,在H5活動裡引導使用者錄一段話,然後DIY產生專屬音訊。

3、雙指縮放互動

這種互動形式需要使用者兩根手指同時接觸螢幕,比如說,透過滑動螢幕放大或縮小某物,也可以用在畫面轉場。雖然這種互動方式對手勢的操作有一些小要求,玩法有些複雜,但是其互動性比單指點擊、滑動更強,也更具趣味性。

4、書寫互動

這樣互動的方式是自由度比較高的互動方式,使用者可以根據H5活動提示自由創作文字、圖畫。圖畫是讓使用者透過繪畫創作出形象個性鮮明,可以反映使用者情緒,能讓使用者投入H5活動中,減少流失率。而書寫的方式,常用在測試類別H5,使用者可以依照提示輸入名字或想說的話,最後產生海報得到測試結果。

5、3D空間互動

這樣的互動方式主要利用3D技術,搭建立體化場景,突破H5畫面扁平化的限制,強調層次感。但這種互動方式在開發技術難度比較大,還要考慮到使用者的習慣,3D的玩法也比較單一。因此,經常常搭配點擊、滑動等基礎手勢操作,使3D成為了H5活動亮點的出現。 3D空間互動方式可以讓使用者玩起H5來更加的真實。

6、全景互動

是在360°全景形式中,讓使用者可以上下、左右滑動。這種H5活動交互方式常會以類似VR的形式承載畫面交互,更為注重H5場景的設計,其空間立體感比較強,讓畫面可以360°邊界銜接流暢。

大家可以結合實際狀況來選擇,或是結合使用,想辦法提升使用者體驗感。希望每個互動師都能做出一個很棒的介面,加油吧!

更多相關知識,請造訪常見問題欄位!

以上是H5頁的互動方式有哪6種的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板