杭州UI設(shè)計學(xué)習(xí)|懸浮小窗的特點
懸浮小窗有三個特點:可切換界面、Z軸最高、可拖拽(一般情況)。
?、倏汕袚Q界面
如上一節(jié)所說,懸浮小窗就像是房間的切換,所以感官上懸浮小窗就是切換界面的作用。
?、赯軸最高
二維界面如何存在Z軸的概念?
大家在使用APP過程中一定遇到過彈窗和浮層的情況,如下圖,可以看到圖中APP的彈窗在感知上是覆蓋在內(nèi)容層上的。

而右邊的截圖中的浮層是浮在正文內(nèi)容上的,這就是Z軸,在互聯(lián)網(wǎng)應(yīng)用中這是比較抽象的空間維度。但是卻是用戶可以明確感知到的,而感知的最直接方式就是覆蓋或者懸浮,感覺到A元素是覆蓋在B元素之上,或者A元素懸浮在B元素之上。
而懸浮小窗所謂Z軸最高則是因為懸浮小窗在Z軸的維度一般位于APP界面所有元素之上。
③可拖拽
可拖拽很好理解,即用戶可以通過拖拽移動懸浮小窗的位置,不過一般非直播音頻類產(chǎn)品會喜歡固定在界面的某個地方。比如得到APP在聽書時退出聽書頁面會在底部固定一個播放條。
標(biāo)簽: