社恐仙子不好惹 封面
Devices

黄果短剧网页版与 APP

一个网址,三种屏幕。手机、平板、电脑浏览器打开都能用,版式会自己调整,不需要额外安装什么。

01

三种屏幕的浏览体验

同一份内容,按屏幕宽度重新排布。下面是各尺寸下实际会看到的样子。

手机

375 / 390px

页头与栏目条一起吸顶,栏目链接一直可见,不用展开菜单。首页各区块变成可以手指左右滑动的海报横排,屏幕右侧会露出半张,提醒你还能往右滑。

  • 栏目链接常驻,直接点
  • 海报横排支持左右滑动
  • 可点区域不小于 44px

平板

768px

卡片每行三到四张,版式从单列过渡到多列。详情页的海报与信息区上下排列,介绍正文保持一行 40 字以内,长段落读起来不费劲。

  • 海报墙三到四列
  • 详情页信息区自动堆叠
  • 横竖屏切换不会错位

电脑

1024 / 1440px

内容区最大宽度 1280px 并居中,左右留白至少 32px。首页采用杂志编排,第一张大卡横跨两列并带简介,其余为标准海报卡,一整块拼满不留空。

  • 海报墙五到六列
  • 杂志式大小交错排版
  • 顶部导航一行铺开
02 / APP

APP 暂未开放下载,推荐直接使用网页版

我们不提供安装包、二维码或者所谓的内测通道。网页版已经包含站内全部内容:精选推荐、漫剧馆、剧场片单与新剧速递, 在手机浏览器里加入书签,下次打开和打开应用差不多。