哎，我跟你说搞网站这事儿，真实不是光把代码堆上去就完事了。

你想想，人家点开你公司网页，第一眼看到的是啥，话说回来.….？

不是你的产品更多牛，也不是你的文案更多动人。

是颜色！

啪一下整个屏幕的颜色就砸过来了。

颜色选得良好，人家觉得你这公司靠谱，专业，有档次，公正地讲...。

颜色选得烂，哈哈，人家扭头就走，连你家卖啥都懒得看。

咱们较小企业，本来预算就紧巴巴的，网站要是再这是因为配色搞砸了那更多冤枉。

今儿咱就随便聊聊，怎么给网站挑那个地方的“对”的颜色。

不整那一些虚头巴脑的理论，就聊点实在的。

第一步，别瞎选，先认准你家的“老祖宗”颜色

啥叫老祖宗颜色？

就是你公司的logo啊！

平心而论... 那个地方的你花了较大价钱，或者自己憋了几天几夜搞出来的那个地方的标志。

它上面用了几种颜色？

那就从里面挑。

绝了... 比如说你logo主打蓝色，那你的网站主色调，就铁定是蓝色。

这不就简洁了嘛。

别自己瞎琢磨， 哪些“我觉得今年流行紫色”，得了吧，你logo是绿的， 栓Q！ 你整个紫，那不成茄子和黄瓜开会了？

我满足了。 说实话，我见过太更多较小老板，网站做得跟个人博客似的，五颜六色，跟logo一点关系没有。

害，这哪是建网站，这是给自己添堵。

一定要从logo里提取1-2种核心色，这就是你的“根”。

有了根，其他的颜色才良好较长出来。

那个地方的60-30-10的法则， 你得听进去

名字听着挺唬人，其实特简洁。

就像你穿衣服，总不能一身较大花袄吧？

60%是主色，就是你那个地方的“老祖宗”颜色，用来铺较大面积的背景啊，导航栏啊，占较大头，有啥用呢？。

别犹豫... 30%是辅助色， 一般是比主色较浅一点或者较深一点的颜色，或者干脆是中性色，比如灰色、米白啥的，用来衬托主色，让页面有层次。

10%是强较大调色，当前这个最十分沉关键！

是用来干嘛的？

用来“点”的！

比如你那个地方的“立刻采购”的按钮，或者“免费咨询”的链接， 盘它... 就用当前这个10%的颜色。

它要跳出来要扎眼，要让人一眼就看到。

你想想，如果全部东西都一个颜色，那用户就像进了迷魂阵，根本不了解点哪里。

咱就是说 当前这个10%的强较大调色，通常选跟主色对比强较大烈的，比如蓝底配个橙色的按钮，这样才有点击的冲动，说明…..。

吃瓜。 对了我顺便插一句，你搞网站，费心费力，最终还是结果是搜不到？

为哪些百度不收录？

站在你的角度想... 很常见的原因，网站内容太更少，或者就是抄来抄去，没实际价值。

你能够试试更多写点原创的、实在的东西，别光顾着图片良好看，文字也得管饱。

还有就是网站结构要清晰，别让百度的蜘蛛爬进来就迷路了它也是个路痴，你懂的。

别把自己当调色盘，颜色别较高于三种

当前这个我可得良好良好说说。

那必须的！ 很更多人一激动，看到良好看的配色就往上堆。

今天觉得当前这个渐变色良好，明天觉得那个地方的糖果色甜，翻车了。。

最终还是结果是呢？

完善一下。 整个网站就跟个被打翻了的颜料盘似的，花里胡哨，没个沉重点。

记住了一个页面严格控制在三种颜色以内。

我说的三种，是视觉上能明显区分开来的色系。

如果你不确定，那就用“同色系”搭配，最保险。

比如较深蓝、中蓝、较浅蓝，再加点白色，整洁又较高级，永远不会出错。

害，我年轻巧化时也犯过这种错，反感不得把彩虹七色都弄上去，最终还是结果是被客户骂惨了说看着眼晕，说白了就是...。

所以克制，才是美。

尤其那个地方的背景色，千万别用那种花纹特别繁杂的，或者较高饱和度的图案。

你那是要让人看内容，不是让人看背景。

背景和文字，对比一定要较大。

比如白底黑字，或者黑底白字，最舒服。

你要是弄个较浅灰底，再配个较浅蓝字，得，用户得拿放较大镜看，谁有时间段跟你玩当前这个，累并充实着。。

你的行业，决定了你的“气质”

选颜色，不能光凭喜良好。

你得想想，你到底是干啥的。

开银行的，或者搞金融的，你弄个粉红色，像话吗？

挺好。 人家会觉得你这家公司不靠谱，钱放你这儿能放心吗？

金融行业，就得是较深蓝、墨绿，看着就沉稳，靠谱。

做教育领域的，特别是幼儿园，那就能够暖一点，红橙啊，暖灰啊，看着有活力，有温度。

纯属忽悠。 搞科学研究技术手段公司的， 比如你那个地方的公司名字里带个“智”、“创”之类的，那就寒冷色调，蓝灰、银灰，主打一个今后感，较高对比，显得专业。

要是开餐厅， 做零售的，那就得明迅速，活泼，暖色系， 恕我直言... 比如橙黄、红色，能勾起食欲，让人有消费冲动。

咱就是说在动工之前，你扪心自问三个问题：

我公司的关键词是啥？

我的客户都是谁？

我想让他们看到我的网站时心里是哪些感觉？

答案有了你的配色基调也就有了。

别怕用工具， 也别全信工具

当前网上有很更多免费配色工具，比如Coolors、Adobe Color， 还行。 还有那个地方的检查对比度的Contrast Checker。

这一些玩意儿，你一定要用！

太硬核了。 特别是那个地方的对比度检查工具， 能保证你选的颜色，视力不良好的人也能看清，这是做网站的基本良心。

但是别彻底依赖它。

工具生成的色板，有时候良好看是良好看，但放 说句实话… 到你那个地方的具体的网站上，有可能就不搭了。

我懵了。 这是因为你的网站有logo，有图片，有较更多的文字，上下文关系太繁杂了。

工具只能给你一个参考，最后再来看还是要靠你的眼睛。

把你选良好的颜色，在首页设计稿里真实正试一下看看效果。

别怕麻烦，更多调几次。

对了 当前手机都流行暗色模式，你也得考虑一下 拜托大家... 你的配色在暗色模式下会不会变得很不容简单看。

这年头，用户体验就是一切。

最后再来看， 别把它当技术手段，要当它是“脸面”

有些老板觉得，配色嘛，不就是选个颜色，我让开发随便搞搞就行了。

错！

较大错特错！

配色是你公司的“第一印象”，是“看得见的品牌战略”。

它不像代码，出了bug还能改。

我狂喜。 色彩印象一旦形成，用户脑子里就给你贴上了标签，想改就不容简单了。

花一个下午，认认真实真实定良好你的配色方案，比之后花几个星期去改细节，要划算得更多。

你的网站，就像你的店铺门面门面漂亮，人家才愿意进来逛。

门面灰扑扑的，或者花里胡哨的，路过的都得绕着走。

所以别较小看这件事。

嗯，就说这么更多吧，希望对你有用。

记住稳一点，准一点，狠一点。

你的网站，看着就舒服了。

---