网站设计不靠天赋，靠的是三件可以被拆开衡量的事，每件事都要有尺子而不是凭感觉，把感觉翻译成AI听得懂的话才算入门

很多人卡在"我这站怎么看着不专业"这个问题上，来回调也调不出所以然：颜色换了几轮，越换越怪；字号调大调小，怎么看都平；排版挤一点嫌乱、松一点嫌散。问题不在手笨，而在于把设计当成了一个整体的"感觉"去调，感觉是没法直接调的。设计其实可以拆：颜色归颜色、字体归字体、版式归版式，拆开之后每一项都有可以描述、可以由 AI 生成、可以检查的标准。

这篇就按拆解的路线走：先讲三件事各自的标准，再讲怎么把"想要的感觉"翻译成 AI 听得懂的话，再讲配色规范、版式与配图的生成方法，再讲设计怎么落到页面上、怎么检查，还说新页面怎么不跑偏，收尾落在设计规范变成可复用资产。看完之后，你手里的站不用推倒重来，就能一项一项地顺过来。

一、三件事各自的标准：不靠感觉靠尺子

把感觉变成标准，是让 AI 参与设计的起点。三个方向各有各的尺子，量得出来，也就改得动。

配色看两条：和谐与对比。和谐指全站颜色有主有次，一套主色、一两个辅色、再用一点点缀色，数量控制在四种以内，超过就容易花；对比指文字和背景要分得开，浅底放深字、深底放浅字，按钮的颜色要和周围区分开，让人一眼看到能点。色彩数量少、明暗反差够，页面自然显得干净。

字体看两条：可读与层级。可读是底线：正文用常规字重、字号不要太小、行距留够，手机上读起来不费眼；层级是效率：标题明显大于正文、一级标题明显大于二级标题，读者扫一眼就知道哪是重点。层级混乱的页面，读者的眼睛找不到落点，再多内容也看不进去。

版式看两条：呼吸与主次。呼吸指留白：区块之间、行与行之间要有稳定的间距，别让内容贴满每一个像素；主次指布局：最重要的内容放最显眼的位置，次要信息收在下方或侧边。留白和主次做到位，页面不挤不乱，信息自己会排队。

二、把"感觉"翻译成 AI 听得懂的话

对着 AI 说"帮我设计得高级一点"，得到的多半是废话。不是 AI 不行，是这句话本身没法执行：高级是什么？是颜色深一点，还是留白多一点？设计需求要能被执行，需要翻译成三样东西：行业与人群、风格关键词、明确的避雷项。行业决定基本调性，风格词决定细节走向，避雷项防止 AI 自作主张给你来一版紫配绿的"创意"。

风格词不用自己发明，每个行业都有大致的"气质区间"和对应的配色方向，照着往下选即可：

对照这张表，把自己的需求拼成一句话提交给 AI，句式是："我做一个{行业}站，感觉要{风格词}，主色往{颜色}方向走，页面整体{亮或暗}，不要{颜色}、不要{元素}。"比如"我做一个家电维修站，感觉要可靠、干净、来得快，主色往蓝灰走，整体亮色，不要大面积紫色、不要卡通图案"。这一句话里，行业、气质、色彩方向、排除项全给足了，AI 出方案时就没有跑偏的空间。避雷项别嫌多余，它是性价比最高的一句："不要深色背景""不要旋转特效""不要满屏弹窗"，提前说一句，省下的是一轮轮返工的沟通成本。

三、AI 生成配色：一套规范，不只是几个颜色

配色最容易走的弯路，是拿到几个"好看的颜色"就往页面上撒。真正耐用的配色是一套规范：主色一个（占视觉大头，定气质）、辅色一个（做背景、卡片、分区）、点缀色一个（只用于按钮和重点标记，用量极小但最抢眼），再加上背景色与正文色两个中性色。五个位置，各有其职，混着用必乱。

让 AI 生成规范时，把用途一并问清楚："给我一套{行业}站的配色规范：主色、辅色、点缀色、背景色、正文色，各给色值，并说明每个颜色用在哪里、不能用在哪些地方。"拿到结果后按两条尺子验证：色数是否在五种以内（和谐），文字与背景、按钮与周围是否分得开（对比）。分不开的，让 AI 调整明暗或换深度重出一版，验证通过再把色值记进一份文档；这份文档之后生成任何页面都要带上，配色不靠记性靠文档。

四、AI 生成版式与配图：把页面摆顺，把图配齐

配色定完，页面还缺"摆放方式"。版式这件事可以交给 AI 出方案：把页面要放的内容按主次报给它：最重要的是什么（标题与按钮）、排第二的是什么（服务内容、案例）、剩下的又是什么（公司介绍、常见问题），让 AI 按这个优先级给几种布局方案：首屏怎么分、模块从上到下怎么排、哪些内容并排、哪些独占一行。你负责挑，AI 负责摆。

拿到布局方案之后，用"呼吸与主次"两条尺子过一遍：冒号后面的区块，间距是否稳定（别一段挤一段松）、每一屏是否有留白（不要让内容贴满）、最重要的内容是否在视线先到的地方。不满意的部分不用推倒，直接给 AI 指认："第三屏太挤，把模块间距统一放大一档""服务列表和案例并排不合适，改成上下排列"，逐处调，比整体重来省事得多。

配图是设计里最耗人的一环，AI 生成图片的能力恰好补上：风格词沿用配色阶段的规范（"蓝灰主调的简洁实拍感，不要插画风"），让一站之内所有配图质感统一；尺寸按位置定死（首屏横幅一个规格、内容配图一个规格），生成时直接按规格出，避免后期被裁得七零八落；用图有一条底线：图片是给文字让路的，凡是压在文字底下的底图，一律调暗或虚化，字看不清的图，再好看也是负担。配图还有个省心的用法：把同一组风格词写进每次生成的提示里，一次生成多张、挑最好的用；不满意的直接说"再出一版更简洁的"，不用自己找素材、抠图、调色。素材环节从此不再是设计流程里的堵点。

五、设计落地与检查：五项验收，不合格回炉

方案阶段结束，进入落地。把设计规范转成页面样式这件事，同样交给 AI 执行：色值、字号、间距、圆角，整理成一段"样式说明"连同页面结构一起给它，让它产出样式代码；如果页面本来就有模板，把规范对应替换进模板的样式层，一次替换全站生效，这就是规范文档化之后的最大红利：改配色不再逐页去点，改的是"规范的源头"。

落地完成，用五项检查验收。这五项覆盖了设计翻车的高发区，逐项对着看，不合格的记下来回炉，别带着问题"先上线再说"：

检查出问题，回炉的方式是"定点改"：对比不够就把那处颜色调深或调浅，层级不够就把标题加粗放大，间距不均就把间距统一成一个值。改完再跑一遍这五项，直到全部通过。这套验收表不只是检查工具，它对以后每次改版都有效，改动完成后照着过一遍，就不会出现"修好了这里、翻车了那里"。

六、新页面不跑偏：规范的保持

设计做完一个页面还不算成功，做第十个页面的时候风格依然一致，才算真的立住了。新页面跑偏的两个原因：规范只存在脑子里、生成时没带上。解决起来也简单，规范文档化就行。那份记着色值的文档不嫌短，五个颜色、三档字号、一组间距，半页纸写清：新页面动手之前，把这份规范原样交给 AI，让它"按这个规范生成"，出来的页面自然和老的是一家人。

修改也要守规范。想给某个页面换风格之前，先分清是微调还是推翻：换一个按钮颜色、调一处间距，属于微调，改完把规范文档同步更新即可；把整体调性从"专业蓝灰"改成"活泼暖色"，属于推翻，那就不能只改一页，要么全站重新走一遍配色与版式，要么承认这是两个不同阶段的站，别混在一起。中途半推半就地改一半，是设计崩坏最常见的起点。规范文档里还有一处值得写清：哪些是硬规矩（色值、按钮颜色这类全站统一的），哪些是软建议（配图风格这类可以微调的）。硬规矩不许动，软建议允许发挥，新页面在守得住底线的前提下还有一点呼吸的空间，站才不会僵。

七、规模化：把设计规范变成资产

单站的时候，规范文档放本地就够了。站多起来，这套做法立刻吃紧：每个站的规范散在不同文件里，新站想找一个能参考的配色得翻旧文件；规范更新了，哪个站该跟着调、调了没有，没有地方核对；多人协作时，你手里的规范和我手里的可能已经不是一份。设计资产一旦散落，站的风格就会随波逐流。

UC 站群系统把设计规范放到统一的位置管起来：每个站的配色、字体、版式规范集中存放，开新站直接从规范库取一套套用，不用翻旧站找色值；规范的版本集中维护，更新一处、需要跟随的站批量同步，谁用了哪一版清清楚楚；页面生成时按所属站的规范自动套用样式，同站页面风格不打架，多站之间的差异也一目了然。设计从"每次重新手调"变成"按规范套用"，才算真正沉淀成了资产。

留给你的起步动作只有一件：打开手上现有最顺眼的一个站，让 AI 把它的配色、字号、间距"逆向"整理成一份规范文档。整理这一遍，你就同时得到了三样东西：一份可复用的设计资产、一套可以套给新站的模板、一双以后看什么页面都能挑出毛病的眼睛。

回到开头那句"我这站怎么看着不专业"：不专业的从来不是某一个颜色、某一个字号，而是它们互相打架、没有规矩。这篇讲的拆解、翻译、生成、检查、保持，做的就是把规矩立起来。规矩立住的站，哪怕页面朴素，也是干净的；规矩散了的站，哪怕元素堆满，也是杂乱的。今天的动手清单很短：先给现有站理出那半页纸的规范。