杭州UI设计学习|悬浮小窗的特点

　　悬浮小窗有三个特点：可切换界面、Z轴最高、可拖拽（一般情况）。

　　①可切换界面

　　如上一节所说，悬浮小窗就像是房间的切换，所以感官上悬浮小窗就是切换界面的作用。

　　②Z轴最高

　　二维界面如何存在Z轴的概念？

　　大家在使用APP过程中一定遇到过弹窗和浮层的情况，如下图，可以看到图中APP的弹窗在感知上是覆盖在内容层上的。

　　而右边的截图中的浮层是浮在正文内容上的，这就是Z轴，在互联网应用中这是比较抽象的空间维度。但是却是用户可以明确感知到的，而感知的最直接方式就是覆盖或者悬浮，感觉到A元素是覆盖在B元素之上，或者A元素悬浮在B元素之上。

　　而悬浮小窗所谓Z轴最高则是因为悬浮小窗在Z轴的维度一般位于APP界面所有元素之上。

　　③可拖拽

　　可拖拽很好理解，即用户可以通过拖拽移动悬浮小窗的位置，不过一般非直播音频类产品会喜欢固定在界面的某个地方。比如得到APP在听书时退出听书页面会在底部固定一个播放条。