STEP 01
命题解析
NLP平台先做意图拆解：从你的行业词、受众词与情绪词中抽取 5–7 个语义锚点，再由相似度模型映射到既有灵感库。低于 0.62 置信度的锚点会被标黄，提示你补充约束。
灵感生成 · AI 驱动交互
让每一次创意判断
让每一次创意判断
都建立在可读数据之上
灵感闪耀把「单页设计」的克制与「人工智能平台」的算力结合：输入一句创意命题，平台在 8 秒内返回即时视觉化灵感框架、交互式原型草图与配套文案建议，并用可视化指标标出每条方向的预估转化权重，帮你把主观感觉换成数据依据。
8s
命题→框架平均耗时
24组
单次生成灵感变体
63%
草图采纳率基线
9项
默认评估指标
STEP 02
框架生成
24 变体按 4 种版式节奏 × 3 种密度 × 2 种对比强度，生成 24 组即时视觉化灵感框架；每组附带布局栅格、字号层级与留白比例，可直接用于单页设计评审。
栅格 12 列行高 ≥1.5对比 ≥4.5:1
STEP 03
数据校核
可视化每套框架回填 9 项指标（首屏信息密度、点击热区占比、滚动深度预估等），以条形与迷你趋势图呈现，让你在同一屏内对比 24 个方向而不用来回切换页面。
Capabilities
六项能力，围绕「可验证的创意」展开
不堆功能名词，只列出可用数据回溯的环节：每一步都给出可量化阈值与失败判定条件。
01 / INSPIRATION
灵感生成与变体去重
同一命题保留 24 组方向，相似度高于 0.86 的变体自动合并，保证最终列表里每个方向都可独立评审。
去重阈值 0.86保留 ≥12 组
02 / INTERACTION
AI 驱动交互预演
悬停、滚动吸附、呼吸缩放等动效在生成阶段即被标注时长与位移量，超过 450ms 的过渡会被提示拆分为两段，避免科技感网页变成拖沓动画。
03 / GRID
单页栅格自检
检测 12 列栅格对齐偏差，偏差超过 4px 的卡片会被标红；同时校验 4/8pt 间距节奏是否被破坏。
对齐容差 4px间距 8pt 节奏
04 / COPY
配套文案建议
按标题 ≤22 字符、副文案 ≤62 字符给出三档长度方案，并标注可读性分数（基于字距与行高计算）。
标题 ≤22 字正文行高 1.62
05 / VISUAL
数据可视化映射
把主观评价转成可比较的条形、迷你趋势与占比环，强调色只用于关键数字与激活态，避免大面积高饱和填充干扰读数。
06 / UX
用户体验优化回归
记录每次迭代的滚动深度、首屏停留与跳出差异，形成可回溯的对比表，用数据判断改版是否真的更好。
滚动深度 ≥55%跳出降幅 ≥8%
FAQ
上线前最常被问到的六个问题
答案都以可核对的数据口径给出，方便你在评审会上直接引用。
生成的灵感框架能直接进入设计交付吗？
框架输出为结构化布局描述（栅格列数、间距节奏、字号层级、留白比例），覆盖率约 70%；剩余 30% 需人工补充品牌资产、真实配图与业务文案。建议把框架当作评审起点，而不是终稿。
为什么强调「数据驱动」而不是「感觉好看」？
平台对每套方案回填 9 项指标，其中 4 项可自动采集（信息密度、点击热区占比、滚动深度预估、对比度达标率）。当两套方案的主观评分接近时，用这 4 项做二次裁决，可减少约 40% 的反复改稿。
单页设计会不会导致信息过载？
会。经验阈值：单页板块控制在 6–9 个，每屏核心信息不超过 3 条；正文区块间距用 48–64px 分隔，卡片间距 12–20px，靠留白而非更多分割线维持秩序。
动态效果会不会拖慢首屏？
建议只保留两类动效：入场一次的缓慢缩放（周期 ≥18s，位移 ≤6%）与 hover 的 150–250ms 位移反馈。其余装饰动画全部关闭，可把主线程长任务压到 50ms 以内。
配色如何避免「一眼模板」？
遵循 60-30-10：约 60% 中性深底、30% 主色系表面与线条、10% 强调色只用于按钮、关键数字与激活态。强调色面积占比超过 12% 时，页面会明显变吵，需要立刻回收。
如何量化「用户体验优化」是否生效？
建立三条基线：首屏可读信息条数 ≥3、主行动按钮点按区 ≥44×44px、正文对比度 ≥4.5:1。改版后对比这三条与滚动深度的变化，任一指标回退即判定不通过。
Playbook
把一句创意变成可评审单页的六步清单
每步都给了参数与判定条件，照着做即可复现；失败时按括号内的避坑提示回退。
先定命题与判定指标
写清一句话命题（≤40 字），并锁定 3 项主指标，例如首屏信息条数、主按钮点按率、滚动深度。指标未定就生成灵感，后续无法比较高低。
生成 24 组框架并去重
相似度阈值设 0.86，低于该值的方向才算独立变体；若去重后不足 12 组，把命题拆成「受众 + 场景 + 情绪」三段重新生成。
用栅格与节奏做初筛
对齐容差 4px、间距走 4/8pt 节奏、卡片半径 12–16px。偏差项超过 3 处即淘汰，避免后期返工。
压一遍文案长度
标题 ≤22 字、副文案 ≤62 字、正文行高 1.62。超长文案先砍形容词，再砍从句，最后才考虑缩小字号——字号低于 15px 会拉低可读性评分。
控住动效预算
入场缩放周期 ≥18s、位移 ≤6%；hover 反馈 150–250ms；同屏并行动画 ≤2 组。用 prefers-reduced-motion 做降级，直接关闭循环动画。
上线后按周回归数据
每周比对滚动深度（目标 ≥55%）与跳出差异（目标降幅 ≥8%），连续两周回退即回滚到上一版，避免「越改越差」却无人察觉。
Dashboard
灵感方向的指标读数面板
同一命题下四个方向的横向对比，强调色仅落在关键数值与最优项。
方向 A–D 综合评分
样本：24 组变体 · 归一化后读数口径：综合评分 = 信息密度 30% + 对比达标 25% + 栅格对齐 25% + 动效预算 20%；低于 60 分的方向建议直接淘汰。
Iteration
一次单页改版的四个观测节点
左右交错记录每次迭代的取舍与数据变化，让创意设计过程可被追溯。
命题定稿节点 1 · 指标锁定
确定 3 项主指标与基线值，例如首屏信息条数 4 条、点按率 3.2%、滚动深度 48%。
框架生成节点 2 · 24 组变体
去重后保留 14 组独立方向，进入栅格与节奏自检，淘汰 5 组对齐偏差超限的方案。
交互预演节点 3 · 动效预算
把同屏并行动画压到 2 组以内，主线程长任务从 96ms 降到 44ms，首屏可读信息条数提升到 5 条。
数据回归节点 4 · 两周对比
滚动深度从 48% 升到 57%，跳出差异下降 9%，确认改版生效并冻结该版本作为新基线。
倾斜错位
Case Study
倾斜错位：让极简版面拥有记忆点
极简容易变得无个性。灵感闪耀用「倾斜错位」作为创意签名：卡片与色带在 2°–4° 内轻微旋转，配合等距立体几何装饰，在不增加装饰密度的前提下制造视觉节奏，同时严格守住 1px 分隔线与留白秩序。
- 倾斜角度控制在 2°–4°，超过 6° 会破坏栅格对齐的读数。
- 错位元素与正文保持 ≥16px 间距，绝不覆盖可读文字。
- 同一屏内倾斜元素 ≤3 个，且不叠加动画，避免注意力分散。
- 装饰容器统一加
overflow:hidden，防止越界导致横向溢出。 - 关键数字用强调色点亮，面积占比控制在 10%–12%。
