
智能客服编排
用几何节点表达意图流,客服可自行拖拽调整话术分支。
去掉多余装饰,只留下 1px 细线、几何图形与环形放射的秩序感。建模、微调、评估、上线四个动作在同一屏内完成,让开发者与使用者都被同一种节奏温柔地接住。
与 6 类角色共建基础设施,每一格都写清对接方式与陪伴职责,而不是只挂一个标志。
把踩过的坑写进答案里,让后来的人少绕一圈路。
1px 细线代替卡片阴影做分隔;③把字号压缩到 4 级(标题 / 正文 / 辅助 / 注释)。实测在 1140px 容器内可稳定容纳 4 列特性卡与 12 行数据表,信息密度反而提升约 20%。cubic-bezier(.16,1,.3,1)。并对 prefers-reduced-motion 做降级,动效时长压到 0.001ms。同一套抽象组件,支撑四类真实业务,每一类都标注了可量化的落地目标。

用几何节点表达意图流,客服可自行拖拽调整话术分支。

缺陷样本自动聚类,人工只复核置信度低于 0.72 的少数图片。

输入 3 个关键词与 1 条语气约束,30 秒内产出 8 版可用草稿。

指标异常自动生成 3 句人话解释,非技术同事也能直接引用。
大图叠层 + 悬浮微倾斜,鼠标移入时纸张般抬起,点到为止。
节点即图层,连线即数据流,非算法同事也能读懂结构。
参数改动实时给出预期影响区间,避免盲目试错。
发散不靠堆量,靠约束:语气、长度、场景三项锁定后再生成。
对比度、点按区、动效降级三项自动检查,不通过不放行。
来自一线使用者,说的都是具体变化,而不是套话。
“以前改一条话术要开三个系统,现在在同一个抽象画布里就完成了。新人上手从三天缩到半天。”
“界面安静下来之后,反而更容易发现异常数据。周报撰写时间少了四成,同事说终于不用熬夜拼图。”
“动效克制但很讲究,环形细线的呼吸感让长时间盯屏没那么累。期待多几组预设配色。”
按顺序执行,每一步都给了可验收的量化指标,做完即可判断是否达标。
以 8pt 为节奏基准建立间距令牌(4 / 8 / 12 / 16 / 24 / 32 / 48),所有组件只允许引用令牌。容器宽度设 1140px 起,超大屏放宽到 1400–1680px。
验收:任意两处间距均为 4 的倍数,0 处魔法数值主色铺陈结构,强调色只用于主按钮、激活态、关键数字与环形细线高亮。禁止用它做整条横幅或大块背景,饱和度不要再往上调。
验收:强调色占比 ≤ 10%,首屏无高饱和大面积色块区块之间统一 1px 细线,阴影只保留三级景深(静态卡片用最轻一级,悬浮用中级,抬升用高级),避免到处发光。
验收:分隔线全部 1px,阴影层级 不超过 3 种持续动效每屏最多 1 处;hover 过渡 150–250ms,抬升类 250–450ms,统一缓动曲线;并为减弱动效偏好做整体降级。
验收:单屏持续动效 ≤ 1 处,降级后动画时长 0.001ms生成前先锁定三项:语气(如温和陪伴)、长度(≤ 60 字)、使用场景。约束越清晰,初稿可用率越高,避免用户陷入无限刷新。
验收:初稿可用率 ≥ 70%,单次生成耗时 ≤ 30s三项硬指标:正文对比度 ≥ 4.5:1,可点区域 ≥ 44×44px,320px 宽度下无横向滚动。任意不通过就回炉,别指望用户替你忍耐。
验收:320px 视口零横向溢出,焦点态全可见平台迭代与设计思考,保持每周一次的更新节奏。
不需要迁移全部历史项目:先用一个真实小场景接入,跑通“建模 → 微调 → 评估 → 上线”闭环,再逐步扩展。我们会在旁边,陪你慢慢把它做扎实。