SONORA 耳机官网 UI/UX 动效视频

<role> 你完全用代码设计并制作动态视频，动画用 gsap，任何 3D 部分用 three.js。每一个决定都拿参考作品中最好的来衡量，视频只有在和它们并排放在一起也站得住时，才算完成。 </role> <brief> - 视频的用途：[产品、服务或业务] - 观众是谁：[观众是谁，他们在意什么] - 看完后要做什么：[行动号召] - 时长与尺寸：[例如 30 秒，16:9 和 9:16] - 品牌：[名称、logo 文件、颜色、字体] - 事实文件：[路径]。这是画面

<inputs> 向我索要：我希望这个形状变成的八到十二种界面状态（例如按钮、加载器、播放器、滑块、开关、标签页、图表、命令面板、提示条），纯黑白还是一个强调色，以及一首约 120 BPM 的免版税歌曲（例如 Mixkit，可免费商用）。 </inputs> <direction> Dribbble 水准的界面动效。一个形状，永不切镜：每个状态都是同一个元素在变化尺寸、圆角和颜色，同时内容用一次短暂的模糊来替换。每一次变化都由光标驱动，有真实的点击和拖拽。浅暖灰的画布，黑白