[设计]配色

分享一些个人觉得还不错的配色方案。

Steven-Zhl 头像
[设计]配色

自从搭建这个网站之后，总会时不时地想着怎么让这个站更好看一些，因此在B站关注了一些科普Web前端的UP主，还是学到了一点皮毛的。但思来想去，发现配色这东西真的是最简单的提升美感的方法之一，因此就有了这篇文章。

  • 先叠个盾：配色这东西，带有较强的主观性，以下只是我的观点，不感兴趣或者并不认同的话，权当以下内容是空气就好。

黄仁勋对比图

这是NVIDIA CEO黄仁勋的两张对比图，分别截取自NVIDIA中国区年会和GTC2024演讲。
  • 这里没有说花棉袄不好的意思，只是这两张对比太过明显了。
    • 左边这张图穿了个花马甲，采用了诸多高饱和度的颜色，大体色号就是：#FF0000、#00FF00、#FFFF00、#FF00FF，哦，还有#FFFFFF，一眼望去全是画图里的标准色。而且由于衣服花纹繁多，色块较小，因此整体视觉效果显得有些繁杂。
    • 而右边这个就是经典皮肤：皮衣刀客。全身以黑色为主色调，仅有鞋底是白色（图中未展示），整体视觉效果干净利落（当然，这一切应该只是他个人喜好）
  • 其实从这里就能总结出两点了：
    1. 当你对于颜色搭配没什么头绪的时候，黑白灰不失为一个好选择。
    2. 尽量避免花纹和色彩繁复的设计，很难驾驭。

一些配色示例

这里就不展示了，感兴趣的可以看看我汇总的一些配色方案：配色画廊。

如何从一张图中提取配色

先开个坑，等我有空再来填，这里要讲一讲K-Means算法。