前言:设计中很少有东西比颜色的使用更主观或更重要。由于文化、习惯,甚至只是个人喜好,一种颜色可以引起一个人的一种反应,可能会引起另一个人的相反反应。

色彩理论本身就是一门科学和艺术,有些人将整个职业生涯建立在色彩顾问或品牌顾问的基础上。了解颜色对大多数人的影响是设计师可以掌握并提供给客户的非常宝贵的专业知识。

不过,我们还是有很多事情要做。就像改变颜色的确切色调或饱和度这样简单的事情可以唤起完全不同的感觉。文化差异会加剧这些影响,在一个国家令人愉快和令人振奋的色调在另一个国家变得令人沮丧。

下文中部分图片来自
https://www.youngem.com/category/1/44

这是关于色彩理论的三部分系列中的第一部分。在这里,我们将讨论不同颜色系列背后的含义,并举例说明如何使用这些颜色(对每种颜色进行一些分析)。之后将介绍和讨论色调、色度、值、饱和度、色调、色调和阴影如何影响我们感知颜色的方式。以及讨论如何为您自己的设计创建有效的调色板。

暖色 

暖色包括红色、橙色和黄色,以及这三种颜色的变体。这些是火的颜色、落叶的颜色、日落和日出的颜色,通常是充满活力、热情和积极的。

红色和黄色都是原色,橙色位于中间(使其成为辅助色),这意味着暖色都是真正的暖色,而不是由暖色和冷色组合而成。在你的设计中使用暖色来反映激情、快乐、热情和活力。

参考和使用一些配色方案,也是一种很好的选择
https://www.youngem.com/detail/6416

红色(原色)


红色是一种非常热的颜色。它与火、暴力和战争有关。它也与爱和激情有关。在历史上,它与魔鬼和丘比特有关。红色实际上可以对人产生身体影响,提高血压和呼吸频率。它也被证明可以增强人体新陈代谢。

红色可能与愤怒有关,但也与重要性有关(想想颁奖典礼和名人活动中的红地毯)。红色也表示危险(停车灯和标志是红色的原因,警告标签通常是红色的)。

在西方世界之外,红色有不同的联想。例如,在中国,红色是繁荣和幸福的颜色。它也可以用来吸引好运。在其他东方文化中,新娘在婚礼当天穿红色。然而,在南非,红色是哀悼的颜色。红色也与共产主义有关。

由于 [RED] 运动的流行,红色已成为非洲与艾滋病意识相关的颜色。

在设计中,红色可以是一种强有力的强调色。如果在设计中使用过多,尤其是最纯粹的形式,它可能会产生压倒性的影响。当想要在设计中描绘力量或激情时,这是一种很好的颜色。然而,红色可以是非常多才多艺的,更亮的版本更有活力,更深的色调更强大和优雅。

例子

颜格视觉网站上有非常多鲜红色的背景和插图,为页面带来了巨大的活力和活力。

那些明亮的红色背景是诱人的和充满激情的。

柔和的红色是充满活力的,而不是咄咄逼人的。

橙色(次色)

橙色是一种非常充满活力和活力的颜色。在其柔和的形式中,它可以与大地和秋天联系在一起。由于它与变化的季节有关,橙色通常可以代表变化和运动。橙色也与创造力密切相关。

因为橙子与同名水果联系在一起,所以它可以与健康和活力联系在一起。在设计中,橙色会引起注意,但不会像红色那样强烈。它通常被认为更友好、更有吸引力,而不是在你面前。

例子 #

明亮而大胆的主页充分利用了橙色可以为设计提供的能量。


将微妙的桃色与深橙色混合在一起,打造出更加单色的设计,但仍然充满活力。

黄色(原色) 


黄色通常被认为是暖色中最明亮、最有活力的。它与幸福和阳光有关。不过,黄色也可能与欺骗和懦弱有关(称某人为黄色就是称他们为懦夫)。

黄色也与希望有关,正如在一些国家,当有亲人在战争中的家人展示黄色丝带时可以看到的那样。黄色也与危险有关,尽管没有红色那么强烈。

在一些国家,黄色有非常不同的含义。例如,在埃及,黄色代表哀悼。在日本,它代表勇气,在印度,它是商人的颜色。

在你的设计中,亮黄色可以给人一种幸福和愉悦的感觉。较柔和的黄色通常用作婴儿(而不是蓝色或粉红色)和幼儿的中性颜色。浅黄色也比亮黄色给人一种更平静的幸福感。深黄色和金黄色有时看起来很复古,可用于需要持久感的设计。

例子 #

not-quite-true-yellow是活泼而充满活力的,并且没有压迫性。


使用稍深的黄色,给人一种醒目但略显柔和的感觉。


用明亮的黄花色背景,但在其他方面保持其设计简单明了。


在图片排版中,使用金黄色作为强调色,效果也很好。

酷色 

冷色包括绿色、蓝色和紫色,通常比暖色更柔和。它们是夜晚、水和自然的颜色,通常是平静的、放松的,而且有些矜持。

蓝色是冷色光谱中唯一的原色,这意味着其他颜色是通过将蓝色与暖色(绿色代表黄色,紫色代表红色)组合而成的。

正因为如此,绿色具有黄色的一些属性,紫色具有红色的一些属性。在你的设计中使用冷色来给人一种平静或专业的感觉。

绿色(次色) 

绿色是一种非常接地气的颜色。它可以代表新的开始和成长。它也象征着更新和丰富。或者,绿色也可以代表嫉妒或嫉妒,以及缺乏经验。

绿色具有许多与蓝色相同的镇静属性,但它也融合了黄色的一些能量。在设计上,绿色可以起到平衡和协调的作用,而且非常稳定。

它适用于与财富、稳定、更新和自然有关的设计。较亮的绿色更具活力和活力,而橄榄绿色则更能代表自然界。深绿色是最稳重的,也是富贵的代表。

例子 #

如果界面使用了蓝绿色调,虽然黄色的字体充满活力,但又不会太亮。


如果网站使用明亮的凯利绿,再将食物和信息联系在一起那就看起来很和谐。


亮绿色背景感人一种年轻和成长的感觉

蓝色(原色)

蓝色通常与英语中的悲伤有关。蓝色也被广泛用于代表冷静和责任感。浅蓝色可以令人耳目一新和友好。深蓝色更加强烈和可靠。蓝色也与和平有关,在许多文化和传统中具有精神和宗教内涵(例如,圣母玛利亚通常被描绘为穿着蓝色长袍)。

蓝色的含义受到广泛影响,具体取决于确切的阴影和色调。在设计中,您选择的确切蓝色阴影将对您的设计的感知方式产生巨大影响。浅蓝色通常让人放松和平静。明亮的蓝色可以让人充满活力和清新。深蓝色,如海军蓝,非常适合强度和可靠性很重要的公司网站或设计。

例子 #

图片亮蓝色背景非常突出,比较适合在其他相对重要的地方用作强调色。


这种使用各种深浅不一的蓝色作为背景,给人一种值得信赖、权威的感觉。

紫色(次色)

在古代,用于制造紫色色调的染料是从蜗牛中提取的,价格非常昂贵,只有皇室成员和非常富有的人才能买得起。

紫色是红色和蓝色的组合,具有两者的某些属性。它也与创造力和想象力有关。

在泰国,紫色是寡妇哀悼的颜色。深紫色传统上与财富和皇室联系在一起,而浅紫色(如薰衣草)被认为更浪漫。

在设计上,深紫色可以给人一种富贵奢华的感觉。浅紫色更柔和,与春天和浪漫有关。

例子 #

图片使用紫色配色方案,增加了创造力。


图片中使用了充满活力的紫色和粉红色色调,给人一种活力、创造力和想象力的感觉。


图片中深紫色色调给人一种适合其科技的精致感。

中性色

中性色通常作为设计的背景。它们通常与更明亮的强调色结合使用。但它们也可以在设计中单独使用,并且可以创建非常复杂的布局。中性色的含义和印象比暖色和冷色更受周围颜色的影响。

黑色

黑色是中性色中最强的。从积极的方面来说,它通常与权力、优雅和形式联系在一起。在消极方面,它可能与邪恶、死亡和神秘联系在一起。黑色是许多西方国家的传统丧服颜色。它还与某些文化中的反叛有关,并与万圣节和神秘学有关。

黑色不仅用作口音或用于文本,通常用于前卫设计以及非常优雅的设计。它可以是保守的或现代的,传统的或非传统的,这取决于它所结合的颜色。在设计中,黑色通常用于排版和其他功能部件,因为它的中性。黑色可​​以更容易地传达设计中的精致和神秘感。

例子

图片中的褪色黑色(技术上是深灰色,但与黑色足够接近,因此将其归类为有意义的黑色)在如此简约的设计中工作得非常漂亮。


这张黑色背景是图片上,有着令人惊叹的美食照片的完美画布。


作品集中的许多图像都以黑色为主,这也是透明菜单的颜色,给整个作品带来前卫、现代的感觉。

白色

白色与黑色处于光谱的另一端,但与黑色一样,它几乎可以与任何其他颜色搭配使用。白色通常与纯洁、清洁和美德联系在一起。在西方,新娘通常在婚礼当天穿白色。它还与医疗保健行业有关,尤其是与医生、护士和牙医有关。白色与善良有关,天使经常被描绘成白色。

然而,在东方的大部分地区,白色与死亡和哀悼有关。在印度,传统上它是寡妇唯一被允许穿的颜色。

在设计中,白色通常被认为是中性背景,让设计中的其他颜色有更大的声音。不过,它可以帮助传达清洁和简单,并且在极简设计中很受欢迎。设计中的白色也可以描绘冬天或夏天,这取决于它周围的其他设计主题和颜色。

例子

图片中使用白色作为背景和强调色(例如在他们的排版中),给作品一种非常干净的感觉。


在这张图片中使用白色字体来给界面带来更干净的感觉,而不会在设计本身上采用极简主义。


图片中使用白色字体为作品带来现代而柔和的外观。

灰色

灰色是一种中性色,通常被认为是色谱的冷端。它有时可以被认为是喜怒无常或令人沮丧的。在某些设计中可以使用浅灰色来代替白色,并且可以使用深灰色来代替黑色。

灰色通常是保守和正式的,但也可以是现代的。它有时被认为是哀悼的颜色。它通常用于企业设计,形式和专业性是关键。它可以是一种非常复杂的颜色。纯灰色是黑色的阴影,尽管其他灰色可能混合了蓝色或棕色色调。在设计中,灰色背景很常见,灰色排版也是如此。

例子

界面非常现代,使用各种灰色阴影来描绘网站的不同部分。


界面上的灰色背景非常微妙,几乎看起来是白色的,可以给网站一种非常现代的感觉。


在这个界面上呈现出一种精致而朴实的感觉。

棕色 

棕色与泥土、木材和石头有关。这是一种完全自然的颜色和温暖的中性色。棕色可以与可靠性和可靠性、坚定不移和朴实联系在一起。它也可以被认为是沉闷的。

在设计中,棕色通常用作背景色。它也出现在木材纹理中,有时也出现在石头纹理中。它有助于为设计带来温暖和健康的感觉。它有时以最黑暗的形式被用作黑色的替代品,无论是在背景还是排版中。

例子 #

界面中使用暖棕色作为按钮和 CTA 的强调色,考虑到其设计的现代性,这是一个意想不到的选择。


在图片中大部分内容中使用了各种棕色元素,给人一种老式的感觉。

奶油色和象牙色

象牙色和奶油色是精致的颜色,带有一些温暖的棕色和很多凉爽的白色。他们通常很安静,并且经常能唤起一种历史感。象牙色是一种平静的颜色,带有一些与白色相关的纯净,虽然它有点温暖。

在设计中,象牙可以给场地带来优雅和平静的感觉。当与桃色或棕色等朴实的颜色结合时,它可以呈现出朴实的品质。它也可用于淡化较深的颜色,而不会与使用白色形成鲜明对比。

例子 #

当与黑色背景一起使用时,丰富的奶油感觉就像一种非常现代甚至前卫的强调色。

虽然这里包含的信息可能看起来有点压倒性,但色彩理论更多的是关于特定阴影唤起的感觉,而不是其他任何东西。但这里有一个快速参考指南,了解上面讨论的颜色的常见含义:

红色:激情、爱、愤怒
橙色:能量、幸福、活力
黄色:幸福、希望、欺骗
绿色:新起点、丰富、自然
蓝色:冷静、负责任、悲伤
紫色:创意、皇室、财富
黑色:神秘、优雅、邪恶
灰色:喜怒无常、保守、拘谨
白色:纯洁、清洁、美德
棕色:自然、健康、可靠
棕褐色或米色:保守、虔诚、沉闷
奶油色或象牙色:平静、优雅、纯洁

设计师的色彩理论,你知道不同色彩的秘密吗?相关推荐

  1. 色彩搭配六色rgb_除非您是色彩理论方面的专家,否则色码编码人员指南请勿使用rgb代替...

    色彩搭配六色rgb 第一部分:不要使用RGB,除非您是色彩理论方面的专家. (Part I. Don't use RGB Unless you're an expert in color theory ...

  2. 网页设计师谈网页设计中的色彩理论

    色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜 ...

  3. 图片转换为css_快速将色彩理论转换为CSS

    图片转换为css 重点 (Top highlight) Color is an extremely strong tool that we can apply to solve many design ...

  4. 「Adobe国际认证」设计小白必须了解的色彩理论,绝对干货满满

    有时,两种或三种颜色搭配在一起看起来很合适.我们却无法解释为什么,但我们知道这是对的. 对此,色彩理论给出了满意的答案,那就是当你知道答案时,为什么还要猜测几种颜色搭配起来看起来很好的原因呢? 色彩理 ...

  5. 写给开发们的色彩理论

    作为一个总是去设计领域闲逛的开发,或许可以更好得把自己对设计的领悟给开发们讲清楚,这也是我输出的第一篇更加偏向于设计领域的文章,毕竟职业还是开发,只能算一个不入流的旁门左道的设计师,对设计的一些术语表 ...

  6. 保定网站建设网页设计中不容错过的10大色彩理论

    色彩理论在设计中的应用鲜为人知,但却是一种唤起用户情感的极佳方式.我们只需要环顾四周,就能感受到色彩的重要性.不同的色彩和色调会调动用户不同的情绪和反应.虽然网页设计师不必精通于色彩的应用,但对于其用 ...

  7. [理论] GUI原理1 - 色彩王国

    [转载]chinaui.com [理论] GUI原理1 - 色彩王国 □ 作者:evolrof   2004-11-21 13:07:59  我们所看到的色彩世界,在计算机里,通常用以下三种颜色格式进 ...

  8. 浅谈网页设计中的色彩理论

    无可争议的是,色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这 ...

  9. 谈谈关于网页设计中的色彩理论

    谈谈关于网页设计中的色彩理论 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜色术语 ...

  10. 用户参与度与活跃度的区别_如何使用色彩理论提高用户对应用程序的参与度

    用户参与度与活跃度的区别 by Arnav Varyani 通过Arnav Varyani "Color is a power that directly influences the so ...

最新文章

  1. Mysql性能调优工具Explain结合语句讲解
  2. [PAT乙级]1029 旧键盘
  3. 无需 Dockerfile 的镜像构建:BuildPack vs Dockerfile
  4. it精英挑战赛的规则 校区内部评选 2020
  5. Logistic Regression逻辑回归的简单解释
  6. random模块 时间模块 sys模块 os模块 json模块 pickle模块
  7. 真不是炼丹,务实敢为的 MoCo v3
  8. iOS学习笔记3 - 命名空间
  9. IOS5开发-http get/post调用mvc4 webapi互操作(图片上传)
  10. MWC2010传递出什么信号?
  11. Java 在PDF中添加水印——文本/图片水印
  12. python基础编程小实例11——房贷计算器
  13. 真的会有大牛市吗老大?前提条件是破2万美刀,差一刀都不行!
  14. stm32 移植 FreeRTOS
  15. 基于Opencv的图像处理-高光调整算法
  16. 软件性能测试需要什么资质,性能测试CNAS资质软件验收测试报告
  17. 快速入门开发实现订单类图片识别结果抽象解析
  18. Mac电脑快速切换用户教程
  19. CNN是如何进行图像特征提取的
  20. mkfs.vfat : command not found

热门文章

  1. OSS回源的几种方式和应用场景
  2. 鸿蒙芯片是华为公司靠几年造出来的,难度不输芯片制造,华为高管实话实说,造出操作系统只是开始...
  3. 小说:凡人修仙路基础
  4. IT 最高,2018 年全国平均年薪!非私企 147,678¥
  5. 数值分析课程主要学习内容总结
  6. 理解.exe文件的结构原理即运行过程
  7. spring boot+thymeleaf+layui实现后台管理系统界面
  8. android wear iphone7,多款Android Wear手表不兼容苹果iPhone7
  9. 视频分割软件有什么,怎么分割视频
  10. AutoSAR入门到精通讲解 (AppL) 2.1 AutoSAR-CP AppL概述