✨ 视觉体验:呼吸感与秩序
在新年的第一个版本中,我们对 Pure Music Player 的 UI 进行了一次“大手术”。我们不再满足于传统的列表展示,而是追求一种更具“数字化精密感”的同时,保留“模拟时代的温暖”。
🎨 拟物化 2.0 (Glassmorphism)
我们优化了全系统的 毛玻璃 (Frosted Glass) 渲染引擎:
- 实时模糊:在保持 120Hz 刷新率的前提下,实现了背景专辑封面的动态多重模糊。
- 自适应对比度:系统会自动提取封面主色调,微调文字与图标的阴影感,确保在任何背景下都有极佳的可读性。
🎢 物理模拟动效 (Motion Design)
- 弹性滚动:引入了具备动量传感器的弹性列表,滑动手感更接近真实的物理对象。
- 卡片展开交互:利用
framer-motion重构了所有弹窗。点击专辑时,卡片会从原位“生长”出来,而非生硬的跳转。
🛠 底层优化
-
✅ 内存占用优化:通过分层渲染(Layered Rendering),将高分辨率模糊的内存损耗降低了 40%。
-
✅ 触感反馈 (Haptic):微调了每一个交互按钮的线性马达振动规律,让点击变得“有分量”。
-
[x] 核心卡片组件重构。
-
[x] 优化 120Hz 下的渲染管线。
-
[ ] 探索深色模式下的极简对比度方案。
