再没有别的视觉要素能比色彩对读者造成更多的影响了。色彩引人注目,营造氛围,传递信息。但不同情况下该如何选用色彩呢?关键在于色彩间是互相关联的。颜色并非存于真空,而总是与其他颜色共同出现。正因如此,你才能根据页面上任意组成元素的颜色设计出色彩协调的平面作品。

为某女子大学设计一张学术节目单,和使用这张表情严肃,面部充满雀斑的女模特的照片。需达到的设计目标是,既要向人传达出节目的严肃和务实之感,又不失其新鲜活力和个性(无建筑物与地面的图像)。重点体现时尚感会更好,色彩凌驾于各种要素之上。

放大照片

每张照片本身就具有色调。首先要找到这个色调并对其进行整理。放大照片,你看到的颜色之多将会使你惊讶无比。

以正常的距离(下图A)观察照片,我们只看到几种颜色:皮肤的肉色,头发的红色,瞳孔和外套的蓝色。一旦将其放大,无数的色彩便出现了!第一步,减少色彩的数量使照片便于处理,以16、32、64位为上限在Photoshop里,先复制照片图层以防丢失,然后选择滤镜>像素化>马赛克(下图B)将单个的像素变大,则色彩数目就会变少。如果想要增添色彩,则只需缩小像素的尺寸。

提取色彩

现在使用吸管工具将色彩提取出来。顺序是由大块色(看到最多的颜色)到小块色。为形成对比,每块颜色都要从像素中分别提取出深、中、浅三色。

首先处理大块的色彩,即随意一瞥就可看到的颜色:女模特的肤色、发色以及衣服颜色。然后再处理小块色,如她眼睛、嘴唇、头发高光以及柔和阴影的颜色。这张照片分为亮部和暗部,虽然不明显,但请一定注意。取样颜色时应逐步进行,完成一个部分再到另一部分。整理所得色彩,先依照色相将所有颜色排列好,再按照明度(由浅到深)将单个颜色排列好,去掉近似色。最后得到的规律定会令你惊喜。

尝试使用各种颜色

将照片放在每种样色上对比,结果令人满意,不是吗?有趣的是,照这种方法搭配的效果总是不错,因为选用的这些色彩本就存在于照片中。

暖色:以下四种属于暖色——粉红色、浅橙色、深褐色、棕色,均提取自红发的女模特。暖色背景使人物显得更柔和甜美,所以这种色系适用于传递美容或者表达关爱的信息。

冷色:冷色系主要是蓝色,更擅长表现一种严肃务实的感觉,适用于传达直截切题的信息。注意,色彩的明度值越低,女模特的脸部显得越明亮,就好像她穿越页面,向你飞来。

添加色彩

下一步就是添加更多色彩。选择提取出的任一颜色,并将其在色轮上定位,因为色轮能展示出各种颜色间的关系。

选择照片上的任一色彩,比如蓝色,然后在色轮上找到与它大致相同的颜色。我们将此颜色称为基色。大家知道,基色与照片已能相互搭配,现在我们要做的就是寻找其他可与基色协调的色彩。记住,如果还要使用文字或其他图形(这是很典型的情况),需要同时添加深色和浅色,以便各元素形成对比。

创建色调

现在根据基色,便可以创建出一个与版面协调的色调范围。不同明度的色彩可混合搭配,比如,中蓝色可与蓝绿色及深紫色搭配。

单色调:首先是基色的深、中、浅三色的组合,这被称为单色调。单色调没有色相变化,却提供了深、浅的色彩明度对比,这在优秀平面设计中是很重要的因素。

近似色色调:与基色紧紧相邻的颜色便是其近似色。近似色间具有很强的潜在关联性,如上图中的蓝绿、蓝色和蓝紫色,营造出一种赏心悦目的协调感。近似色色调类别丰富,运用起来也很简单。

【平面设计因你不凡】怎样寻找最佳色彩

补色:如上图与基色相对的颜色便称为基色的补色,即橙色系。补色形成对比,一种颜色与其补色配合可传达出力量、气势和活力。通常,强调色的使用量比其补色少,如上图所示,在一片蓝色区域中使用一点橙色,橙色就作为强调色。

分裂补色:与基色的补色左右相邻的颜色称为基色补色的类似色。这些颜色组合在一起形成分裂补色。近似色间柔和的美加上互补色间强烈的视觉冲击,使得此种色调独具感染力。本例中,蓝色将最可能被用作强调色。

补色/近似色:这种色调与分裂补色色调原理相同,但却包含了更多色彩。增加的色彩范围使暖色之间的过渡更柔和协调,并与冷色形成更鲜明的对比。这是一种紧张而激烈的色调组合。

近似色/补色:基色与其近似色组合制造的协调感被其补色阻断。两对比色若明度相同,则趋于冲突;明度不同,则相辅相成。这就是为什么我们要提取同种颜色的深、中、浅三种色调。

对比色相同明度。

对比色不同明度。

编辑与应用

现在开始设计版面了。首先决定使用哪种色调。如何选择呢?关键是看内容。根据设计意图来权衡各种色调,问问自己,哪种色调最能迎合内容呢?

理性:大家都喜欢蓝色。有意思的是,照片本身就具有蓝色和橙色,形成自然而完美的对比。蓝色背景淡化了人物衣服,使女子凝视的目光似乎穿越了页面。整个版面美观而有条理。

庄重:这种色调源于女模特头发的深红色,并且为强调红色而选取了临近的黄色。而在蓝色背景上显得后退的人物眼睛和外衣在红色背景上却因对比而突出。注意,红色在人物头发上仅作为高光,当填充了页面时却具有了真正的影响力。版面庄重而热情,引人入胜。

热情:女模特发上的高光色主持整个页面,蓝色调引起对比,带来纵深感。版面上一个特别的有趣之处就是黄色的标题,它看着很像照片上被挖空的部分。整版显得很平面,色彩搭配热情而迷人(它可能会在设计竞赛中获胜)。不过,唯有前卫的客户才会选择它。

休闲:蓝绿色,偏绿系,是蓝色的近似色,照片中并没有这个美丽的颜色。它用在版面中显得很特别,并增添了活力和纵深感,还使信息看起来很休闲。现在比较流行这种平易近人的色调。女模特在蓝背景下发蓝的眼睛,在此处却趋向发绿。标题字体的浅橙色与背景形成柔和的对比。

小提示:明度混搭。可选用任意色彩的深、中、浅色。注意此处便同时使用了蓝绿色。

精致:紫色也是蓝色的近似色,而蓝紫色也是照片中没有的颜色。蓝紫色偏红,使整个图像显得更漂亮,因为现在脸、头发和背景看起来更相似。通常来讲,蓝紫色是一种温柔宁静,生机勃勃的冷色(具有清新的特性)。

个人观点、学习参考、分享和娱乐,版权归原作者所有,若无意侵犯您的权益,请联系删除