高端网页设计里，字体和配色为什么不敢乱来？讲一个真实的改稿风波

上周在郑州见了一位做检测设备的客户，他一坐下就掏出手机，翻到同行的官网截图："你看人家这个，黑底配金色，多大气。我这个蓝色的是不是太普通了？给我也改成黑金。"我们做设计的小李没直接答应，反而问了他一句："您这个牌子，客户看到的场合是什么？"他愣了一下，说主要是投标文件里附网址，还有客户通过搜索引擎找过来。

小李把话接过去："黑金配色放在酒、珠宝、会所这类品牌上成立，是因为它的产品本身讲稀缺。检测设备卖的是准确和可靠，客户脑子里想的是'这家的数据敢不敢信'，蓝色系反而更容易让人踏实。"这场对话最后没有吵起来，因为我们把三种方案一起摆到屏幕上给老板看，他自己就改了主意。今天这篇文章，就把这个话题展开讲讲：做企业官网定制这些年，字体和配色这两件事，为什么我们一直不敢乱来。

先说字体：好看是其次，能稳定加载才是底线

很多老板不知道，中文字体在网页上是个"重量级选手"。一套完整的中文字体文件，全量打包能到 8MB 以上，比首页所有图片加起来还大。客户的网站如果直接引一整套商用字体，打开首页那几秒，浏览器就卡在下载字体上。我们在郑州本地测过，4G 网络下多加载 5MB，首屏时间大概慢 2 秒多，跳出率肉眼可见地往上走。

所以做品牌官网设计的时候，我们一般只给两三个方案：要么用思源黑体这类开源可商用的字体，要么对选中的字体做子集化处理，把 8MB 压到几百 KB，页面里真正用到的字就那几百个。压完再测，加载时间基本无感。

还有一层是字体版权。去年有家客户拿着别家做的网站来找我们救火，因为收到了字体公司的律师函，一张函索赔就是几千块起。老板当时那句话我记得很清楚："我花两万多做的网站，结果最贵的成本是字体侵权。"从那以后，凡是进入我们项目的字体，我们先查授权，再谈好不好看。开源字体方案虽然"不惊艳"，但它不会半夜给你律师函。

再说配色：不是不能改，是改之前得算三笔账

回到那位检测设备客户。我们把三个方案做成同一个页面的对比稿，就是下面这张表：

老板看完表，自己把鼠标移到方案一上点了点："行，那就保持蓝的。金色那个确实像卖首饰的。"这单最后按原配色交付，上线第二周他发来消息说有家外地的检测机构通过官网找到了他们，正在谈年检合作。当然不能全归功于配色，但至少证明一件事：配色不是"我觉得好看"的问题，是客户拿着手机快速扫一眼时，愿不愿意停留的问题。

我们内部的一条土规矩：主色不超过两种

这几年下来，我们内部形成了一条不成文的规矩：一个企业官网，主色不超过两种，点缀色最多一个。原因很实际——颜色一多，设计稿好看，落到代码里就散。后期客户想加个活动专题、换个节日横幅，颜色体系对不上，怎么放都别扭。

还有对比度。正文文字和背景的对比度我们要求过 4.5:1 这条线，低于这个值，年纪大一点的用户在阳光下看手机就费劲。金色字配黑底这种组合，好看是真好看，但把参数一算就露馅——大多数金色（比如 #D4AF37）放在纯黑背景上，对比度只有 3 左右，够不上正文标准。设计评审的时候我们不吵架，就摆参数，参数摆出来，谁好看谁难看反而不重要了。

改稿改到最后，输的往往不是审美，是秩序

写过一篇设计得挺好却没人咨询的文章，讲的就是页面漂亮但询盘为零的情况。字体和配色的问题，本质上和那篇文章是一个根源：页面是给客户看的，不是给自己团队开庆功会用的。我们复盘过的改稿记录里，来回改七八轮的项目，大部分卡住的不是审美，是没在开工前把这些规矩定下来——用什么字体、主色是什么、对比度多少、哪个栏目放前面。定规矩这件事看着不高级，但它是把"好看"变成"能赚钱"的那道桥。

如果你也想看看规矩定好之后官网长什么样，可以翻翻我们做过的案例，制造业、检测、法律这些行业的站都在里面。字体和配色这两件"小事"，欢迎拿着你自己的品牌来聊，花二十分钟对着屏幕过一遍，比来回猜要快得多。

清盈建站，郑州本地网站建设团队，字体、配色、结构，每一处都替客户的客户着想。