在设计网站时,您可以选择多达1680万种颜色。当您开始将它们合并为调色板时?您的一系列选择立即变得无限。
为了使您入门,我将深入探索主题:
词汇 - 从色调到饱和度到温暖等。我们将涵盖语言设计师说话时使用的颜色
色轮 - 可视化颜色关系的功能强大的工具
配色方案 - 如何使用色轮选择您的配色方案
颜色心理学 - 通常与特定颜色有关
工具和资源 - 应用程序和准则可帮助您掌握颜色设计
你为什么要关心颜色
如果有人将您的钥匙送给您的梦想中,如果您有空,您的头会兴奋地爆炸,对吗?当然!
但是,如果这辆车用最令人讨厌的音调绘制了该怎么办?还是每个面板完全不同?或者如果内部混合石灰绿色和黄色建筑怎么办?
您可能不会感到兴奋,对吗?
颜色有意义。他们传递了语调和情感影响,例如字体,这使其成为强大的设计工具。
颜色词汇
在我们深入理论之前,您需要了解以下术语:
主要颜色是所有其他颜色的基础。人类感知到三种基本颜色:红色,蓝色和黄色。我们看到的每种颜色都包含这三种颜色的组合。数字,亮度,颜色和阴影(见下文)不同。
传统上,我们认为红色,蓝色和黄色是主要颜色,但研究表明,外国红色,蓝色和黄色可以描述我们的颜色体验。
在互联网上,我们使用RGB(红色和绿色)和十六进制值代表颜色。
RGB颜色系统将所有颜色定义为三个不同值的组合:一个特定的红色,另一个绿色和另一个蓝色。所以:
-RGB(59,89,145)等于Facebook Blue
-RGB(0,0,0)等于黑色
-RGB(255,255,255)等于白色
十六进制的颜色系统将每个值的每个值转换为十六进制的表示形式(基数为16),如下所示:
- #3B599B等于Facebook Blue
- #000000等于黑色
- #ffffff等于白色
每个字符代表颜色值,因此对于Facebook蓝色,红色为3B,绿色为59,而9b为蓝色。
热和冷
颜色也“温暖”,每种颜色都可以分为温暖或凉爽的颜色。
温暖的颜色包含更多的红色和黄色。他们可以唤起设计中的温暖和激情。他们还可以感到非常激进和大胆,提醒我们国际停车标志。这就是为什么红色经常用于错误的原因。
凉爽的颜色包含更多的蓝色,导致气候,冰,冬季,水,夜间,死亡和悲伤。他们可以具有孤独,冷漠和恐惧的含义。凉爽的颜色不是那么积极和舒缓。考虑一下蓝天,或海滩上晴朗的蓝色海水。放松吗?
温度
图像的温度升高意味着增加了其橙色水平。它通常使图像看起来更温暖,更快乐,类似于当太阳投射橙色灯时,世界看起来更快乐。相比之下,降低图像的温度,使其看起来更冷,更容易吸引人,就像阴天一样。
色调和阴影
当您添加黑色时,将颜色添加到白色色调中会导致颜色。颜色和阴影使您可以通过添加白色和黑色为基本颜色来创建单色配色方案。
例如,如果您的背景颜色为#8DBDD8(浅蓝色),如下图所示,您可以选择两种颜色(两种明亮的蓝色)和两种颜色(两种深蓝色)(两个深蓝色)(两个深蓝色)创建一个单色解决方案。
饱和色调和亮度
饱和度描述了颜色的强度。饱和度越高,颜色越强,颜色越深,饱和度越小,颜色越轻。当我们说“浅蓝色”或“深绿色”时,我们正在描述饱和度的变化。
颜色定义颜色可以描述为与红色,橙色,黄色,绿色,蓝色,蓝色和紫色(彩网络公司网站建设虹颜色)相似或不同。因此,当您描述“绿色和蓝色”颜色时,您会使用两种颜色来定义它。
与纯白色相比,亮度(也称为价值或颜色)定义了感知到的亮度。
色轮
基本色轮包含12种标准颜色,用于创建颜色匹配方案。每片馅饼都代表一系列颜色,可以通过不同的饱和度,色调,颜色,阴影和相邻颜色来实现。组合的颜色(例如,黄橙)是由混合量的基本颜色(黄色和橙色)产生的。
红色,黄色和蓝色是原色。紫色,橙色和绿色是次要颜色。其他一切都是第三种颜色,主要与次要颜色混合。
设计色轮以选择配色方案,它具有四种样式。
4个配色方案
设计师在配对颜色轮中通过多种颜色创建颜色匹配的方案。当您遵循某个模型时,这通常是更佳效果。
1.单色
单色配色方案包括各种颜色,阴影和单基颜色的饱和。它们非常有凝聚力,但会冒险。
2.补充
颜色补充方案基于色轮两侧的两种颜色。因为这两种颜色将非常不同,所以该方案可能非常有效且引人注目。
专业提示:为您的呼叫术语选择补充颜色。使用以下方案。如果您的页面背景为薄荷绿色,则可以将粉红色用作CTA按钮。
3.相似
类似的方案具有三种颜色,并且在颜色轮上相邻。由于色调的相似性,这些方案可以产生非常凝聚和统一的感觉,而无需单色方案。
4.三位一体
要制定三色配色方案,请在色轮上绘制其他三角形(所有三角形的长度相同三个侧面),然后在三角形点选择三种颜色。这创造了一种多样化但平衡的解决方案。
色心理学
每种颜色都有其独特的色调含义。通过仔细选择颜色,您可以加强网站的整体信息。
注意:不同文化和地区的颜色可能大不相同。以下描述主要针对美国。
红色的
这种充满活力的颜色可以根据特定情况传达各种含义,但具有强大的功能和才华。它与黑色作为男性气质结合在一起,微店商城开发非常激进,适合跑车。它与白色和金色相匹配,说明了爱情和激情。红色还代表危险 - 固定者的迹象 - 和血统的红十字会。
橙子
温暖,但不像红色那样,很难错过橙色 - 这解释了其在建筑,安全和狩猎设备中的用途。它也几乎尖叫着秋天,南瓜和万圣节。橙色的温暖会引起有趣而充满活力的气氛。
黄色
黄色代表阳光,温暖而夏天。这是频谱中最明显的颜色,因此确实跳出来。当与白色或黑色结合使用时,它特别明显,就像安全设备,校车和出租车一样。但是,尽管如此,要小心,因为许多人感到不舒服。
蓝色的
蓝色唤起了天体,热带和奇怪的专业。考虑到与水的长期联系,我们认为蓝色是新鲜和干净的。但是,更深的蓝色调可能会引起悲伤。毕竟,我们称其为“蓝色”是有原因的。
绿色
作为大多数植物的颜色,绿色显示出生长和健康的感觉,使其成为有机,环保和健康产品的理想选择。将其与蓝色和棕色结合起来,以捕捉自然。绿色也代表美国的财富和金融。
棕色的
您不会在互联网上看到太多棕色,也许是因为这意味着肮脏。但是,如果您想创造一种土壤和奢华感,这可能是一个复杂的时尚网站。
紫色的
在古罗马,只有富人可以负担得起紫色(这种染料是由蜗牛壳制成的)。经过这些世纪之后,这种联系仍然非常牢固,使紫色成为品牌的理想色彩。当与红色结合使用时,它会感觉到亲密和浪漫。用白色和粉红色,它变得嬉戏和孩子们。
白色的
白色是关于纯度,纯真和不育。您将在关注婚礼,医疗保健,科学和灵性的网站上看到它。这也意味着清洁和新鲜度,例如新的洗涤和折叠板。
黑色的
黑色意味着力量,,邪恶,死亡和未知。善与恶之间的战斗是白色和黑色 - 只是看达斯威德和卢克·天行者的通常服装。
颜色工具和资源
由于所有复杂性和灵活性都可以通过颜色设计设计,因此设计师已经建立了一b2b2c电商系统系列工具来帮助处理过程,这不会让您感到惊讶。这只是我们的更爱。
配色方案(颜色面板)发电机
我最喜欢的两个调色板生成器允许您手动选择每种颜色,或者根据一种或两种颜色自动生成它们。
ColourCode为单色和互补方案提供了预设模式,您可以将解决方案导出到.scss,.less。,图像或仅性链接。这也是一个有趣的发现工具,因为当鼠标在屏幕上移动时,阴影会更新。
Adobe Color CC曾经称为“ Kuler”,也具有方案类型的预设函数,但增加了列码没有的两个优点。首先,Color具有一个社交层的内置,因此您可以探索其他人的调色板。第二个(和更好的)是从图像中提取配色方案的能力。
调色板的灵感
出色的颜色组合需要灵感吗?以下网站使用图像和设计来说明不同颜色如何一起工作。使用它们来指导您的选择。
颜色使用灵感
需要受到同伴的启发吗?除了:
颜色非常重要。星巴克等特许经营者对每个特许经营位置之间的色差的公差非常低。每个加盟商必须从批准的颜色列表中进行选择。在通往咖啡厅的门打开之前,总部的代表将确保墙上的颜色满足严格的公差要求。
正确使用颜色,您的网站会感觉更自然并放在一起。现在您已经掌握了基本知识,我鼓励您继续颜色理论的道路。但是,最重要的是要检查正确的颜色,练习,练习和练习的美丽例子。
请人做一个网站需要多少钱 建设一个网站需要多少钱
请立即点击咨询我们或拨打咨询热线: 13968746378,我们会详细为你一一解答你心中的疑难。项目经理在线