做产品需要多学科的相互关联,包括设计学、心理学及统计分析等,所以前路漫漫,色彩设计是我们产品给予用户的第一印象,因此一个良好的色彩设计搭配至关重要。
第一部分:色彩的知识
表达色彩有三种方式:色相、纯度、明度
色相:用于区分色彩的首要特征,比如红、黄、蓝等颜色;
纯度:纯度用来表现色彩的鲜艳和深浅;
明度:明度是指色彩的亮度或明度;
色彩学上根据心理感受,把颜色分为暖色调(红、橙、黄)、冷色调(青、蓝)和中性色调(紫、绿、黑、灰、白)。暖色系的色彩被认为会提高血压以及心跳次数、刺激自律神经系统、增强性欲和食欲;冷色系则有与之相反的作用。因此很多餐饮行业或烹饪书,为了让食物看起来更美味,激发想吃的欲望,比较适合暖色系的配色。
第二部分 协调配色
色相一致的配色:同色相配色是指主色和辅色都在统一色相上,这种配色方法往往会给人页面很一致化的感受。同色相配色容易营造出一种较为梦幻的感觉,但因较为朴素也就不容易引人注目,而且会给人一种单调的感觉。如若想要在色彩变化上融入一点微妙的变化,可以尝试在色环中选用两侧相近的颜色,这样色彩层次丰富了而统一感也不会变,称之为“邻近色配色”。
明度一致的配色:即表示色彩的明亮程度。而相比起“纯度”跟“色相”,明度是让眼睛更容易感受到“变化” 的色彩属性,因此不管使用怎样的色彩,只要色彩的明度相合就能表现出统一感。
纯度一致的配色:表示色彩的鲜艳程度。相比“明度”跟“色相”,纯度更容易对人的心理印象造成影响。其中,纯度越高,越是让人感到鲜艳刺激(图1);纯度越低,越是让人感觉平静沉稳(图2);而高低纯度混合的配色是难以统合的(图3)。
第三部分 强调设计的配色
明度对比:由于人的眼睛对明度差异的敏感度比其他任何一种对比都要高,所以明度间的对比很强烈。运用好明度对比就能提高设计的“辨识度”(要素易于辨识的指数)和“可读性”(指文字的易于读取度)。
纯度对比:由于人的目光容易被鲜艳的色彩所吸引,所以可以使用高纯度的色彩来用作强调作品的某一部分。高纯度的色彩组合容易形成一种花哨的感觉,因此亮眼的作品需要在使用纯度高的颜色来凸显某一部分的同时压低周边元素的色彩纯度,然后还需考虑如何引导视线如何做排版。低纯度的配色能给人产生平和或是怀旧的情感,但与高纯度的色彩结合在一起时,会让设计作品具有近乎戏剧性的效果,适用于电影海报或小说封面等追求戏剧张力的设计。
色相对比:是把不同色相的色彩组合在一起并借助颜色的不同来营造对比效果。在色环中位置相聚较远的配色组合,效果强烈;反之则越弱。(值得注意的是,在纯度较高的互补色组合时,会由于视觉残像而在色彩边界产生“光晕”现象,会让读者眼镜疲劳,文字难以阅读)
第四部分 特定印象的配色
同色系配色:指色相性质相同,但色度有深浅之分。(是色相环中15°夹角内的颜色)比如深红与绯红。同色系配色是指主色和辅色都在统一色相上,这种配色方法往往会给人页面很一致化的感受。
邻近色配色:就是在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻近色。近邻色配色方法比较常见,搭配比同色系稍微丰富,色相柔和过渡看起来也很和谐。
类似色配色:在色轮上90度角内相邻接的色统称为类似色.例如红-红橙-橙.黄-黄绿-绿.青-青紫-紫等均为类似色。类似色配色也是常用的配色方法,对比不强给人色感平静、调和的感觉。
中差色配色:中差色对比是色相环上呈90度角的色彩组合。它介于类似色和对比色相之间,因色相差较明确,色彩对比效果较明显。也就是红配橙,橙配黄,黄配绿,绿配蓝,蓝配紫,紫配红等等。中差色对比相对突出,色彩对比明快,容易呈现饱和度高的色彩。但容易产生沉闷感。
对比色配色:在色相环中每一个颜色对面(180度对角)的颜色,称为"对比色(互补色)”。把对比色放在一起,会给人强烈的排斥感.若混合在一起,会调出浑浊的颜色.如:红与绿,蓝与橙,黄与紫互为对比色。
中性色配色:用一些中性的色彩作为基调搭配,常应用在信息量大的网站,突出内容,不会受不必要的色彩干扰。这种过配色比较通用,非常经典。
多色搭配下的主导:主色和其他搭配色之间的关系会更丰富,可能有类似色、中差色、对比色等搭配方式。