渐变极光进化Gradient Mesh / Aurora Evolved

光谱数据可视化 / Spectrum Field

渐变极光进化

当渐变不再是装饰,而成为数据的载体:五个声学特征被映射为五束等离子焦点,焦点的高低与半径编码强度,色相编码维度,整场色温随曲库流派实时迁移。

数据源 当前信号 / 电子 Techno 冷调

焦点横轴 = 特征维度 / 纵轴与半径 = 强度 / 色相 = 当前流派色温。切换数据源,观察整场迁移。

特征矩阵

五个流派的基准特征值对照。单元格颜色即该流派在光谱台上的焦点色相,条宽即强度——矩阵与场共用同一套映射规则。

曲库指纹

每一首单曲的频谱指纹都是一段由五个特征值直接生成的渐变——各色段宽度与特征占比一致。选择曲目,上方的光谱场与右侧细读面板将同步迁移。

频谱指纹
曲目 / 艺人
流派
BPM
能量

设计准则

渐变洗板做背景是最高频的俗套。这一风格的正解是让渐变升格为仪器:它必须读取数据,而不是渲染情绪。

  • 01
    渐变必须编码数据

    本页每个渐变都由五维特征值驱动:焦点位置、半径、色相与指纹色段宽度均来自真实数值。移除数据,渐变即失去存在理由。

  • 02
    色彩流动但不洗板

    场迁移只在切换数据源时发生一次,约 1.1 秒完成叙事后即静止。无限循环的流动动画会立刻把仪器降级为壁纸。

  • 03
    可读性优先于绚烂

    全部正文由深色磨砂玻璃面板承载,焦点场经暗角压暗,任何前景文字与渐变的对比度不低于 4.5:1。

  • 04
    性能与移动端

    多焦点场仅五个合成层元素,blur 作用于渐变本体一次成型、不参与逐帧动画,面板走 backdrop-filter,中端机型可稳定渲染。

提示词关键词

面向风格库调用时的核心词组,与光谱台的实现一一对应。

multi-color mesh gradients aurora / northern lights flowing color transitions iridescent prismatic radial-gradient 多焦点场 mix-blend-mode: screen @property 色彩插值