详细解析平面作品色彩系列之红色篇

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:ifeiwu   作者:飞屋睿UIdesign

关键词

你真的了解红色吗?你是否知道所谓“圣诞红”这类命名其实正在扼杀我们对于红色的想象?这篇文章是在看了李正贤的不一样的配色设计一书的部分摘录和读书笔记,除了色彩基础知识科普,也会有对应的网页案例分析,深入浅出帮你学色彩

简述

按照chunso的观点,颜色无所谓美丑,对于颜色的判断完全是一种主观的经验。很多书里都有提到儿童和原色的关系,绝大部分人都认为,设计给儿童的作品必须得是原色,然而,事实证明,儿童其实并非那么喜欢原色,这种错误的判断源自大人眼中的儿童的世界,而非真相。

这本书引导我往下继续读下去就是因为,作者舍弃了旧有的对颜色判断,给大家打开一扇新的从未触碰的色彩大门。而设计师要做的,必须排除掉自身受到的社会文化的观念影响,而从一个全然纯真的初生婴儿的眼光出发来研究配色。这也和我曾经的一个天马行空的想象有关,我们真的已经认识了所有的色彩吗?是否还有些色彩是我们人眼无法观测出的?因此,我们这篇笔记主要摘录书中开头部分——调色板的扩展,色彩的名称。这是我们了解色彩的开始。

一、色彩名称

红色是所有颜色中最早被使用的色彩,历史非常久远,受瞩目的程度也最高。color一词源自于表示红色的colorado。以下是本书所列举的十来种我们常见的红色,看看是否你真的了解这些色彩。

详细解析平面作品色彩系列之红色篇

永固红(Permanent red)

英语Permanent是永远、不变的意思,这里意味着这种颜色是最基本的颜色

详细解析平面作品色彩系列之红色篇

绯红(Scarlet)

虽然都来自于胭脂虫的红色,但和洋红、深红有所不同的是,由于其中泛黄的比例更多,所以给人感觉更加浓重。

详细解析平面作品色彩系列之红色篇

主教红(Cardinal red)

也有把这种颜色成为鲜红,主教红这一名称源于红衣主教的衣服颜色,指的是一种较为浓重的红色。

详细解析平面作品色彩系列之红色篇

洋红(Carmine)

这是一种从胭脂虫的来的颜色,意思是浓重、强烈的红色。与永固红相比,黄色的比重略低,有点接近紫红色,是一种较冷偏深的颜色,现在通常认为它是一种合成颜料。

详细解析平面作品色彩系列之红色篇

深红(Crimson)

与洋红类似,其名称也是由胭脂虫而来,以前用于描述与洋红色类似的颜色,现在用来称呼比洋红色更重、和紫红色更接近的红色。

详细解析平面作品色彩系列之红色篇

灰红(Ashes red)

这是一种混合了灰色的粉红色。

详细解析平面作品色彩系列之红色篇

宝贝粉(Baby pink)

因西方幼儿书中经常使用这种色彩而得名,是一种淡粉色。

详细解析平面作品色彩系列之红色篇

粉(Pink)

粉色是石竹的颜色,明度较高,包含了范围较广的红色。

详细解析平面作品色彩系列之红色篇

玫瑰粉(Rose pink)

玫瑰的色彩,,比一般的粉红色更红更暗一些。

详细解析平面作品色彩系列之红色篇

玫瑰红(Rose red)

名字因红玫瑰而来,是一种泛绯紫色的、有点亮的红色。

详细解析平面作品色彩系列之红色篇

覆盆子色(Raspberry)

因覆盆子果实的颜色而得名,泛深紫色的红色。

详细解析平面作品色彩系列之红色篇

酒红(Wine red)

是一种像葡萄酒一样的深紫红色。

详细解析平面作品色彩系列之红色篇

可可色(Cocoa)

这是一种从可可豆中提取的颜色,随着提取条件的不同,可以有十余种色调,主要用于描述泛灰色的褐色。

详细解析平面作品色彩系列之红色篇

赤褐色(Terra cotta)

Terra cotta是意大利语陶器的意思,这里是指一种泛褐色的红色。这种红色在烧制富含氧化铁成分的陶土时会出现。

详细解析平面作品色彩系列之红色篇

巧克力色(chocolate)

是一种像巧克力一样泛灰色的褐色

二、红色的意像和表现方式

所谓意像,就是当你想到它,最先进入你的脑海的画面是什么。这些意像大部分来自于自然和社会经验,只有很小一部分是个人的心理私密的感受。下面让我们先说说前者。

源自自然的红色意像

太阳:温暖、瞩目、能量、主导、煽动性…… 火:热、强烈、幽冥、感性、兴奋、活力、跃动…… 血:生命、杀人、献血、祭祀、拯救、伤口…… 嘴唇:口红、诱惑、女性…… 玫瑰:爱情…… 苹果:收获、甜…… 辣椒:辣、火辣、美味……

源自社会的红色意像

旗帜:革命、共产党、国旗…… 宗教:十字架、原罪、牺牲…… 心:心脏、内心、爱…… 标记:修订、注意事项、高压、上升趋势、警告、反对(红牌)…… 信号:暂停、危险、终止、禁止、敌军、被害……

大家可以看到,红色既有积极的一面,也有消极的一面。按照作者的观点,与其考虑如何用其他颜色去搭配红色,不如想想红色在整个作品中表现了什么。如果想要强调和表现红色积极性的一面,最好使用泛黄的大红色或者明度较高的粉红色系的颜色。泛黄的红色比100%红色更能够表达温暖的感觉。在粉红色系中,泛黄的暖粉红色比泛紫的冷粉红色更能传达出积极的印象。

详细解析平面作品色彩系列之红色篇

而相反,如果想要表现红色中消极性的一面,使用泛紫的红色比较好。红色和紫红色中间的色系给人冷淡、不自然的感觉。这些色彩的明度越低,越给人不自然的和消极的形象。

详细解析平面作品色彩系列之红色篇

三、红色配色实例表现

下面这幅红色的作品,设计师传递出来的红色的情感信息是关于“拯救”的,塑造的是一个女性英雄的形象。整个配色就是以红色为主搭配深沉灰。

详细解析平面作品色彩系列之红色篇

而在表达温暖和欢乐的设计时,红色的运用泛黄居多。

详细解析平面作品色彩系列之红色篇

偏紫的明度较低的红色不见得讨喜,它在表达一些消极情绪的时候也能派上用场。特别是和战争与邪恶相关联时。

详细解析平面作品色彩系列之红色篇

然而这种低明度的偏紫的红色却也能很好的诠释优雅和成熟。

详细解析平面作品色彩系列之红色篇

四、红色系作为主色的搭配

红色在任何情况下都是最为抢眼的颜色,如果你用红色作主色调,还有另外红色之外的强调色的话,那么这里的红色的明度和纯度都需要降低。

灰色和红色强烈跳跃的特质非常协调,因此灰色也常被用作红色的辅助色。除了完全的无彩色以外,泛蓝的灰色、泛黄的灰色、泛绿的灰色等都可以只通过色温的差异改变作品的氛围。

详细解析平面作品色彩系列之红色篇

黄色和橙色可以强化红色的温暖感觉。特别是加入黄色可以中和红色中传递的冷感,通常用在表现儿童、食物、自然等作品中。

详细解析平面作品色彩系列之红色篇

而在中和泛紫的红色和泛蓝的粉红色中所带有的冷感时,使用黄色和橙色也都会取得较佳的效果。

详细解析平面作品色彩系列之红色篇

绿色与红色是互补色。有的人认为这组搭配是雷区,其实互补色之间可以相互强调,使彼此都更吸引眼球。互补色的搭配在表现复古风格和传统风格的时候具有较好的效果。但如果要强调这两种色彩中的一种,那么另一种色彩的纯度就要相应降低。

红色和蓝色的搭配比较常用,给人印象干净利落,但也是最难搭配得当的配色之一。使两者搭配协调的最简单的办法,就是使红色和蓝色的明度差异更突出。比如暗红色和亮蓝色、亮红色(如粉红色)和深蓝色的搭配效果都比较好。

详细解析平面作品色彩系列之红色篇

如果一幅作品中同时使用了红色、黄色和蓝色,那么这三种颜色中至少有一种很亮或很暗,不能都非常亮。主色调的色彩过渡应该柔和一点,比如如果用红色作为主色,那么深红色、正红色和粉红色等色彩就应该多一些,色彩的衔接和过渡就会变得更为柔和。

结语

其实颜色的协调与不协调的差异是非常细微的,千万不能妄下结论说“这两种颜色不协调”,试着一点一点地调整,即能找到相互协调的搭配。

希望你们继续关注我的读书笔记,下一期我们会讨论橙色系。

 收藏