设计师的读书笔记!带你重新全面认识色彩系列之红色篇

2016/01/16 32791

designer-review-color-red-1

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

2016年流行色:《2016流行色彩!如何在设计中运用潘通年度代表色?(附优秀案例)》

简述

按照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%红色更能够表达温暖的感觉。在粉红色系中,泛黄的暖粉红色比泛紫的冷粉红色更能传达出积极的印象。

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

三、红色配色实例表现

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

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

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

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

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

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

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

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

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

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

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

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

结语

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

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

【技多不压身的设计师工资更高!】

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

原文地址:ifeiwu
作者:@飞屋睿UIdesign

uisdc-ad-wechat

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量108万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/designer-review-color-red

素材 界面设计 交互设计师 好文 UI 设计流程 转场动效 用户体验设计 设计师专访 设计师 排版布局 扁平化设计 素材下载 视觉设计 职场 设计规范 产品设计 配色 web前端开发 设计趋势 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里