黄豆视频多端浏览
这是一个网页版的短剧剧场,不需要安装任何东西。手机、平板和电脑浏览器打开同一个地址, 页面会按屏幕宽度自动调整:手机上横向滑,电脑上整排看。
手机浏览器
页头与栏目条一起吸顶,栏目链接可以左右滑动,首页海报墙用手指横向滑,右边会露出半张提示还有内容。正文按 375px 宽度排过,长剧名最多两行会被截断。
- 栏目链接不用点开菜单
- 海报可横滑
- 可点区域不小于 44px
平板浏览器
768px 左右宽度下,卡片每行 3 到 4 张,首屏会自动切换成上下结构:先是大字标题,下面才是海报。横屏时能看到更多列,竖屏适合慢慢翻。
- 每行 3 至 4 张海报
- 首屏自动重排
- 横竖屏都能用
电脑浏览器
内容居中,最大宽度 1280px,两侧留白至少 32px。电脑版一屏能看到整排海报,榜单是两栏目录式排布,细节比手机上更完整。
- 最大宽度 1280px
- 首屏左右分栏
- 榜单两栏排布
窄屏下的阅读顺序
首屏先给标题与主推剧的信息,再给海报;栏目区块按序号 01 到 07 往下排。 每一块的海报墙都可以横向滑动,滑到底会露出下一个区块的标题,不会一滑到底迷路。
宽屏下的信息密度
电脑版一屏可以放下整排海报和两条榜单列表,适合边看介绍边挑剧。 所有页面的正文行高统一,长时间阅读时眼睛不容易累。