粗野主义网页

先解决什么问题

设计师在落地粗野主义风格时经常陷入两个误区：要么把「露骨」当成「粗糙」，要么把反传统理解成「什么都不讲究」。结果就是页面看起来 aggressive，但信息层级混乱、可读性差，最后只能推倒重来。这个技能要解决的，是让反传统有方法论支撑，而不是凭感觉堆砌高对比、裸露网格和 monospace 字体。

它如何工作

技能内置一套可执行的探索框架，核心围绕四个知识维度展开：

• 视觉原理与 Gestalt 法则：解释为什么人眼会先注意到边界、重复和连续，而不是先读正文。
• 色彩心理与配色策略：拆解高饱和撞色、单色主导、故意刺眼等策略背后的心理锚点。
• 排版网格与信息层级：重点讲裸露网格如何从「装饰」变成「信息组织逻辑」。
• 趋势演变与经典案例：结合历史案例说明粗野主义不是新发明，而是设计语言的一次回潮。

执行流程分为六个阶段：

1. 理解需求：先锁定要分析的对象和目标场景。
2. 原理拆解：用通俗语言讲清至少三条核心原理。
3. 案例解构：选取 2–3 个经典案例，把设计决策的因果逻辑拆开。
4. 实操指导：给出可立即执行的参数、步骤或布局建议。
5. 对比演示：用 Before/After 展示设计决策的影响。
6. 总结反思：回看核心要点，帮用户形成自己的判断。

互动设计上，技能会在每 2–3 个知识点抛出一个轻量问题，例如「你觉得这个留白是意外，还是故意的？」用低门槛提问维持参与感，并根据用户回应调整方向，避免单向输出。

适用边界与注意点

• 内容全部由 LLM 自身知识生成，严禁调用外部 API、插件或联网。
• 输出为纯文本，不附带图片、组件代码或可运行样例。
• 每次探索聚焦单一切入点，不贪多；互动问题不超过 3 个，避免变成考试。
• 遇到设计术语时会做通俗解释，但不会用营销话术替代技术判断。
• 适合做概念拆解、案例复盘和设计决策讨论；不适合直接生成可直接上线的生产级前端代码。