访问手机版

随时随地访问,扫描体验手机版

游客您好
第三方账号登陆
  • 点击联系客服

    在线时间:8:00-16:00

    反馈QQ

    1263810394

    电子邮件

    yanzheng@puhuajia.com
  • 普画网

    随时随地分享快乐

  • 扫描二维码

    关注普画网公众号

普画网 首页 插画设计 色彩搭配

在网页配色中的色彩含义讲解

不败战神豪大大(未知职业)-本文作者
这个人很懒,什么也没有留下。
5494 0 2020-3-23 19:34

暖色

在网页配色中的色彩含义讲解

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

红色和黄色都是基色,橙色在中间(使其成为第二色),这意味着暖色都是真正的暖色,并且不是通过将暖色与冷色组合来创建的。在你的设计中使用暖色调反映激情,幸福,热情和活力。

红色(原色)

在网页配色中的色彩含义讲解

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

红色可能与愤怒相关,但也与重要性相关(想想颁奖晚会和名人活动中的红地毯)。红色还表示危险(停车灯和信号牌为红色的原因,并且警告标签通常为红色)。

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

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

在设计中,红色可以是强烈的强调色。如果在设计中使用过多,尤其是在其最纯净的形式中,它可能会产生压倒性的影响。当要在设计中体现力量或激情时,它是一种很棒的颜色。不过,红色可以是非常多才多艺的,较亮的版本更充满活力,而较暗的阴影则更强大和优雅。

例子

在网页配色中的色彩含义讲解

Nacache Design网站首页上插图的鲜红色表示该页面充满活力和活力。


在网页配色中的色彩含义讲解

Ming Lab网站上的背景为鲜红色,令人着迷。


在网页配色中的色彩含义讲解

Startup Lab网站上的静音红色充满活力,没有侵略性。


在网页配色中的色彩含义讲解

Bigsound Buzz的网站采用单色设计,具有各种阴影和红色调,在这种情况下,它会呈现出罂粟花般的复古氛围。


在网页配色中的色彩含义讲解

阿姆斯特丹市网站上的Build使用鲜艳的红色装饰色,可立即将注意力吸引到页面中间。


橙色(第二颜色)

在网页配色中的色彩含义讲解

橙色是一种非常充满活力和活力的颜色。它的静音形式可以与地球和秋天联系在一起。由于橙色与季节变化有关,因此橙色通常可以代表变化和运动。橙色也与创造力息息相关。

因为橙色与同名水果相关联,所以它可以与健康和活力相关联。在设计中,橙色可以引起注意,而又不会像红色那样令人难以承受。人们通常认为它更友好,更吸引人,而且面子也更少。

例子

在网页配色中的色彩含义讲解

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


在网页配色中的色彩含义讲解

我们不是姐妹们的深橙色超大字体立即产生了影响。


在网页配色中的色彩含义讲解

克里斯托弗·金博尔(Christopher Kimball)在米尔克街Milk Street)巧妙地使用橙色作为强调色,表明它可以用于更优雅,更保守的设计中。


在网页配色中的色彩含义讲解

Sbjct将微妙的桃红色和深橙色混合在一起,以获得更加单色的设计,但仍然充满能量。


在网页配色中的色彩含义讲解

罗宾·德尼罗(Robin De Niro)还使用了非常轻巧的桃红色背景和两种深浅的橙色作为版式。

黄色(原色)

在网页配色中的色彩含义讲解

黄色通常被认为是暖色中最亮,最富活力的颜色。它与幸福和阳光有关。但是,黄色也可能与欺骗和怯ward有关(称某人为黄色就称他们为co夫)。

黄色也与希望联系在一起,正如在某些国家中,亲爱的家人在家庭中展示黄丝带时所看到的那样。黄色也与危险相关,尽管不如红色强烈。

在某些国家/地区,黄色的含义非常不同。例如,在埃及,黄色是哀悼之物。在日本,它代表着勇气,而在印度,它代表着商人。

在你的设计中,亮黄色可以带来幸福和快乐的感觉。柔和的黄色通常用作婴儿(而不是蓝色或粉红色)和幼儿的中性颜色。浅黄色比明亮的黄色还给人更平静的幸福感。深黄色和金黄色有时会显得过时,并用于需要持久感的设计中。

例子

在网页配色中的色彩含义讲解

Kettle的 “不完全正确”黄色充满活力,充满活力。


在网页配色中的色彩含义讲解

Deskpass使用略深的黄色,给人以醒目的但略带柔和的外观。


在网页配色中的色彩含义讲解

Toyfight使用明亮的菊科植物背景,但其他方面则使其设计保持简单明了。


在网页配色中的色彩含义讲解

Milano Contract District的网站既简单又极简,设计的所有影响都来自明亮的黄色背景。


在网页配色中的色彩含义讲解

Susa Ventures在其版式中使用了菊科植物的色调作为强调色,效果很好。


酷色

在网页配色中的色彩含义讲解

冷色包括绿色,蓝色和紫色,通常比暖色柔和。它们是夜晚,水,自然的色彩,通常使人平静,放松并有所保留。

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

因此,绿色具有黄色的某些属性,而紫色具有红色的某些属性。在你的设计中使用冷色调,给人以沉稳或专业的感觉。

绿色(第二颜色)

在网页配色中的色彩含义讲解

绿色是非常朴实的颜色。它可以代表新的起点和成长。它还表示更新和丰富。另外,绿色也可能表示嫉妒或嫉妒和缺乏经验。

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

它适合与财富,稳定性,更新和自然相关的设计。明亮的绿色更具活力和活力,而橄榄绿色则更能代表自然世界。深绿色是最稳定,最富裕的代表。

例子

在网页配色中的色彩含义讲解

“ 记忆是我们的家园 ”网站使用的是蓝绿色调,而黄色字体则使它充满活力,而又不会太亮。


在网页配色中的色彩含义讲解

食品节奏》网站使用了明亮的绿色,非常适合将食品和信息联系在一起的网站。


在网页配色中的色彩含义讲解

丰富的猎人绿色在Le Farfalle Osteria这类优雅的餐厅网站上都具有鲜明的色彩。


在网页配色中的色彩含义讲解

安娜·罗莎·克劳(Anna Rosa Krau)的网站具有柔和的鼠尾草绿色背景,几乎可以用作该投资组合的中性背景。


在网页配色中的色彩含义讲解

HelloMind的亮绿色背景很年轻,给人一种成长感(与他们改善你的大脑功能的产品一致)。


在网页配色中的色彩含义讲解

Studio Farquhar的柠檬绿装饰突兀而现代,并以其简约的布局脱颖而出。


蓝色(原色)

在网页配色中的色彩含义讲解

蓝色常常与英语中的悲伤有关。蓝色也被广泛用于代表冷静和责任感。淡蓝色可能会令人耳目一新和友好。深蓝调更坚固可靠。蓝色也与和平息息相关,在许多文化和传统中都有精神和宗教内涵(例如,描绘圣母玛利亚时穿着蓝色长袍)。

根据确切的阴影和色调,蓝色的含义会受到广泛影响。在设计中,你选择的确切蓝色阴影将对设计的感知方式产生巨大影响。淡蓝色经常使人放松和镇定。明亮的蓝色可能会让人精神焕发。深蓝色(如海军)非常适合对强度和可靠性至关重要的公司场所或设计。

例子

在网页配色中的色彩含义讲解

“ 未来设计调查”结果网站首页的亮蓝色背景脱颖而出,然后在整个网站的其余部分用作重点色。


在网页配色中的色彩含义讲解

Versett在他们的网站上使用亮蓝色作为主要颜色,并使用许多其他亮色来区分不同的部分。


在网页配色中的色彩含义讲解

Deep Mind网站的背景使用各种蓝色阴影,给人一种值得信赖的权威感觉。


紫色(二次色)

在网页配色中的色彩含义讲解

在远古时代,用于制造紫色色调的染料是从蜗牛中提取的,而且非常昂贵,因此只有皇室成员和非常有钱的人才能负担得起。

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

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

在设计中,深紫色可以给人一种财富和奢华的感觉。浅紫色较柔和,并与春季和浪漫气氛有关。

例子

在网页配色中的色彩含义讲解

Filippo Bello投资组合中的第一个项目使用紫色配色方案,增强了创造力。


在网页配色中的色彩含义讲解

共用房屋纪录片的网站使用了充满活力的紫色和粉红色色调,给人以活力,创造力和想象力的感觉。


在网页配色中的色彩含义讲解

Content Stack上,红紫色可以作为中性背景的强调色,并且可以吸引人们注意重要的页面元素,例如按钮。


在网页配色中的色彩含义讲解

Orbit网站的深紫色调给人一种与其AI相称的精致感。


在网页配色中的色彩含义讲解

紫色是KIKK Festival 2016等创意活动的完美色调。


中立

在网页配色中的色彩含义讲解

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

黑色

在网页配色中的色彩含义讲解

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

黑色在用作重音符号或文字时,通常用于前卫的设计以及非常优雅的设计中。它可以是保守的也可以是现代的,可以是传统的也可以是非常规的,具体取决于它所结合的颜色。在设计中,黑色是中性的,通常用于印刷和其他功能部件。黑色可以使设计更容易传达精致和神秘感。

例子

在网页配色中的色彩含义讲解

DUA网站的褪色黑色(技术上为深灰色,但与黑色足够接近,因此可以将其分类)在这样的简约设计中非常漂亮。


在网页配色中的色彩含义讲解

匿名汉堡协会的黑色背景是该网站上令人惊叹的美食照片的完美画布。


在网页配色中的色彩含义讲解

Timothy Saccenti作品集中的许多图像都以黑色为主,这也是透明菜单的颜色,从而使整个网站具有前卫的现代感。


在网页配色中的色彩含义讲解

最小的设计以黑色作为强调色,为Heco的网站带来了超现代的感觉。


在网页配色中的色彩含义讲解

这里采用了黑色的色调与动画一起给它一个前卫,几乎让人毛骨悚然的感觉。

白色

在网页配色中的色彩含义讲解

白色与黑色在光谱的另一端,但与黑色一样,它几乎可以与任何其他颜色一起使用。白色通常与纯正,清洁和美德相关。在西方,新娘通常在结婚当天穿白色衣服。它还与医疗保健行业有关,尤其是与医生,护士和牙医有关。白色与善良相关,天使通常以白色描绘。

然而,在东部许多地区,白人与死亡和哀悼有关。在印度,传统上只允许配戴寡妇。

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

例子

在网页配色中的色彩含义讲解

Black&Wood使用白色作为背景和强调色(例如,在其版式中),从而使该场地具有非常干净的感觉。


在网页配色中的色彩含义讲解

Nuno Coelho Santos网站的背景大多为白色,这有助于现代美学。


在网页配色中的色彩含义讲解

Skylark的网站使用白色字体,使网站看上去更干净,而又不至于使设计变得简约。


在网页配色中的色彩含义讲解

Spent使用白色字体为网站带来现代而柔和的外观。


在网页配色中的色彩含义讲解

Dwell在其初始页面上使用白色作为强调色,这对于包含CTA的商品而言是非常独特但有效的选择。

灰色

在网页配色中的色彩含义讲解

灰色是中性色,通常在色谱的冷端使用。有时可以认为它情绪低落或沮丧。在某些设计中,可以使用浅灰色代替白色,而可以使用深灰色代替黑色。

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

例子

在网页配色中的色彩含义讲解

回合网站是非常现代的,以用来划定该网站的不同区域不同的灰阶。


在网页配色中的色彩含义讲解

“ 仅用于办公室使用”网站上的灰色背景是如此微妙,几乎变成白色,使该网站具有非常现代的感觉。


在网页配色中的色彩含义讲解

Gray在Shinola网站上展现了一种精致而务实的感觉。


在网页配色中的色彩含义讲解

与现代版式混合使用时,灰色具有现代感


在网页配色中的色彩含义讲解

灰色是用于插图作品的理想背景色。

棕色

在网页配色中的色彩含义讲解

棕色与大地,木材和石头有关。这是一种完全自然的色彩,温暖的中性色。布朗可以与可靠性和可靠性,坚固性以及泥土相关。它也可以认为是乏味的。

在设计中,棕色通常用作背景色。在木材纹理中有时也可以在石材纹理中看到它。它有助于为设计带来温暖和健康的感觉。有时以最暗的形式代替背景或印刷术中的黑色。

例子

在网页配色中的色彩含义讲解

Trefecta使用温暖的棕色作为按钮和CTA的配色,考虑到其余设计的现代性,这是一个意外的选择。


在网页配色中的色彩含义讲解

Yasuhiro Yokota的作品集网站的奶油色背景和棕色字体温暖而朴实,同时仍是灰色阴影下设计工作的良好背景。


在网页配色中的色彩含义讲解

Off&On理发店的大部分场地使用各种棕色元素,给人一种老式的感觉。


在网页配色中的色彩含义讲解

翁伯特·塞萨里(Umbert Cessari)的网站始终使用各种深浅不一的棕色作为强调色,使其具有朴实的吸引力。


在网页配色中的色彩含义讲解

Green Rebel的网站在整个印刷过程中以及大部分纹理以及某些纹理中都使用了棕色,从而营造出一种有机的感觉。

米色和棕褐色

在网页配色中的色彩含义讲解

米色在色谱中有些独特,因为它可以根据周围的颜色呈现冷色调或暖色调。它具有棕色的温暖和白色的凉爽,并且像棕色一样,有时被认为是暗淡的。在大多数情况下,它是一种保守的颜色,通常保留用于背景。它也可以象征虔诚。

设计中的米色通常在背景中使用,并且在具有纸张纹理的背景中很常见。它将具有周围颜色的特征,这意味着与其他颜色一起使用时,它本身对设计给人的最终印象几乎没有影响。

例子

在网页配色中的色彩含义讲解

People Map的网站使用了更多的金色棕褐色,给网站带来高档的感觉,尤其是与网站的版式结合使用时。


在网页配色中的色彩含义讲解

Plane Site的棕褐色暖色背景既现代又不失简约。


在网页配色中的色彩含义讲解

La Pierre Qui Tourne的网站在其主要调色板上使用了各种棕褐色调,同时还提供了一些非常有趣的亮色设计。


在网页配色中的色彩含义讲解

Mile Inn网站结合了现代印刷术和米色和黑色调色板,使网站显得复古而时尚。


在网页配色中的色彩含义讲解

此站点上使用的棕褐色调完全是出乎意料的,并赋予了其中世纪现代的外观。

奶油和象牙

在网页配色中的色彩含义讲解

象牙色和奶油色是精致的颜色,带有棕色的温暖和白色的清凉。他们通常比较安静,并且经常让人联想到历史感。象牙色是一种沉稳的颜色,虽然有些偏暖,但具有一些与白色有关的纯净度。

在设计中,象牙可以给场地带来优雅和沉稳的感觉。当与桃红色或棕色等泥土色组合使用时,它可以呈现泥土质感。它也可以用于加深深色,而无需使用白色形成鲜明对比。

例子

在网页配色中的色彩含义讲解

Stefanie Bruckler的投资组合网站几乎没有象牙色的背景,与典型的中性灰色相比,步伐可喜变化,给人永恒的感觉。


在网页配色中的色彩含义讲解

当与黑色背景一起使用时,浓郁的乳霜感觉就像一种非常现代,甚至前卫的强调色


在网页配色中的色彩含义讲解

对于专注于科技行业网站的网站,奶油是一种出乎意料的背景颜色选择,但是却给人一种温暖,人性化的感觉。


在网页配色中的色彩含义讲解

考虑到电影《龙虾》有多奇怪,他们在网站上使用浅灰白色背景是一种意想不到的柔和选择,感觉非常现代。


在网页配色中的色彩含义讲解

Sweet Magnolia Gelato的奶油色背景浓郁,是温暖迷人设计的完美中性。

简单来说…

尽管此处包含的信息可能看起来有点让人不知所措,但是色彩理论与特定阴影所带来的感觉一样重要。但是,这里有一个快速参考指南,介绍上述颜色的常见含义:

  • 红色:激情,爱情,愤怒

  • 橙色:活力,幸福,活力

  • 黄色:幸福,希望,欺骗

  • 绿色:新的开始,丰富,自然

  • 蓝色:冷静,负责任,悲伤

  • 紫色:创造力,版税,财富

  • 黑色:神秘,优雅,邪恶

  • 灰色:喜怒无常,保守,正式

  • 白色:纯度,清洁度,美德

  • 布朗:自然,健康,可靠

  • 棕褐色或米色:保守,虔诚,沉闷

  • 乳白色或乳白色:淡淡,淡雅,纯净

微信

鲜花
本文暂无评论,快来抢沙发!

阅读排行
热门话题
手绘插画社,中国手绘插画者的网上家园,包含 素描、插画、绘画、手绘、素材、动漫资讯、动漫美图、动漫周边,动漫音乐等相关内容,欢迎投稿

扫描二维码

随时访问手机端

免责声明:本站不提供任何版权视听上传服务,所有内容均来自用户分享站点所提供的公开引用资源,作品版权归原作者所有 仅供学习欣赏使用 禁止任何形式商用 违者必究。

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc. 星点互联设计 ( 京ICP备19014251号-1