页面四层法 · 描述网页的万能框架
英文：four layers（按单词直读）
界面与交互难度：入门 ★
🗣️一句话大白话
描述任何网页的万能框架：布局（东西怎么排）→ 结构（先看啥后看啥）→ 导航（怎么跳转）→ 组件（怎么操作）。按这四层跟 AI 说需求，它就不会自由发挥。
🎬真实场景
你说「做个高级的官网」，AI 自由发挥出三张等宽卡片加蓝紫渐变。用四层法：「布局分屏；结构是首屏大标题→功能→案例→联系表单；导航顶部固定；组件用 FAQ 手风琴」——结果立刻可控。
📮你可以这样说
「「按四层法出页面方案：①布局 ②页面结构（浏览顺序）③导航方式 ④用到的组件。先出方案我确认，再写代码。」」
⚠️边界与常见误解
- ▸四层是「说的顺序」：任何一层含糊，AI 都会自由发挥
- ▸「高级、有设计感」不是需求：翻译成四层的具体描述才是