下面是使用绿色作为基础色进行整个配色方案的搭配,大家可以灵活多变使用此方法,进行不同的色彩方案设计。不论新手还是高手,都适用(不保证每个人适用喔),大胆设计你的网页,绘出你的色彩。不多说,先看看效果图

当然,色彩数量是自己控制的,不一定要那么多,需要几种配几种,这里我就多配一些咯,呵呵。色彩少一点速度肯定也会快一点。

任意选择一个基础色

此色的上一层随便使用任意颜色,黑色,白色,黄色,红色等等都可以,但是一定要“移开位置有对比”。

把上面那一层颜色使用“叠加”或者“柔光”来混合,这样就能调整到“辅助色,相似色”,亮色和暗色即可分开产生

(1)柔光效果

(2)叠加效果

最后调整总体色彩饱和度和色相,方法:最顶层建立一层白色或者黑色,使用叠加或者柔光效果,调整透明度

(1)加白色效果
(2)加黑色效果

下面进行基础色多色彩的配色方案,加入新层(红色,蓝色),每一层都向上移动一点点,造成颜色对比,并调整为100%不透明度,使用叠加模式,当然你自己可以调整透明度来变换色彩的饱和度

(1)设计相似色
(2)设计反差色(对比色)
设计对比色要注意,把需要调配色色彩层混合模式调整为“亮光”;
然后再在最顶层新建一层黑色或者白色,混合模式设为“色相”,为的是调整对比色的饱和度和纯度,避免太过于刺眼造成视觉疲劳
(3)设计反差色(对比色)第二步
先把所有的图层放到一个文件夹然后把文件夹转化成智能对象并栅格化
然后ctrl+ U 直接调整饱和度,快速调出其他反差色
然后去掉纯度最高,对比度最强的反差色,即可成为最终反差色方案。
下面是最终配色方案

原理小总结:
软件有很多混合模式,但是,一套配色方案,只要数量掌握“柔光、叠加、亮光、色相”这几种混合模式,就可以从零创建属于自己的配色方案。当然,也可以使用其它的混合模式,不过经多方尝试,觉得这4种混合模式搭配使用,能起到比较好的调色效果。
调整混合层的透明度,其实也就改变了色彩之间在色环之间的度数,这样就容易调整出相似色,互补色,反差色。
混合的图层,可以为任意颜色,方便实用,但是配色前,脑子里一定要先有一个概念:
整体的基础色调是什么? 用不用反差色衬托?
本文来自Inwet设计交流论坛,原帖地址

支持本站↓

【营销创意】对不起百事可乐,我现在就把你加到我们广告里

文/金一雷 主打烤牛肉三明治的美国第二大快餐连锁店 Arby’s 最近制作了一支广告,专门向百事公司道歉。 事情是这样的:百事曾与 Arby’s 签订法律协议,后者...

阅读全文

【摄影欣赏】同样的旧金山,不同的美景摄影

旧金山(San Francisco),美国加利福尼亚州太平洋沿岸港口城市,作为美国西部最大的金融中心和重要的高新技术研发和制造基地,同时也是美洲华人最为密集的聚...

阅读全文

【UI设计】图标设计初阶要先型

UI最重要组建之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位。每位设计师所处的阶段所关注的要点是不一样...

阅读全文