UI/UX Mobile Music
Harmonia — 音乐流媒体 App 设计
为 Harmonia 设计的沉浸式音乐体验，融合动态渐变与直觉交互。
项目背景
Harmonia 是一款面向年轻用户的音乐流媒体应用。客户希望打破传统音乐 App 的同质化设计，用视觉沉浸感重新定义”听歌”这件事。
设计挑战
- 情绪化配色：根据当前播放曲目的封面色调，动态生成界面渐变背景
- 信息密度：在首屏同时呈现推荐歌单、最近播放和个人混合，不显拥挤
- 底栏播放器：常驻但不侵占内容区，支持手势展开全屏播放
设计方案
采用 深色基底 + 紫蓝渐变 作为品牌色系，通过大圆角卡片和留白控制信息层级。底部播放栏使用 backdrop-blur 实现毛玻璃质感，手指上滑可展开全屏歌词模式。
核心亮点
- 🎨 基于封面色的动态渐变算法
- 🎵 全屏歌词模式，支持逐字高亮
- 📱 手势驱动的交互体验
- ♿ WCAG AA 对比度达标的无障碍设计