五个高端 PC 首页（方案 14–18），先定方向再写代码

五个方案以高端 UI/UX 与网页视觉设计师身份按行业重新设计，先写制作方向并经设计总监审过再写代码，互不参考，都带唱片动画，只做 PC 网页版。整页截图拍的是滚动开始前的状态，钉住屏幕的滚动段落在长图里会显示成空白；“减少动态效果”一张是最终状态。动效请打开完整首页、上下滚动查看。以下为浏览器整页截图，未裁剪、改色或转码。

首页方案 14

编辑部 · 署名页 · GSAP

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

首页方案 15

暗场录音棚 · 深夜回放间 · Motion

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

首页方案 16

暖调唱片行 · 翻箱 · GSAP

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

首页方案 17

明亮产品化 · 唱片就是控制器 · Motion

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

首页方案 18

大胆色块 · 音色色谱 · GSAP

下方截图是旧首屏（转盘）。首屏已于 2026-10-04 重做为“色谱滚道”，按用户要求未重拍，请打开页面查看。

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