排版颜色怎么定一套永远不翻车的三色模板？
排版颜色怎么定一套永远不翻车的三色模板？
颜色翻车不是审美差，是每次现想，解法是三色加一底：#2e6e4e 做强调、#e8f2ec 做背景、#333933 做正文、#ffffff 做底，永远只用这四个。
一、我先踩的坑
这篇是《AI 新媒体窄问题实操》系列的第 9 篇，讲排版颜色。前面几篇把样式和配图都安顿好了，就剩颜色这一块，看着小，翻起车来最影响观感。
我早期的文章就是现想颜色。今天觉得蓝色干净，标题就用蓝；明天觉得橙色有劲，强调就换橙；后天看到别人用紫色好看，我又跟一期。
单看每一篇，好像都没什么毛病。把主页点开，连着看十篇，蓝的、橙的、紫的、绿的挤在一起，像四个人的文章拼在了一个号里。
同一篇里我还干过中途换主意的事，上半部分一套配色，下半部分又换了一套，发出去自己回看，像两篇文章缝在一起。
读者认账号，靠的就是这种「一眼认出」的稳定感。颜色每篇一换，读者刚攒下的印象就清零一次。
回想起来，当时的逻辑特别简单：每篇都想给读者一点新鲜感。后来才懂，读者要的不是新鲜，是认得。
颜色这个东西还有个特点，单独看怎么都行，摆在一起才见高下。所以判断颜色不能看一篇，要看一排。
更麻烦的是每次都要现场做决定。写完文章已经累得不行，还要对着调色盘挑半天，挑出来的还不一定对。
后来我把颜色这件事一次性定死了，从此再没为它花过心思。这套模板就是今天要给你的：三色加一底。
二、为什么三色加一底不翻车
先说结构：三个颜色，加一个底色，一共四个。深色管强调，浅色管背景，灰黑管正文，白色管底面。
这个结构的妙处在分工。每一个颜色只有一个岗位，标题找深色，章节背景找浅色，正文找灰黑，谁也不用临场判断。
分工定了还有一层保险：岗位之间不串门。强调色不下场铺背景，背景色不跑到标题上，各守各的位。
颜色一少，两个好处立刻出来。一是文章内部和谐，四个颜色天生是一家人，怎么摆都不打架；二是篇与篇之间稳定，读者看三篇就能认出你。
再说为什么是「三加一」。正文要一个颜色，这是底线；强调要一个颜色，不然重点沉在字堆里；背景要一个颜色，章节之间才有呼吸。三个岗位，正好三个颜色。
两个颜色撑不出层次，五个颜色又会让岗位打架，选择就回来了。不是两个，也不是五个，是岗位数说了算。
其实答案早就写在岗位数里。三个岗位，三个颜色，一个不多一个不少，这才叫模板。
底色为什么单独算一个？因为白底是默认值，平时感觉不到它，但是它决定整篇文章的第一印象是清爽还是憋闷。
有人觉得白底没个性，想换成米色灰色的。可以试，但是先问自己能不能每篇都扛住这个决定，答案多半是不能。
要提醒的是，文章排版不是海报设计。海报要三秒抓人，可以用重色；文章要让人读两千字，颜色必须退后。
有人会说四个颜色太素，撑不起设计感。我自己的记录摆在这：就用这套绿色模板，样式全内联排出来的文章上线后，章节底色浅浅一层，标题深绿一点，整篇的效果就是干净、耐看四个字。
设计感不是颜色多，是控制得住。四个颜色用得铁板一块，比十六个颜色乱炖高级得多。
这套三加一也不是什么花活，是无数踩坑的人撞出来的公约数。你要是不信，先照用一个月，再回来评价。
三、实操：定色，再做一张色板图钉在墙上
实操分两半，前一半定色，后一半把定好的色做成一张色板图，贴在工作区里，用的时候瞄一眼。
第一个颜色，深绿 #2e6e4e，岗位是标题和强调。深色里我选了绿，不选藏蓝也不选黑，因为绿色有生长感，跟内容做方法、做实操的调性合得上。
你选什么色相都可以，但是有三条硬标准：够深，压得住白色底；饱和别拉满，艳色刺眼；自己看着舒服，看一百次不难受。
选色相的时候还有一个顺手的考虑：跟头像、跟号的名字有没有呼应。呼应上了，整套视觉就更成一体。
第二个颜色，浅绿 #e8f2ec，岗位是章节背景。它是 #2e6e4e 的同族浅色，同一色相往白里走，天然跟深绿是一对。
浅色怎么来？不用凭空挑，拿深色往白里兑，兑到若隐若现就是它。同族浅色配同族深色，出错概率最低。
这一层浅绿铺在章节上，像一层薄纸，把段落轻轻托住。浅到什么程度合适？浅到铺上去几乎感觉不到，撤掉又觉得空。
第三个颜色，灰黑 #333933，岗位是正文。注意不是纯黑，#333933 带一点绿灰，跟整套色是一家的。
纯黑在屏幕上太硬，一大段读下来压眼睛。灰黑软一点，长文阅读舒服很多，这是正文色最容易被忽略的细节。
第四个颜色，白 #ffffff，岗位是底。全篇最干净的背景，别的颜色都是在它上面说话。
四个色值再报一遍，你直接抄走：#2e6e4e 强调，#e8f2ec 背景，#333933 正文，#ffffff 底。这篇文章的排版用的就是它们。
颜色定完，我用脚本 demo09.py 做了一张色板图：图像库 PIL 画一块 1536 乘 700 的画布，四个色块一字排开，每块上标注色值和岗位。
为什么要色板图？因为色值这串字符记不住，看图一眼就认。这张图我做完就贴在写作流程里，排版时对照它取色，不用凭记忆。
做色板图还有一层意思：把审美标准公开出来，白纸黑字。标准一公开，自己就不好意思乱改了。
上面这张就是脚本的真实产出。四个色块，四个岗位，从左到右看一遍，整套模板就在眼里。
还有一层更省心的：这套色直接写进了排版的脚本里。前面讲全内联 HTML 那篇的绿色主题，用的正是这套色，脚本写死，篇篇一致。
从 Markdown 进，到全内联 HTML 出，颜色是脚本里写死的常量。人只有一次做决定的机会，就是当初定模板那次。
四、两个常见的坑
第一个坑：中途手痒加第四个彩色。用着用着觉得单调，往里塞一个亮黄或者亮红，点睛变点炸，整篇文章立刻像拼盘。
想加色的冲动多半出现在文章数据不好的时候，总觉得颜色不够跳。数据不好该查选题查标题，别拿颜色背锅。
真需要强调层级的时候，用深浅和字号去解决，不要加色相。深浅是同一族的变化，加色相是引外来户。
第二个坑：对比度不够。浅色的字配白底，深色的字配深底，读者看着费劲，读完眼睛累。
对比度还有个反面：强过头。大红大绿撞在一起也读得清，但是眼睛疼，别从一个坑跳进另一个坑。
自查办法也简单，把正文和背景的搭配在手机上过一遍，眯着眼看还能不能读清。读不清就加深，别心疼那个浅色。
两个坑指向同一条纪律：岗位固定，色值固定，谁都不许临时发挥。模板的意义就是把决定做一次，之后不再做。
五、写在最后
一句话总结：三色加一底，#2e6e4e 强调、#e8f2ec 背景、#333933 正文、#ffffff 底，定一次，用到底。
给你一个上手顺序：先定正文灰黑，再定底白，然后配深色，最后拿深色兑浅色。从必须的往可选的定，顺序对了就不纠结。
这套模板给我最大的变化不是好看，是省心。写完文章，颜色这一栏是自动的，我把省下的精力全拿去抠选题和标题。
从样式内联，到配图禁令，到封面安全区，再到颜色模板，这个系列的配图排版四篇到这里收齐了。你会发现四篇是同一个思路：把会翻车的决定，提前做成固定的规则。
排版稳了，下一篇往外走一步，说文章的门面里最讲究的一行字：标题。10 个备选怎么一次要来，怎么一眼挑出那个能打的？
下一篇《标题怎么用 AI 一次出 10 个备选？》讲给你。
AI 实战导师 / 企业 AI 落地顾问 / 智能体工程师，17 年跨界、15,000+ 小时 AI 实操、20+ 套已交付工作流。 看完整履历海报 → skills 实验室 →
发表评论: