Wix把这套提示词公式藏了2年，设计师发现后集体破防

AI建站工具吹了3年，80%的人产出的页面仍像2008年的企业黄页。问题不在工具，在你输入的提示词——大多数人给AI的指令，相当于让厨师"做顿好吃的"。

设计师和普通人的差距，从找参考图那一刻就拉开了。

Awwwards每年收录约4000个获奖网站，但90%的AI用户从未打开过它。这个平台的评审由行业专家组成，只收录完整上线的真实项目，附带技术性能拆解。Dribbble和Behance更适合看UI片段，Awwwards则让你看到整站的信息架构如何流动。

用AI建站前，建议先花20分钟做三件事：截图3个你喜欢的主页首屏，标注它们的字体层级关系，记录导航栏用了哪种交互逻辑。这些细节会变成你提示词里的"锚点"。

提示词不是许愿，是技术文档

新手常犯的错：把AI当成有审美的合伙人。实际上它更像一个执行力极强但毫无判断力的实习生——你给模糊指令，它就还你安全但平庸的方案。

专业设计机构的提示词长什么样？以导航栏为例，普通人写"现代风格的顶部导航"，高手会拆解为："固定顶栏，高度64px，背景色#FFFFFF/90%透明度+backdrop-blur，Logo居左，菜单项水平排列间距32px，右侧放置CTA按钮（圆角8px，主色#0066FF），滚动时触发微阴影"。

关键差异在于：后者把视觉决策翻译成了可执行的参数。AI不需要理解"现代"，它需要像素值和交互状态。

色彩系统的提示词同样需要结构化。不要告诉AI"用蓝色系"，而是指定："主色#0A2540（深海蓝，用于标题和关键行动点），辅助色#00D4AA（青绿，用于成功状态和高亮），中性色#F6F9FC（极浅灰，用于卡片背景），文字色#1A1A2E（近黑，保证可读性对比度≥4.5:1）"。

颜色名称对AI毫无意义，十六进制代码才是它的母语。

排版层级的提示词可以参照这个模板："标题：Inter Bold 48px/56px行高，字重700；副标题：Inter Medium 24px/32px，字重500；正文：Inter Regular 16px/24px，字重400；辅助文字：Inter Regular 14px/20px，字重400，颜色#6B7280"。指定字体家族、字号、行高、字重四项，AI的输出会稳定得多。

从参考图到提示词的翻译术

看到喜欢的网站，如何把它"喂"给AI？需要完成三层拆解。

第一层是布局骨架。用手机截图工具画线，标出页面被分成了几个横向区域，每个区域的高度比例大概是多少。比如"首屏：全屏高度，内容垂直居中；第二屏：60%图片+40%文字，左图右文；第三屏：三列等宽卡片，间距24px"。

第二层是视觉节奏。记录元素之间的留白规律——标题到副标题的距离、段落间距、卡片内边距。专业设计里，这些数值通常遵循8px网格系统。你可以直接告诉AI："所有间距基于8px倍数，最小单元16px，区块间距64px"。

第三层是交互细节。滚动时导航栏是否收缩？图片hover有没有缩放效果？按钮点击的反馈时长是多少？这些动态属性常被忽略，但决定了网站是否"高级"。

把这些观察整理成提示词时，按"全局规则→区块定义→交互说明"的顺序排列。AI处理长提示词有上下文窗口限制，把最重要的约束放在前面。

一个实用技巧：给AI设定"角色"。在提示词开头加入"你是一位有10年经验的UI设计师，擅长极简主义风格，注重可访问性标准"，能让输出质量提升一档。这相当于给AI加载了一个先验概率分布，缩小它的"创作"范围。

资源库：设计师的私藏清单

除了Awwwards，还有几个工具能帮你建立设计判断力。

Fonts In Use收录了真实项目中的字体搭配案例，按行业、年代、风格分类。想给律师事务所建站？搜"law"，看顶尖事务所怎么用衬线体传递信任感。想给潮牌做页面？看街头文化项目怎么处理粗体无衬线的冲击力。

Coolors和Adobe Color能生成符合色彩理论的配色方案，但更好的用法是上传参考图，提取其中的色彩比例。专业设计很少用纯黑纯白，而是有细微色相偏移的"功能性中性色"。

Page Collective和Land-book专门收集落地页设计，按SaaS、电商、个人品牌等场景分类。它们的筛选标准比Pinterest严格，适合快速找到行业基准线以上的案例。

最后一个是Hidden Details，这个站点放大展示优秀设计的微观决策——按钮的圆角弧度、阴影的模糊半径、图标的描边粗细。这些"看不见的设计"正是区分业余和专业的关键。

AI建站的真相：它不会取代设计师，但会淘汰不会写提示词的人。

那些看起来"毫不费力"的高端输出，背后是对设计系统的深度理解。AI只是放大器——你有清晰的审美标准，它就帮你快速迭代；你只有模糊的感觉，它就给你千篇一律的安全牌。

现在打开你最近用AI生成的网站，对照Awwwards的获奖作品，差距具体出在哪一层？是配色太保守，还是留白太局促，或者是交互完全缺失？这个问题本身，就是下一版提示词的起点。