WEB · 多端浏览

红果短剧多端浏览指南

红果短剧是网页版站点,不需要安装。手机、平板、电脑浏览器打开同一个地址,看到的是同一份片单,只是版面密度不同。

375 / 390 px

手机

页头与栏目条一起吸顶,栏目可以左右滑着点。首页海报排是横滑的,屏幕右边会露出半张,提示还能继续滑。

  • 海报横排手指左右滑
  • 两列网格,点击区域不小于 44px
  • 详情页封面在上、信息在下
768 px

平板

海报自动排成三到四列,榜单从单列变成两栏目录式,一屏能看到更多剧目,读长文也更舒服。

  • 三到四列海报墙
  • 两栏排行目录
  • 横竖向都保持同一套间距
1024 / 1440 px

电脑

内容宽度固定在 1280px 以内,两侧留出呼吸空间。首屏是大字排版加三张错落海报,往下是完整的杂志式版面。

  • 首屏大字与海报拼贴并排
  • 区块序号引导阅读节奏
  • 悬停放大并出现查看详情浮层

关于 APP

APP 暂未开放下载,推荐直接使用网页版。浏览器打开即可浏览全部剧目、榜单和详情介绍,不用等待安装,也不用额外占用手机空间。

在手机上更顺手的几个细节

  • 栏目条固定在页头下方,任何页面都能直接切走,不用回到顶部找入口。
  • 海报排横向滑动,右边会露出半张,看到半张就说明还能往右滑。
  • 详情页的封面整幅显示,介绍正文按正常字号排,不需要放大。

在电脑上更舒服的阅读方式

  • 内容居中在 1280px 内,长时间阅读不会左右摇头。
  • 榜单是两栏目录式,一屏能对完前十名的题材和推荐指数。
  • 鼠标悬停在海报上会浮出剧名与「查看详情」,点击即进入详情页。