在线播放免费人成视频在线观看_久久无码视频网站_亚洲欧美综合三区_毛片试看60秒

不同平臺中菜單的交互設(shè)計

網(wǎng)頁設(shè)計 / 2011-05-09 13:47:00

菜單的交互類型:

平行結(jié)構(gòu)

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

平行結(jié)構(gòu)

縱深結(jié)構(gòu)

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

縱深結(jié)構(gòu)

十字結(jié)構(gòu)

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

十字結(jié)構(gòu)

十字、縱深結(jié)合

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

十字、縱深結(jié)合

各平臺分析:

PC平臺:

PC平臺特點(diǎn):

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

鍵鼠操作方便、靈活——能夠支持復(fù)雜、功能強(qiáng)大的交互。

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

結(jié)論:

鍵鼠為PC平臺提供了完美的交互支持。能夠進(jìn)行復(fù)雜、功能強(qiáng)大的交互設(shè)計。

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

移動平臺:

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

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

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

觸屏操作方式——可以模擬鼠標(biāo)的點(diǎn)擊、拖拽,無法模擬右鍵、滾輪的操作。能夠進(jìn)行較靈活的交互。

結(jié)論:

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

電視平臺:

電視平臺特點(diǎn):

與人距離較遠(yuǎn)(2~3M)——設(shè)計時,文字、圖標(biāo)等要比其他平臺大。

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

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

結(jié)論:

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

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

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

訂閱號

上饒幫

服務(wù)號

獵人傳媒