电脑版:让更多信息同时留在视野里
在较宽屏幕上,萝卜tv会保留三层 Header:微型信息条负责当前内容提示,品牌栏放导航面板入口与个人记录入口,栏目条则让六大频道和发现、片单、影话保持可达。这样做不是为了塞更多按钮,而是避免每次切换都回到首页。
详情页使用双列结构:一侧是信息与 CTA,另一侧是横向画面。播放页进入更深的沉浸区域,但仍保留返回详情、线路与选集。鼠标可以拖动横向内容轨道,键盘可以用空格、方向键、M 和 F 操作示例播放器。
移动端:把最常用的五件事留在底部
小屏幕不会照搬桌面导航。首页、片库、搜索、片单和我的记录固定在底部,第三层栏目可以横向浏览;大型导航面板改为单列,搜索层接近全宽。正文、详情和播放器都会改成上下结构,避免横向溢出。
底部栏只保留高频动作,是为了减少拇指移动距离,同时保证正文不会被遮挡。页面会为底部安全区域留出空间,返回顶部按钮也会自动抬高。



