配色入门

从小到大没上过美术课，在近期工作中很需要色彩搭配知识，网上学习补课总结如下。

三原色：红黄蓝

之前竟然一点不知道…

色相：是眼睛对不同光波射线产生不同的感受，色彩的首要特征。红黄蓝三色渐变，产生近邻色相，类似色相，中差色相，对比色相和互补色相。

有点像电学上的三相电。

色调：色彩的浓淡强弱程度，是通过色彩的明度和纯度综合表现色彩性状。

色相

色调

三大类网页配色方案

1.色相差方案

同色系主导：主色和辅色在统一色相上，页面一致化。颜色深浅承载不同类型内容信息。

品牌色蓝色

同类的还有：

近邻色配色方案    类似色配色方案

中差色配色方案    对比色配色方案

中性色配色方案(黑白灰)

多色彩搭配的Google方案

图片发自App

Google产品线丰富，多色彩主导有很好的延展性。

2.色调调和配色方案

清澈调子的页面和谐，蓝色产生安静冰冷的气氛，茶色的厚实，给页面增加了稳定踏实的感觉。

图片发自App

同类型的还有

阴暗色调    明亮色调

深暗色调    雅白色调

………

3.对比配色方案

双色对比方案，视觉冲击强烈，容易吸引用户注意，经常大范围使用。

图片发自App

品牌色  蓝  白

主导色  橙  蓝

不管是整体对比还是局部对比总给人强烈的视觉冲击，结合色彩心理学对品牌传达更佳效果。

还有：

三色对比配色

多色对比配色

纯度对比配色

明度对比配色

图片发自App

我最喜欢最后这一张的明度对比方案，接近生活实际反映，通过环境远近，日照角度等的明暗关系表现设计意图，真实感强烈。

通过突击学习发现色彩世界如此美妙，可惜小时候没有学过美术课，从此观察世界从此多了一个重要维度！！！