中文字幕在线直播,成人免费图片免费观看,国内精品国语自产拍在线观看,国产欧美精品区一区二区三区

不同平臺中菜單的交互設計
時間:2011年05月09日 內(nèi)容來源: 瀏覽量:47

菜單的交互類型:

平行結(jié)構

線性結(jié)構(菜單層級沿x、y任一軸向平行展開。)

平行結(jié)構

縱深結(jié)構

(菜單層級沿z軸縱深遞進,一個界面只顯示一個菜單層級。)

縱深結(jié)構

十字結(jié)構

菜單使用x、y、z任意兩軸向結(jié)合

十字結(jié)構

十字、縱深結(jié)合

使用十字結(jié)構展現(xiàn)主要層級,其他菜單層級進行縱向展現(xiàn)。

十字、縱深結(jié)合

各平臺分析:

PC平臺:

PC平臺特點:

分辨率高——可以在屏幕上展現(xiàn)大量信息。

鍵鼠操作方便、靈活——能夠支持復雜、功能強大的交互。

與人距離近(30~60CM)——可以使用小字體和小圖標。

結(jié)論:

鍵鼠為PC平臺提供了完美的交互支持。能夠進行復雜、功能強大的交互設計。

在PC平臺,常見的菜單類型為平行結(jié)構和縱深結(jié)構,也有兩者結(jié)合的結(jié)構。

移動平臺:

移動平臺特點(主要指目前流行的觸屏平板電腦、平板手機):

分辨率高較高——但是實際操作時是以手指的寬度作為一個操作單位,可操作的文字和圖標要足夠大(寬高度要能夠容納一個手指)。

與人距離近(30~60CM)——可以使用小字體和小圖標設計展示性(不需要用戶操作)內(nèi)容。

觸屏操作方式——可以模擬鼠標的點擊、拖拽,無法模擬右鍵、滾輪的操作。能夠進行較靈活的交互。

結(jié)論:

受分辨率的限制,不能在一個屏幕上顯示太多信息。所以一般使用縱深結(jié)構或十字結(jié)構。例如,iphone等平板手機,一般使用縱深結(jié)構;ipad等平板電腦,一般使用縱深結(jié)構或線性結(jié)構。

電視平臺:

電視平臺特點:

與人距離較遠(2~3M)——設計時,文字、圖標等要比其他平臺大。

操作和輸入方式不如鍵鼠靈活——避免繁瑣、復雜的交互方式

分辨率高(最大能到到1920×1080)——屏幕上可以展現(xiàn)較多信息

結(jié)論:

電視屏幕分辨率高,但從硬件來說已經(jīng)足以支持復雜信息的顯示。

人的正常行為習慣(一般距離電視屏幕2~3M)要求我們在內(nèi)容呈現(xiàn)時要使用較大的字體和圖標。

受限于操作和輸入方式,不能設計復雜的交互,主要以縱深結(jié)構和十字結(jié)構為主。