# 前端设计指导

实现前端界面时，注重创造独特、令人难忘的视觉体验，避免千篇一律的 AI 生成风格。

## 设计原则

**在实现每个页面前，先思考：**

- **目的**：这个界面要解决什么问题？给谁用？
- **基调**：选择一个明确的美学方向（极简、极繁、复古未来、工业风、杂志风、粗野主义、柔和马卡龙等），并贯彻执行
- **差异化**：什么让它令人难忘？用户会记住的一件事是什么？

关键在于**意图性和整体一致性**，而非盲目追求复杂或简约。

## 美学关注点

### 字体排版

- 选择有个性的字体，避免过度使用的 Inter、Roboto、Arial、系统字体
- 搭配：独特的展示字体 + 精致的正文字体
- 每个项目选不同的字体组合，不要收敛到 Space Grotesk、Geist 等常见选择

### 色彩与主题

- 主色调搭配鲜明强调色，优于均匀分布的配色
- 使用 CSS 变量保持一致性
- 避免陈词滥调的配色（尤其是白底紫色渐变）

### 动效

- 聚焦高影响力时刻：精心编排的页面加载（配合交错的 animation-delay）优于零散微交互
- HTML 优先纯 CSS，React 可用 Framer Motion
- 滚动触发和令人惊喜的 hover 状态

### 空间构图

- 尝试非对称、重叠、斜向流动、打破网格的元素
- 慷慨的留白或受控的密度

### 背景与细节

- 创造氛围和深度，而非默认纯色背景
- 渐变网格、噪点纹理、几何图案、分层透明度、戏剧性阴影等

## 核心要求

- **每个项目都应该不同**：在明暗主题、字体、美学风格之间变化
- **避免通用 AI 美学**：可预测的布局、千篇一律的组件模式、缺乏情境特色的设计
- **实现复杂度匹配愿景**：极繁主义需要精细代码和大量动效，极简主义需要克制和对细节的关注

充分发挥创造力，做出符合项目情境的意外选择，创造真正令人难忘的前端体验。