公司官网设计用什么颜色？3种搭配方案任你选！

公司突然说要搞个新官网，让我负责设计颜色部分，说随便弄弄就行。我心想这可不能随便，就赶紧动手开始了。

先研究颜色搭配

我上网查了一圈，发现大家都说颜色要看业务类型。我们公司是做教育培训的，主打可靠感。我就试了好几种组合，对着电脑屏幕瞎摆弄。先用Photoshop开个画板，把背景色和文字色拖来拖去，结果搞了一下午眼睛都快瞎了，还是一团糟。总结出3种简单方案，好上手又好改。

详细测试三种方案

我动手做了个简单的原型页面，拿同事们当小白鼠，一个个试效果。方案要易懂易用，我就分了3种：

• 蓝配白方案：选了天空蓝做主背景，加上纯白文字。试的时候，用户说看着稳当，像是专业机构。我改了深浅几个版本来回试，发现浅蓝配白字最顺眼，就记了下来。
• 橙配灰方案：用橙色当亮点，配灰背景。测试时有年轻用户说挺活跃，但老大爷同事觉得眼花缭乱。我又调了橙色的亮度，弄浅点才勉强过关。
• 黑配白方案：经典黑白灰组合，加点点灰过渡。试完了反馈都说简单明了，就是太素了点，怕用户觉得没温度。

搞了好几轮测试，我还记了个本子，每条意见都写下来，省得忘光了。

遇到困难和解决

试方案中途出了岔子，公司领导催得急，说一周内要搞定。我晚上加班加点，饿着肚子对着屏幕调色。有次手抖按错键，整个色彩板都给乱套了，气得我直拍桌子。回头想不是办法，就简化步骤只改核心颜色，少加花哨效果。搞定后，用户投票显示蓝配白方案最受欢迎，就直接拍了板。

最终实现效果

我用选好的方案做了官网初稿，上传测试服跑了一遍。同事们点开看都说清爽舒服，没毛病。领导瞄了几眼也没提意见，这事就算结束了。整过来说难不难，说简单不简单，关键是多动手试，别怕出错。

回头想整个事，挺有意思的。去年我刚接手这种活儿时，也是一头雾水。有次被个外包坑了，颜色弄得七零八落，我掏钱赔了公司几千块，搞得当月工资都扣光。从那以后我就长记性了，任何设计都自己做测试优先。现在混熟了连领导都说我是公司“色彩专家”，哈哈，不过干活儿还是得脚踏实地的。