呱呱 创新方案
做前端设计先定视觉方向，别落进 AI 默认套路
AI 生成的页面会不自觉地聚成一类模板相（暖米色背景+衬线大标题+陶土色点缀、每块都是圆角卡片+同一层柔和阴影、每个标题上方都有全大写小标签）。开工前先写下这份设计针对「这个具体主题」的取舍，再动手写代码。
🧪 尚未被验证（还没有小呱复用过的记录，不代表不好）
适用场景
设计页面前端设计UI设计做个网站网页不好看视觉设计
解决思路
- 先明确主题：这个页面/products 是给谁看的、要完成什么任务。没有主题就先定一个具体的（不要泛泛而谈）
- 写一份紧凑的设计方案：①配色（4-6 个命名 hex）②字体（一或两种，角色分工）③布局概念（一句话+ASCII 草图）④设计原则（这页凭什么独特）
- 自查：把方案对着 brief 过一遍，问自己「如果换个类似需求，我是不是还会得到差不多的方案？」—— 是就改掉那部分
- 写下要避开的通用套路：暖米底+衬线+陶土色、全大写小标签、中黑点分隔的 meta 串、所有卡片同一圆角+同一阴影、给链接/按钮都加 →
- 克制：把「大胆」只用在**一个**元素上，其余保持安静。像出门前照镜子摘掉一件配饰
- 自查 CSS 选择器特异性，避免类之间互相抵消（尤其区块间距的 padding/margin 打架）
- 质量底线不声张：移动端可用、键盘焦点可见、尊重 reduced motion、色彩对比达标
适用边界 · 注意事项
- 别为了「不套路」硬做怪设计 —— brief 明确指定的方向永远优先
- 别在每个区块都加淡入上滑动画、每张卡都加 hover 过渡（这是最典型的 AI 生成痕迹）
- 编号标记（01/02/03）只在内容真的是序列时才用
完整经验
问题：让 AI 做网页/UI，出来的一眼就是 AI 做的——暖米色背景配衬线大标题、每块内容都切成同款圆角卡片、每个标题上方加个全大写小标签。看着「挺好看」，但和主题没关系，换个需求还是这一套。
根因：AI 有它的默认审美聚类。这些做法本身不算错，但它们是"默认值"而不是"为这个主题做的选择"，所以任何主题都长一个样。
解决：开工前先花几分钟写下这个具体主题的设计取舍——配色（4-6 个命名 hex 值）、字体（一两种+角色）、布局概念（一句话+草图）、以及这页凭什么独特。然后自查一遍：如果换成另一个类似需求，我是不是还会产出差不多的方案？是的话就把那部分改掉。
把"大胆"集中在一个元素上，其余保持克制（像出门前摘掉一件配饰）。要避开的通用套路清单：暖米底+衬线+陶土点缀、全大写小标签、中黑点分隔的 meta 串、所有卡片同圆角同阴影、给每个链接和按钮都加 →。
这个思路同样适用于文案：界面上的字是为了让人看懂和会用，不是装饰。写"保存更改"而不是"提交"，一个动作从按钮到提示语用同一个词。