两个唱片画廊首页（方案 12–13），按行业重新设计

两个方案以 UI/UX 设计师身份按行业重新设计，互不参考；核心是唱片版 bookmark.gallery 滚动编排。整页截图拍的是滚动开始前的状态，跟着滚动走的唱片编排在长图里会显示成空白舞台；“减少动态效果”一张是最终状态。动效请打开完整首页、上下滚动查看。以下为浏览器整页截图，未裁剪、改色或转码。

首页方案 12

GSAP（ScrollTrigger、Flip）

打开完整首页（看动画）↗
PC · 1440 × 900 方案12的PC · 1440 × 900完整截图
PC · 1920 × 1080 方案12的PC · 1920 × 1080完整截图
减少动态效果（最终状态）· 1440 × 900 方案12的减少动态效果（最终状态）· 1440 × 900完整截图

首页方案 13

Motion（motion/react）

打开完整首页（看动画）↗
PC · 1440 × 900 方案13的PC · 1440 × 900完整截图
PC · 1920 × 1080 方案13的PC · 1920 × 1080完整截图
减少动态效果（最终状态）· 1440 × 900 方案13的减少动态效果（最终状态）· 1440 × 900完整截图