配色入门

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

三原色:红黄蓝

之前竟然一点不知道…

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

有点像电学上的三相电。

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

色相

色调


三大类网页配色方案

1.色相差方案

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

品牌色蓝色

同类的还有:

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

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

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

多色彩搭配的Google方案

图片发自简书App

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

2.色调调和配色方案

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

图片发自简书App

同类型的还有

阴暗色调    明亮色调

深暗色调    雅白色调

………

3.对比配色方案

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

图片发自简书App

品牌色  蓝  白

主导色  橙  蓝

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

还有:

三色对比配色

多色对比配色

纯度对比配色

明度对比配色

图片发自简书App

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

通过突击学习发现色彩世界如此美妙,可惜小时候没有学过美术课,从此观察世界从此多了一个重要维度!!!
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 20180906 第七次治疗要推迟,因为过低的血小板,只能安慰了。明天再查一查,看看有没有回升吧,一静下来就想到这...
    大颖治水阅读 86评论 0 0
  • 周日,多云。 在宿舍呆了一天。上午躺床上昏昏沉沉看完了西厢记,下午看了旺角卡门,所谓的江湖义气,真是害了不少人,晚...
    蘑菇菌阅读 229评论 0 1
  • 我是几千万大学生中最平凡的,正如老师说的“等到了大学你们就解放了”一样,我对老师的教诲付诸了行动——能逃的课绝对不...
    就是喜欢七宝阅读 556评论 0 3
  • 新月朦胧挂楚天, 孤雁徘徊陵墓前。 无情本因多情故, 怎奈生死均由天。
    樟树精阅读 263评论 0 0
  • 下边我总结了navigator 和 各种跳转API的区别: 组件: 点击跳转不关闭当前页面 点击跳转关闭当前页面 ...
    不羁夜猫咪阅读 476评论 0 0

友情链接更多精彩内容