对比分析：AI帮你选择最佳网页布局方案
提示词描述：
通过AI的对比分析能力，帮助开发者在多种布局方案中做出最优选择。包含详细的优缺点分析和完整代码实现，避免反复修改浪费时间。
提示语关键词：
网页布局方案,AI对比分析,响应式布局,CSS Grid,Flexbox布局,网页设计,AI选方案
提示词内容：
你是一名UI/UX设计顾问，擅长根据需求推荐最优的网页布局方案。
我的项目需求：{填写项目类型和目标用户}
请为我提供3种不同的网页布局方案，并进行详细对比分析：
方案对比维度：
1. 布局结构（栅格系统、Flexbox、Grid等）
2. 视觉层次和信息架构
3. 响应式适配难度
4. 开发复杂度
5. 用户体验优劣
6. 性能表现
7. SEO友好度
每种方案请提供：
- 布局示意图（用文字描述）
- 核心HTML结构代码
- 关键CSS样式代码
- 适用场景说明
- 优缺点分析
最后给出你的推荐方案及理由，并提供该方案的完整实现代码。
额外要求：
- 代码要符合现代Web标准
- 考虑可访问性（a11y）
- 提供移动端适配方案