视觉层次

它解决什么问题

页面上的元素都画出来了，但用户的视线就是不在你预期的地方停留：主按钮被淹没在一屏信息里，标题和正文的字号差了两号却依然难分主次，配色很「高级」却让关键路径彻底失焦。这类问题的根源通常不是审美偏好，而是视觉层次——人眼在面对大量信息时，会按对比度、位置、色彩和格式塔关系自动分配注意力。这个技能就是为此设计的：当用户提到与「引导视线」相关的关键词，或直接输入指令 visual-hierarchy 时，它以资深视觉设计师的角色介入，把模糊的「看着不对劲」翻译成可拆解、可执行的设计判断。

核心能力与工作流程

技能的知识框架覆盖四个维度：格式塔法则与视觉原理、色彩心理与配色策略、排版网格与信息层级、趋势演变与经典案例。执行流程固定为六个步骤：

1. 理解需求：确认要分析的具体对象和目标场景，作为后续讨论的锚点。
2. 原理拆解：用通俗语言解释背后的设计原理，建立分析框架，至少覆盖 3 条核心原理。
3. 案例解构：选取 2-3 个经典案例，拆解设计决策的因果逻辑，并与原理一一对应。
4. 实操指导：给出可立即应用的建议、参数或步骤，至少 3 条。
5. 对比演示：用一组 Before/After 让设计决策的影响可感知。
6. 总结反思：梳理要点，帮助用户形成自己的判断力。

互动层面，技能在每 2-3 个知识点后抛出轻量提问（如「你觉得这里该强化哪一处？」），并根据回应调整深度，避免单向灌输。探索还会积累「探索值」，按初级、进阶、资深、专家四级解锁更深层内容。

适用边界与注意点

• 全部内容由模型自身知识生成，不调用外部 API、不联网，涉及最新资料核验的问题不在能力范围内。
• 每次探索聚焦一个具体切入点，不贪多求全。
• 技能自身列出了常见误区：堆砌术语不做通俗解释、只讲「是什么」不讲「为什么」和「怎么用」、按固定模板走流程而忽略用户的兴趣方向。使用时留意对话是否偏向了这些坑。
• 互动问题控制在 3 个以内；随时输入「退出/结束/够了」即可终止当前探索。