这组A24主题页面把影视筛选、全幅作品详情与唱片式音乐界面连在同一视觉语言中。白色目录适合查找，场景图适合进入作品，黑色播放器则把注意力转向专辑。不同外观可以改变氛围，内容身份和当前播放状态应始终可确认。
核心结论
- 目录条件分层，作品详情仍保留身份信息。
- 唱片外观可以切换，曲目与播放状态保持连续。
目录把类别和排列方式分开
内容页以All、Film、Television和Docs列类型，当前Television为深色，其他文字较浅。下方还有状态项，右侧再给Newest与A-Z排序，三种条件分别说明看什么、处于什么阶段、怎样排列。
作品图片下保留名称和状态，结果不只是无标签海报。分类数量若出现，也应说明它对应整个目录还是当前筛选；选中与未选文字都需保持可读，使其他范围容易被发现。
界达设计更偏好让条件摘要留在结果旁，而不是进入详情后才发现内容类型。返回目录时保留排序和位置，可以让一次深入查看接回原来的查找任务。
内容类型、状态和详情名称宜共用同一份目录资料，避免结果与后续页面失去对应。结束或下架内容可以保留资料入口，但要说明当前可查阅范围，不让海报状态代替访问条件。
全幅场景中仍保留作品身份
Alien: Earth详情用人物场景占满画面，名称在左下附近，季数、年份和类型横排在右，下方箭头提示继续。这种布局让作品画面先建立氛围，文字仍提供继续阅读的依据。
信息叠在照片上，需面对每张图不同的亮暗。名称和元信息可以用稳定位置与必要承托维持阅读，不必让背景最亮的局部同时成为文字区。
箭头表明还有下文，却未说明下方是剧情、人物资料还是原声。可以在后续模块前给清楚名称，进入音乐时继续保留作品或专辑身份，返回入口也应容易找到。
全幅图片适合短信息，长内容宜进入更稳定的阅读区域。沉浸感来自图像范围，查找感来自标题与栏目，两者可以随页面深度逐渐调整。
唱片造型不替代播放信息
手机音乐稿一版将封面与白唱片并置，另一版缩小封面，把大唱片放到屏幕下方。两者保留专辑与曲目文字、进度和播放控制，唱片主题因此没有完全挤走操作。
外观切换时宜保留当前曲目、版本和进度，并明确播放或暂停。如果切换到不同录音版本，应直接显示版本，而不能只通过时长变化让用户猜。
A/B标记可以呼应唱片面，但它改变曲目列表还是只改变视觉，需要说明。基础控制位置也应有共同规律，尤其是暂停和上一曲，不能为了旋转唱片造型每次换位置。
推荐封面保持浏览兴趣，当前播放区则负责稳定身份。查看另一张专辑时，可让当前曲目继续可见，使内容探索和正在听的状态各有位置。
常见问题
音乐页面只保留大唱片和播放按钮够吗？
还需专辑、曲目、进度与状态。造型适合建立气氛，具体文字帮助确认正在听什么。
唱片A/B一定会切换曲目吗？
取决于定义，应说明改变曲目面还是视觉。操作结果不能由传统唱片经验自动推定。
设计检查清单
- 类别状态排序各有名称。
- 叠图文字在不同亮暗中可读。
- 外观切换保留曲目版本和进度。
连接影视浏览与原声查找
影视或音乐内容网站可先统一作品、专辑与曲目标识，再规划筛选、详情和不同播放器外观。
界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可一起梳理页面内容、界面结构与实现需求。
