别让 AI 自由发挥审美
审美差,通常不是眼光差
很多人用 AI 做页面,失败点不在功能,而在“看起来不值钱”:颜色乱、按钮土、间距挤、字体像模板站。于是大家开始疯狂改 Prompt,让 AI “高级一点”“像大厂一点”。
问题是,AI 不怕你夸张要求,它怕你没有标准。你让它“做得好看”,它只能猜;你给它一套明确的审美约束,它才会稳定输出。
真正有用的不是一句神奇 Prompt,而是一套“审美护栏”。
AI 不是设计师,是执行员
把 AI 当设计总监,结果大概率翻车;把 AI 当执行员,效果反而会变好。
执行员需要什么?需要规范、样例、禁区和验收标准。比如:
- 主色不超过 2 个,灰度层级固定。
- 按钮只能有 primary、secondary、ghost 三种。
- 卡片圆角、阴影、边距统一。
- 不允许大面积渐变、不允许廉价霓虹色。
- 页面必须先满足信息层级,再谈装饰。
这就是“给 AI 戴紧箍咒”。不是限制创造力,而是减少低级失误。普通人做内容、课程页、资料库、活动页,也一样适用。
最小可用的审美补丁
不一定要懂设计系统,也不一定要会 Figma。你可以先做一个很土但有效的“审美补丁文档”,丢给任何 AI 编程助手或写作助手。
建议包括 4 块:
第一,参考对象。
不要写“高级感”,写“类似 Notion 的清爽信息密度”“类似 Linear 的克制按钮”“类似 Apple 的留白和产品质感”。参考对象越具体,AI 越少乱猜。
第二,禁止清单。
比如:不要彩虹渐变、不要大圆角胶囊按钮、不要满屏卡片、不要随机图标、不要花哨阴影、不要营销味空话。禁止清单比风格描述更好用,因为它能直接拦截土味输出。
第三,组件规则。
把标题、正文、按钮、表单、卡片、导航、状态提示写成固定规则。以后做新页面,不是重新设计,而是复用这套规则。
第四,验收问题。
每次让 AI 交付后,追问它:这个页面最重要的信息是否第一眼可见?颜色是否超过限制?手机端是否挤压?按钮层级是否清楚?有没有装饰大于内容?
这一步很关键。AI 的第一版不是答案,是草稿。
内容和教育行业更该用这套
很多内容人、教育从业者以为“前端审美”离自己很远,其实不是。
你做一个课程介绍页、免费资料领取页、训练营报名页、知识库首页,本质都在卖信任。用户还没听你讲课,先看你的页面;页面一乱,专业感就掉了。
这时候别追求“设计惊艳”,先追求“三个稳定”:
信息稳定:用户知道你在讲什么、适合谁、怎么开始。
视觉稳定:颜色、字体、间距、按钮不乱跳。
转化稳定:下一步动作清楚,不让用户猜。
AI 能帮你快速生成页面,但你要负责判断:它有没有服务业务目标,而不是只会堆效果。
一个可复用工作流
可以按这个流程做:
- 先写清楚页面目标:展示、报名、领取资料、查询信息,四选一。
- 给 AI 一份审美补丁:参考对象、禁止清单、组件规则。
- 让 AI 先产出结构,不急着写代码。
- 审结构:信息顺序对不对,用户会不会迷路。
- 再让 AI 写前端,并要求使用统一组件和样式变量。
- 最后做手机端检查,重点看文字是否溢出、按钮是否太挤、主行动是否明显。
这套方法的价值在于,它把“审美”从玄学变成流程。你不需要成为设计师,但你必须成为一个有判断力的甲方。
AI 时代,普通人真正要补的不是工具课,而是验收能力。你能不能说清楚什么不要、什么必须统一、什么才叫达标,决定了 AI 最后是在帮你做产品,还是在帮你制造一堆看似完成的半成品。