已合作成功的客戶
遍及全國及海外
中國
杭州,紹興,寧波,湖州,嘉興,溫州,臺州,上海,北京,南京,蘇州,常州,無錫,長沙,青島,江西,臺灣,南寧,海南,成都,哈爾濱,深圳,香港,沈陽 ...
海外
美國,加拿大,丹麥,澳大利亞,新加坡,法國,智利,日本,英國 ...
合作咨詢
4001-355-360
洞察行業新聞,實時了解最新動態
Web 端頁面交互呈現結構形式有哪些?
作者:admin
來源:lanyunwork
時間:2024-08-07
分享到:
web 端內容呈現的結構應該算是頁面交互的范疇,網頁的頁面并不只是長頁面的形式,實際上會有更多種結構可用。web 端結構上比移動端更加靈活,同時根據產品的性質也有需要考慮移動端響應式的需求,一般來講這些頁面結構形式可以分為以下六類:
1. 上下長屏滾動結構
通過長頁面布局內容,頁面滾動查看信息
實例地址:http://bzks.vhost.lanyunwork.com/
2. 全屏上下切換結構
每次定焦一屏的范圍顯示內容,通過滾輪或按鈕上下切屏
3.全屏左右切換結構
定焦一屏顯示內容,但采取左右切換結構
實例地址:https://www.cndingliu.com/
4. 全屏頁面覆蓋結構
基于全屏定焦顯示,頁面通過覆蓋式切換或跳轉,甚至鼠標滾輪深入或淺出頁面
5. 自適應平鋪結構
適用于模塊小而簡單的頁面,直接將模塊在屏幕內一個個展開即可,一屏放不下時可以換行或繼續平鋪
實例地址:https://www.dexingroup.com/news/news-1/
6. 三維場景結構
將內容場景 3D 化,通常導航或部分 UI 控件會在屏幕上固定,然后可以采取定向鏡頭伸縮查看,也可以是環繞中心與自由移動查看內容信息
實例地址:https://acoustics.autoneum.com/?ref=reeoo
獲取方案