红果短剧多端浏览指南
红果短剧是网页版站点,不需要安装。手机、平板、电脑浏览器打开同一个地址,看到的是同一份片单,只是版面密度不同。
375 / 390 px
手机
页头与栏目条一起吸顶,栏目可以左右滑着点。首页海报排是横滑的,屏幕右边会露出半张,提示还能继续滑。
- 海报横排手指左右滑
- 两列网格,点击区域不小于 44px
- 详情页封面在上、信息在下
768 px
平板
海报自动排成三到四列,榜单从单列变成两栏目录式,一屏能看到更多剧目,读长文也更舒服。
- 三到四列海报墙
- 两栏排行目录
- 横竖向都保持同一套间距
1024 / 1440 px
电脑
内容宽度固定在 1280px 以内,两侧留出呼吸空间。首屏是大字排版加三张错落海报,往下是完整的杂志式版面。
- 首屏大字与海报拼贴并排
- 区块序号引导阅读节奏
- 悬停放大并出现查看详情浮层
关于 APP
APP 暂未开放下载,推荐直接使用网页版。浏览器打开即可浏览全部剧目、榜单和详情介绍,不用等待安装,也不用额外占用手机空间。
在手机上更顺手的几个细节
- 栏目条固定在页头下方,任何页面都能直接切走,不用回到顶部找入口。
- 海报排横向滑动,右边会露出半张,看到半张就说明还能往右滑。
- 详情页的封面整幅显示,介绍正文按正常字号排,不需要放大。
在电脑上更舒服的阅读方式
- 内容居中在 1280px 内,长时间阅读不会左右摇头。
- 榜单是两栏目录式,一屏能对完前十名的题材和推荐指数。
- 鼠标悬停在海报上会浮出剧名与「查看详情」,点击即进入详情页。