配色知识,适合新手的零基础配色方案

2022-12-26 18:34:22 来源/作者: / 己有:11人学习过

7. 分裂补色(同时用补色及类比色的方法来确定的颜色关系)

稍微有点复杂的色彩关系,但是也蛮常用的:

配色知识,适合新手的零基础配色方案

8. 二次色(三位一体)

像不像个魔法阵,可以旋转取色哦。

配色知识,适合新手的零基础配色方案

9. CMYK

CMY是3种印刷油墨名称的首字母:青色Cyan、品红色Magenta、黄色Yellow。而K取的是Black最后一个字母,之所以不取首字母,是为了避免与蓝色(Blue)混淆。

常用的印刷色,了解一下,做UI我就不怎么考虑这个啦。

配色知识,适合新手的零基础配色方案

10. 色彩心理学

这个是我自己看了美国视觉设计教材后摘下的,也就是大家常说的色彩的内涵,色彩传达的意义。

配色知识,适合新手的零基础配色方案

11. 偏色调整

当你使用颜料玩色彩的时候就比较常用啦,如果用Photoshop 去玩的话,那是可以反悔的。

偏黄:减黄

偏红、品:加青(红色的补色)、减品

偏紫:(多大量蓝,少量红)加黄,减品

偏绿:加品

第二阶段,配色软件运用

快速了解了上面常用的一些色彩知识后,就可以使用软件进行配色啦,这里我就归纳整理了一些方法,大家可以做参考,由于每个人的配色习惯不同,仅作参考。

(这一阶段的图片是自己亲自实操截图的)

1. 马赛克配色法

这种方法非常简单,不需要使用软件搭建色彩关系,随便选一张图片,建议『风景照』,因为大自然的色彩是最和谐的,最安全的,不建议使用别人的插画或者设计作品来马赛克。

a)首先要想想自己做的设计的目标是什么?我是要做个人网站?还是要做万圣节UI?还是要做企业产品站?还是要做女生主题?还是…….

b)然后根据你了解的色彩心理学,如果是要做女生使用的UI,那我们可以使用粉红,紫色等等女生会喜欢的鲜艳的色彩,那我们尝试找一张『秋天,落叶,唯美』风景照

下图是我直接百度找的,小图大图有水印无水印无所谓,我们不拿来商用,我们只是拿来『马赛克』,不会侵犯版权,没事。

配色知识,适合新手的零基础配色方案

c)然后使用Photoshop把它马赛克了,滤镜下的马赛克,记得要大大的码。

配色知识,适合新手的零基础配色方案

做到以下的效果:

配色知识,适合新手的零基础配色方案

d)好了,配色方案已经出来了,很安全,你还要怎样?如果你嫌弃这个颜色,要调整,图层建立一个饱和度调节层即可,方便快速。

配色知识,适合新手的零基础配色方案

根据需要调整即可,我箭头标注的都是安全的色彩哦,自己也可以筛选一些。

配色知识,适合新手的零基础配色方案

2. Photoshop 插件法(Adobe Kuler, Adobe Color Themes)