麻豆网页 常見的交互動作組合

麻豆网页 常見的交互動作組合
組合的交互動作常配合不能簡單直接完成的任務，這里的組合指有兩個及以上交互動作完成的類型，復雜的交互動作盡量少用，且盡可能的為用戶提供操作指引，若非必要，費力不討好；

鼠標左鍵長按橫向拖拽
鼠標左鍵長按上下拖拽
鼠標左鍵長按任意拖拽
鼠標左鍵長按繞中心拖拽
鍵盤方位鍵與鼠標點擊
鍵盤指定按鍵加鼠標點擊
多個按鍵組合使用
指定按鍵配合鼠標長按
指定按鍵配合鼠標長按拖拽
組合動作主要分為以上 9 類，鼠標拖拽的組合動作通常會細分來應對界面場景的應用，例如通過橫向拖拽將一個豎放的圓柱物體旋轉起來，那么垂直的拖拽必然是沒辦法轉動起來的，而且左右還會決定拖拽的方向。

交互影響的元素
簡單來講，無非就是看得見的元素、聽得見的元素。聽得見的元素無非就一個聲音，講深一點，也就涉及一些音效的交互控制。而看得見的元素則會相對豐富很多，如果再次細分的話還可以歸為以下幾種情況；

顏色（例如內容被選取時的顏色變化）
文字（所有文字相關的樣式及狀態）
圖形（所有靜態可見圖形的樣式變化）
動畫（所有的動態內容或交互動效）
按鈕（所有可操作的按鈕及多狀態呈現）
控件（頁面中用于交互的控件元素）

模型（所有可交互的三維內容）

1. 常見變化形式

位置變化、透明度變化、角度變化、大小變化、形狀變化、顏色變化、翻轉效果、特效變化

網頁交互的概念
web 端的交互概念即觸發到呈現的過程。用戶可以使用交互設備進行事件觸發或變量，頁面則將內容進行對應的呈現。其中交互過程主要影響的事件由“可交互的元素“、“功能交互“、“轉場切換“構成。

頁面內容呈現通常分為“默認時“、“選擇時“、“運行時”三個時態（鼠標短暫的點擊時屬于“選擇時”，若長按有內容影響則屬于“運行時”），因此在網頁交互的過程中，我們需要考慮好這三種完整的狀態時呈現形式，另外在考慮補充合適的動效進行過濾或信息反饋。歸根到底網頁的交互概念就是控制內容呈現罷了，這是網頁價值的本質。

Web 端內容呈現結構
web 端內容呈現的結構應該算是頁面交互的范疇吧，其實上網頁的頁面并不只是長頁面的形式，實際上會有更多種結構可用。因為電腦顯示器更大的緣故，web 端結構上比移動端更加靈活，同時根據產品的性質也有需要考慮移動端響應式的需求，一般來講這些頁面結構可以分為以下六類：

上下長屏滾動結構：通過長頁面布局內容，頁面滾動查看信息
全屏上下切換結構：每次定焦一屏的范圍顯示內容，通過滾輪或按鈕上下切屏
全屏左右切換結構：同樣是定焦一屏顯示內容，但采取左右切換結構
全屏頁面覆蓋結構：基于全屏定焦顯示，頁面通過覆蓋式切換或跳轉，甚至鼠標滾輪深入或淺出頁面。
自適應平鋪結構：適用于頁面模塊小而簡單的時候，直接將模塊在屏幕內一個個展開即可，一屏放不下時可以換行或繼續平鋪并定焦
三維場景結構：將內容場景 3D 化，通常導航或部分 UI 控件會在屏幕上固定，然后可以采取定向鏡頭伸縮查看，也可以是環繞中心與自由移動查看內容信息

網頁的組成區塊通常分為五大類型，即導航、面包屑、背景、內容呈現、彈出框。菜單導航欄通常分為頂部導航、側邊導航、底部導航、組合導航四大類，也有個別是通過點擊彈出的導航。內容布局則更是五花八門了，是板式與技巧的呈現了。