按量计费约 0.03 元 / 张矢量图,含 20 张免费额度
- 并发 2 路,单帧 1.8s,适合原型与个人项目验证线条风格
- 固定 6 组星河预设:星轨 / 星云 / 数据栅格 / 拓扑 / 流场 / 极简弧线
- 导出 SVG 与 2K PNG,水印可去
- 不提供私有模型微调,风格一致性靠提示词约束
同一套线条美学,差异集中在并发、可控参数与嵌入方式。若你的核心诉求是「首屏不卡、生成可复现」,优先看每档的延迟与回放能力,而非只看画面好看的样图。
按量计费约 0.03 元 / 张矢量图,含 20 张免费额度
席位制含 20 万张 / 年额度与 1 次私有风格训练
私有化部署按集群规模报价,支持离线内网运行
卡片按节奏错位排布,鼠标悬停(或键盘聚焦)才会横向展开参数清单——把信息密度留给真正想看的人,保证首屏清爽。
生成结果不是位图,而是带图层语义的矢量路径,缩放 800% 依然锐利。
把业务指标映射为节点密度、连线粗细与弧线曲率,画面即仪表盘。
依据容器宽度自动增减节点数与线条层级,避免小屏糊成一团、大屏空得发虚。
用线条骨架先行的渐进式渲染,替代转圈加载,让等待也符合极简美学。
从数据准备到嵌入页面,全程留痕可回放。每一步都给出可核对的指标,避免「生成得好看但接不进产品」。
整理数据源
把指标整理为「名称 + 数值 + 分组」三列,单次建议不超过 500 行,先做缺失值填充。
校验通过率 ≥ 99%
设定线条语言
选定线宽、节点密度、留白比三组核心参数;留白比建议 0.35–0.55,超过 0.6 画面会显空。
参数组合 ≤ 24 项
批量生成与筛选
一次跑 8–12 个候选,按「线条连贯度 / 节点可读性 / 留白平衡」三项各打 1–5 分,保留均分 ≥ 4。
筛选耗时 < 10 分钟
嵌入与响应式适配
导出 SVG 内联进页面,用容器宽度驱动节点数;图片容器固定宽高比,防止布局跳动。
CLS < 0.05
度量与迭代
上线后监测首屏渲染耗时与图区停留时长,每两周依据数据回炉一次线条参数。
迭代周期 14 天
数据来自已接入平台的演示项目均值,用于设定你自己的体验基线,而不是承诺值。
以下回答均给出可验证的边界条件,遇到与预期不符的情况,先按对应条目自查再提工单。
可以,但需满足两个条件:一是导出时选择 SVG 矢量通道而非预览位图;二是关闭实验性滤镜参数,避免不同浏览器渲染差异。建议在 CI 中加入一次截图比对,像素差异阈值设为 ≤ 1.5%。
优先调 节点密度,其次调 留白比。经验值:节点密度 0.4–0.7 之间每变化 0.1,视觉密度感知变化约 15%;留白比低于 0.3 会显得拥挤,高于 0.6 会显得空洞。线宽保持 1px 是极简风格的安全默认。
固定三件事:随机种子、线条参数组合、私有风格模型。三者锁定后,同一提示词的输出差异通常低于 8%。若仍不稳定,投喂 200–500 张品牌线稿做一次风格训练,可把差异压到 5% 以内。
关键在节点数而非图片体积。窄屏建议把节点上限压到 40 个,并隐藏次级标注层;动画统一走 CSS transform,避免逐帧重绘。实测在中端机型上,首屏渲染可稳定在 1.2s 以内。
会。建议对数值做对数压缩或分位裁剪(如裁掉前后 2%),并把超出阈值的数据点单独映射为强调色节点 + 标注,这样既保留信息又不破坏整体留白节奏。
每条都带具体数值与验收口径,可直接抄进你的设计规范或前端验收单。
线宽只保留三档,别做连续变化
建议固定 0.5px / 1px / 2px 三档,分别对应背景辅助线、主星轨、强调连线。线宽连续变化会破坏极简秩序感,也让前端难以用 token 统一管理。
留白比控制在 0.35–0.55
低于 0.3 画面拥挤、节点互相干扰;高于 0.6 则显空。用容器宽度驱动留白比:窄屏取 0.5 以上,宽屏取 0.4 左右,视觉重心更稳。
节点数随断点阶梯变化
推荐映射:320–640px → 24–40 个,641–1024px → 40–72 个,1025–1600px → 72–120 个,>1600px → 120–160 个。超出上限时优先删除次级节点,保持主线清晰。
强调色只点 10% 面积
把强调色留给关键节点、激活态与关键数字,单屏占用面积控制在 10% 以内。大面积使用会立刻打破极简气质,也会拉低线条本身的层次感。
图片容器先锁比例,再谈裁切
所有星河图容器写死 aspect-ratio 并配合 object-fit:cover,避免加载过程中高度塌陷。目标 CLS < 0.05,这是体验验收的硬门槛。
动效时长统一 250–450ms
悬停、展开、骨架补齐都走同一套缓动(ease-out)。超过 500ms 的动效在数据密集页面会明显拖慢操作节奏,低于 150ms 则显得生硬。
为减弱动态效果提供降级路径
监听 prefers-reduced-motion,关闭跑马灯、视差与自动播放,只保留静态首帧。无障碍不是附加项,它直接决定部分用户能否正常阅读你的数据星河。