375px / 390px
手机上
单手就能逛完整个站点。
- 页头与栏目条一起吸顶，栏目可以左右滑动，不用点开菜单
- 首页各栏目是横滑海报排，手指一划就能看下一部
- 按钮和可点区域都不小于 44px，站着坐着都好点
01
三种设备上的浏览体验
768px
平板上
横屏竖屏都能排得开。
- 海报墙从两列变成三到四列，一屏能多看好几部
- 详情页的封面与剧情简介并排显示，不用来回滚动
- 分集列表按网格排列，集数再多也不挤
1024px / 1440px
电脑上
信息密度最高的一种看法。
- 内容最宽 1280px 居中，两侧留出舒服的空白
- 首页海报墙六列铺满，一屏看完一个栏目
- 排行榜用杂志目录式两栏，序号、剧名、评分对齐