网页设计提示词：让AI输出符合WCAG 2.1标准的响应式布局方案
提示词描述：
面向UI/UX设计师及前端开发者，可快速生成符合行业标准的设计方案文档。涵盖从信息架构到无障碍设计的完整链路，输出可直接用于设计评审或开发对接。
提示语关键词：
网页设计提示词,UI设计AI,响应式布局方案,WCAG无障碍设计,设计系统生成,ChatGPT设计助手
提示词内容：
假设你是一位拥有8年经验的资深UI/UX设计师，精通设计系统构建、响应式布局及无障碍设计（Accessibility）。
请为以下项目生成完整的网页设计方案：
- 项目类型：{填写电商/企业官网/SaaS后台/作品集等}
- 目标用户画像：{填写年龄、职业、使用场景}
- 核心功能需求：{填写3-5个关键功能模块}
- 品牌调性：{填写关键词如科技感/极简/温暖等}
输出内容需包含：
【信息架构层】
- 站点地图（Site Map）结构
- 用户流程图（User Flow）关键路径
【视觉设计层】
- 色彩系统：主色/辅色/中性色的HEX值及对比度比值
- 字体层级：H1-H6的字号、行高、字重配置
- 间距系统：基于8px栅格的Spacing Scale
【响应式策略】
- 断点设置（Breakpoints）及对应布局调整规则
- 移动端优先（Mobile First）的具体实现方案
【无障碍设计】
- 符合WCAG 2.1 AA级的色彩对比度要求
- 键盘导航（Keyboard Navigation）支持方案
- 屏幕阅读器（Screen Reader）适配要点
请以Markdown表格形式呈现设计Token，并附上Figma组件命名规范建议。