所以从这点也能看出，是特意分隔开弹幕与面板，为的就是不能让面板挡住弹幕，同样也不能让弹幕影响送礼。
而互动区直接被去掉了，在画面中没有保留。因为互动区的互动信息会以弹幕的形式显示在画面中，至于系统消息，如「谁进入直播间」的提示，在 B 站中的优先级，没有弹幕高，所以在左下角提示，即使送礼面板将其盖住也没什么影响。
这就是 B 站在直播间如此设计送礼面板的原因。
而类似于 Look 直播的横屏模式，礼物面板则是从右侧滑出。
同样的道理，Look 这一类的秀场直播，无论是用户发言还是系统信息，在横屏模式下，都处于左下角的互动区里，因为它没有弹幕，所以侧滑礼物面板是更好的选择。
但是有一些产品，比如快手，会同时留有左下角的互动区与弹幕，那就要衡量自身产品的弹幕优先级，如果优先级不高，优先显示左下角的整合互动区，反而是一种省力的方式。这时礼物面板从右侧滑出，也不会影响整体的页面布局。
而像抖音的部分直播间，在横屏模式下，就只有弹幕，没有互动区。如果仔细观察甚至能发现，抖音的横屏模式下，所有信息都会以弹幕形式出现于屏幕上，包括互动消息，系统提示等，数量多的情况下甚至会填充整个屏幕。这时候点击送礼面板，竟然是右侧滑出。
这样的设计形式对比一下就知道 B 站的横屏模式设计的更为精致，区分了系统提示、弹幕消息、送礼面板等，分布非常明显。而抖音的各个模块相对就比较乱，送礼面板模块的出现又影响了页面内容的其他信息。就导致页面中的信息层级与布局都稍显混乱。
这两个案例有一个知识点，就是「信息优先级决定布局形式」。
什么叫做信息优先级？大致意思就是一个界面上的信息是根据从重要到次要的规则排序的。
比如在直播间，最重要的信息一定是直播内容，其他信息都是根据直播内容附带产生的，正是因为直播内容引发用户打赏*，于是点击送礼按钮，弹出送礼面板。
而面板的展示形式还需要根据页面中的其他内容平衡布局，比如弹幕优先级，或互动区优先级等等，它们之间要有序排列，不能互相干扰。比如 B 站与 Look 直播这两类产品的设计差异。
而抖音横屏模式的送礼面板如此设计，将整个页面内容的信息都打乱了，并不可取。
这叫内容聚焦点的缺失，各位要尤其注意。
另外，从内容聚焦点再引出一个知识点，是关于视觉体验的，也就是 UI 在设计类似页面的过程中，需要注意的体验性。
