渐变网格

要解决的设计问题

渐变网格在视觉设计中经常被误用：要么变成一团没有焦点的色彩糊，要么为了「柔和」牺牲信息层级，要么盲目跟风导致作品同质化。设计师真正需要的不是一键出图的工具，而是一套能解释「为什么这样排布网格、为什么选这组配色」的启发式方法。

这个技能面向想理解柔光渐变背后视觉原理、并能在具体项目中做出可解释决策的设计从业者与前端工程师。

技能如何工作

核心能力：扮演资深视觉设计师，围绕「柔和」这一关键词，从四个维度展开探索：

• 视觉原理与 Gestalt 法则：基础概念、核心原理与关键术语
• 色彩心理与配色策略：具体案例、代表作品与现象分析
• 排版网格与信息层级：技术细节、方法论与实操要点
• 趋势演变与经典案例：文化背景、发展趋势与日常连接

关键步骤（执行流程）：

1. 理解需求：确认要分析或设计的对象与目标场景
2. 原理拆解：用通俗语言解释至少 3 条设计原理，建立分析框架
3. 案例解构：拆解 2–3 个经典案例的因果逻辑，并与原理对应
4. 实操指导：给出至少 3 条可执行的设计建议、参数或步骤
5. 对比演示：通过 Before/After 让设计决策的影响可感知
6. 总结反思：梳理要点，引导形成自己的设计判断力

互动机制：每 2–3 个知识点抛出一个轻量提问，用「你知道吗？」「猜猜看？」保持参与感，并根据回应调整深度与方向。进度系统通过积累「探索值」解锁更深层内容，从了解基础概念到独立思考，再到产出原创观点。

适用边界与注意点

适合想要理解柔和渐变背后的设计原理、需要可复用分析框架的用户，也适合在项目评审中解释设计决策的设计师。

不适合需要实时生成渐变贴图、调用设计软件 API 或联网获取素材的场景。技能完全依赖 LLM 自身知识，零外部依赖，纯文本输出。

使用时注意：避免把它变成单向知识灌输；不要堆砌术语而不做通俗解释；每次聚焦一个具体切入点，不要贪多。如果只需要快速出图，这个技能可能太重；如果想要的是设计判断力，它值得花时间。