首页 > 教程, 设计理论> 网页设计的色彩理论之色彩的内涵

网页设计的色彩理论之色彩的内涵

 

网页设计色彩是一种主观的感觉。同样的色彩,不同的人可以品出不同的意味。这可能取决于个人偏好,也可能取决于各自的文化背景。色彩理论就是一门科学,研究的是在不同的职业背景中,色彩如何影响个人或者团体的理论。

色彩理论在这方面取得很大进展。一些细微的,就像改变某一色调或者色彩饱和度都能给人以不同的感觉。文化上的差异,可能出现:这种颜色在这个国家是积极向上的,而到了另外一个国家却成了低迷消沉的基调。
 
Colorstar在颜色的设计,第1部分理论:色彩的意义

 

 这篇文章是色彩理论三部分中的第一部分。在这里,我们将讨论隐藏在不同色系背后的含义,并举例说明颜色是如何应用到设计中的(每个例子中都有少许的分析)。在第二部分,我们将讨论色相、浓度、明度、饱和度、色调、浅色调和深色调是如何影响我们对颜色的感知的。然后,第三部分则讨论怎样在设计中调配出自己的调色方案。

 

暖色调

  

在色彩理论的设计师,第1部分Warmcolors:色彩的意义 
 暖色调包括:红、橙、黄以及由这三种颜色衍变出来的各种颜色。这些代表火焰、落叶、日出与日落等的颜色,通常象征一种激情活力、健康向上的情感。
 红色和黄色都是色彩三原色之一,橙色介于两者之间,他们都是纯粹的,未和其他冷色调颜色掺合过的暖色调。设计中应用暖色调往往表达出一种热情、欢快、充满活力的感情基调。

 

 

红色(原色)

红色,为设计师,第1部分理论:色彩的意义
 

 红,是一种火热的颜色,常与火焰、暴力和战争联系起来;但有时也适用爱与热情奔放的主体。在设计史中,红色常被应用于两种极端。红色能够激发观者身体上的自然反应,像血压提高和呼吸加快。同时,红色也被证明了确实能增强人体的新陈代谢。

 红色可以象征愤怒,也可以应用于一些郑重严肃的场合(比如在颁奖典礼上,红色的地毯铺向舞台)。红色还被表征危险的信号(红绿灯中红色代表停止,大部分警告类得标签也是使用红色的警告标签)。

 而在西方国家以外,红色有其他不同的含义。比如,在中国,红色是繁荣幸福的象征,被认为是带来好运的颜色。很多的东方国家,新娘在婚礼上都会穿上红色的婚纱;可是在南非,红色却是丧服的颜色。红色还常跟共产主义联系起来。在非洲,由于“红色运动”的原因,红色几乎成了艾滋病的表征性颜色。

 设计中,红色是一种显眼的强调性颜色;设计中,大量的使用红色,特别是纯粹使用红色单色调的时候,往往产生一种势不可挡的效果;设计中,红色是庙会力量与激情的首选颜色。红色的使用非常灵活,稍微明亮点的红色表现更为活力;稍微深沉点的红色又表现得更具力量感和优雅。

 

实例

 Darkcrimson在颜色的设计,第1部分理论:色彩的意义
 这是一个设计中采用深红色色调的网站,展示了一种力量感和优雅感。

 

Abstraktion在颜色的设计,第1部分理论:色彩的意义
 这是黑色背景衬出红色区域,显得厚重而前端。

 

Bureau347在颜色的设计,第1部分理论:色彩的意义 
这个网站运用明亮的红色彰显出一种激情和动感。

 

在色彩理论的设计师,第1部分Crowebdesignets:色彩的意义 

这个深红色的网站,由于结合了锈迹般得色素,看起来更像血液的颜色。

 

1mcreative在色彩理论的设计师,第1部分:色彩的意义

 
 深红色,配以白、灰色,给人一种优雅而又专业的印象。

 

橙色(二级颜色)

 

橙色的设计,第1部分理论:色彩的意义
 
 橙色是一种充满活力和热情的颜色。柔和的橙色常容易使人联想到土地和秋天。由于常被联系到季节的转换,橙色还代表运动变化中的事物。

 由于橙跟橙色的关联,橙色又经常被引申为健康和活力。设计中,橙色并没有红色那般显眼而吸引用户注意力。它往往被定义为友好的、有魅力的,更传统的类型。

实例

 

Curiousromain在色彩理论的设计师,第1部分:色彩的意义
 
网页设计中,就算与其他的亮红色的元素搭配使用,明亮的橙色框也很容易使人关注它的内容。

 

Alamofire在色彩理论的设计师,第1部分:色彩的意义

 
在这个网站,橙色被设计成其最典型的代表——火焰。

 

在色彩理论的设计师,第1部分Webdots:色彩的意义

 
暗橙色和浅绿色的对比,使得整个色调趋于无彩色的土地般得颜色。

 

Neighborino在颜色的设计,第1部分理论:色彩的意义

 
橙色在这个网站表现得友好而富有魅力。

 

Theplant在色彩理论的设计师,第1部分:色彩的意义

 
这里橙色与各种视觉元素相结合,容易吸引注意力且富感召力。

 

黄色(原色)

 

黄色在色彩理论的设计师,第1部分:色彩的意义
 
黄色是暖色系中最明亮最温暖的颜色,常被联想到幸福和阳光。有时,黄色也被认为是欺骗和怯懦的代名词。(说某人很yellow,其实就是在骂他懦夫。)

黄色也象征希望,在一些国家,如果有人在前线作战,家人就会挂起黄色丝带,希望能带来好运。黄色也会被联想到危险,不过没有红色给人危机感那么强烈。

不同国家,黄色有不同的涵义。比如,在埃及,黄色代表了哀悼;在日本,则代表了勇气;到了印度又成了商人的代表。

设计中,亮黄色可以传达一种幸福感和快乐感。柔和的黄色常被用在婴儿和小孩相关设计中的中性色(比蓝色和粉红色更常见)。比起亮黄色,浅黄色更能传达出一种平静感和幸福感。暗黄色和金黄色带点古典的意味,常被用于一些永恒性主题的设计。

实例

 

Foodtease色彩设计师的理论,第1部分:颜色的含义

 
亮黄色的头部和生动的图画使这个网站充满积极向上的意味、充满活力。

 

 

 Artvisiona在颜色的设计,第1部分理论:色彩的意义

在这里,浅黄色被当成一种中性色来使用,与手绘图结合起来,给人一种开朗欢快的印象。

 

水盾草在色彩的设计师,第1部分理论:色彩的意义

 
这个网站中,亮黄色起画龙点睛作用。

 Pasikeitimai在颜色的设计,第1部分理论:色彩的意义

亮黄色的向日葵在提醒我们夏日的临近,结合古色古香的黄色背景,给人一种温馨的体会。

 

 七巧板的颜色为设计师,第1部分理论:色彩的意义

这里顶部的亮黄色让这个网站填色不少。

 

 

冷色调

 

在色彩理论的设计师,第1部分Coolcolors:色彩的意义
 
冷色调包含绿色、蓝色、紫色,比暖色调更柔和。他们是夜得颜色、水的颜色、自然的颜色,表现得更为平静、自然,有时候更为沉默。

蓝色是冷色调中唯一一个原色,这说明,其他的冷色调都是通过蓝色跟暖色调调配出来的(蓝配黄成为绿色,蓝配红成为紫色)。绿色吸收了黄色的一些属性,紫色则吸收了红色一些属性。冷色调的设计给人一种沉稳、冷静和理性的感觉。

 

绿色(二级颜色)

 

绿色在色彩理论的设计师,第1部分:色彩的意义
 
绿色是一种非常朴实的颜色。它可以代表一种新生的开始和发展;这通常也意味着复兴和繁荣。另外,绿色也能表示羡慕或嫉妒,或缺乏经验。

绿色拥有蓝色的大部分属性,同时也吸收了黄色带有的那种能量感。设计中,绿色可以作为一种平衡和协调的存在,具有相对稳定性。很适合于有关财富、进去、复兴和自然类得主题设计。亮绿色更具活力;橄榄绿更贴近自然。暗绿色则更能代表财富。

实例

 

 

 

Rubberdesign在颜色的设计,第1部分理论:色彩的意义

 

 

这个网站柔和的绿色给人一种朴实自然的味道。

 

利戈尼尔在颜色的设计,第1部分理论:色彩的意义

 
亮绿色头部和树叶图案让这个网站更显自然、活力。

 

Plantwithpurpose在色彩理论的设计师,第1部分:色彩的意义

 
这个网站采用橄榄绿给人种自然的感觉,很贴合网站内容主题。

 

Iavion在颜色的设计,第1部分理论:色彩的意义

这个网站,采用更为明亮和复古型的绿色,表现得清新富有活力。

 

Baynature在颜色的设计,第1部分理论:色彩的意义

这是另外一个橄榄绿主色调的网站,给人一种非常亲近自然的感觉。

 

蓝色(原色)

 

蓝色的颜色设计,第1部分理论:色彩的意义
 
在英语中,蓝色常被表达成悲伤的意思;也被常表达为冷静和责任的意思。蓝色的光有振奋和表达友善的作用。暗蓝色更显得稳定和可靠。蓝色也与和平相关联,在很多传统文化和宗教信仰中有深厚的精神意味和内涵(比如圣母玛利亚一般被描述成身着蓝色长袍的)。

在光影和色调变化中,蓝色意义更为丰富。设计中,精准的蓝色明暗变化定位对您的作品有很大影响。浅蓝色往往表现得轻松宁静。亮蓝色偏向积极、让人产生耳目一新的感觉。暗蓝色常被设计成优秀的企业网站,以彰显其信誉和可靠。

实例

 

Sman96在颜色的设计,第1部分理论:色彩的意义

暗蓝色使这个网站给人一种可靠的感觉,而适量的亮蓝色又使其不致过分呆板。

 

Industrialmedia在颜色的设计,第1部分理论:色彩的意义 

暗蓝色给人一种专业的感觉,特别是这种以白色为背景的网站,些许的浅蓝色点缀又使其增添几分趣味。

 

在色彩理论的设计师,第1部分Aandesigners:色彩的意义

 
明亮色天空蓝,与红色对比,有种青春时尚的感觉,

 

在色彩理论的设计师,第1部分Mightydream:色彩的意义

 
这个网站采用了渐变的蓝色,给人一种耳目一新的感觉。

 

在色彩理论的设计师,第1部分Fernandosilanes:色彩的意义

 
这个网站明亮宁静的蓝色给人一种轻松祥和的印象。

 

紫色(二级颜色)

 

在色彩理论的设计师,第1部分紫色:对​​颜色的含义
 
紫色,历来被认为是皇权的象征;它结合了红色和蓝色,并吸纳了各自一部分属性;常被联想到创造力和想象力。在泰国,紫色是寡妇服丧的颜色。历史上暗紫色是财富和皇权的象征,而浅紫色(如薰衣草的紫色)则更象征烂漫。

设计中,暗紫色极富财富及奢侈感;浅紫色则更柔和,更接近春天和烂漫的气氛。

 

阿斯普雷在颜色的设计,第1部分理论:色彩的意义
 
这里,暗紫色唤起人们对皇室传统的联想,很适合那些奢侈品品牌的设计。

 

Avantgrape色彩设计师的理论,第1部分:颜色的含义

 
这里,中轻度的紫色很好地传达了一种穿心的意识。

 

Monumentmall在颜色的设计,第1部分理论:色彩的意义

 
这个网站更明亮的红紫色则有种饱满充满活力的感觉。

 

Ianjamescox在颜色的设计,第1部分理论:色彩的意义

 
暗紫色背景让这个网站更富创造性。

 

爱丽丝在颜色的设计,第1部分理论:色彩的意义

 
这个网站的暗紫色给人以奢华精致感。

 

中立色

 

在色彩理论的设计师,第1部分Neutralcolors:色彩的意义
 
中立色常被设计成背景;辅以更为明亮的颜色。当然,它们也可以以自身为主色调,设计出复杂的布局。比起冷色和暖色,中立色的内涵更容易受其他颜色影响。

 

黑色

 

黑颜色的设计,第1部分理论:色彩的意义
 
黑色是中立色中最强烈的颜色。积极一面,它常被联想到力量、优雅和礼节性的。消极方面,它又与死亡和神秘挂钩。黑色是许多西方国家哀悼时的传统颜色;也常与动荡、万圣节、神秘相关。

黑色容易产生轮廓鲜明、优雅的设计。或保守的、或现代的、或标新立异的,不同风格主要取决于黑色与什么颜色合用。因为它的中立性,设计中黑色常被用于排版和其他功能性工作。总之,黑色更容易传达设计的复杂干和神秘感。

 

实例

 

Djalexander在颜色的设计,第1部分理论:色彩的意义
 
黑色,与明亮的颜色和深暗棕色背景结合,组合成一种棱角分明的整体外观。

 

Reducetuhuella在颜色的设计,第1部分理论:色彩的意义

 
黑色与水蓝色结合,看起来更生冷。

 

Mediasoldier在颜色的设计,第1部分理论:色彩的意义

 
这里的黑色混杂以黑灰色和灰绿色,整体混沌的主题色调,产生一种设计的粗糙感。

 

Markwallis在颜色的设计,第1部分理论:色彩的意义

 
这里的黑色为网站增添了一份深度感和现代感。

 

Theswishlife在颜色的设计,第1部分理论:色彩的意义

 
强对比的黑色让这个网站更添内涵。

 

 

白色

 

白色在色彩理论的设计师,第1部分:色彩的意义
 
白色就是黑色的反相,但是跟黑色一样,几乎能和任何颜色搭配。白色常与纯美、洁净和美德结合起来。在西方,新娘通常都会在结婚当天穿上白色的礼服。白色也容易让人联想到医疗保健行业,特别是医生、护士和牙医;还会让人联想到善良,所以天使常被描绘成身着白衣的形象。

设计中,中色的白色常作为背景展开,这样,其他颜色更容易有发挥的空间;传达一种简洁的设计,特别是在现今流行的简约设计中表现更为突出。白色,根据其他设计图案和颜色的不同,可以设计成冬季或夏季不同风格。

 

实例

 

Fuelhaus在颜色的设计,第1部分理论:色彩的意义
 
这个网站的白色是与铁蓝色做对比突出。

 

Chamainc在颜色的设计,第1部分理论:色彩的意义 
现在的简约型网站流行使用白色的背景,并以黑色字体作为反差。

 

Clearleft在色彩理论的设计师,第1部分:色彩的意义

 
在这里,白色作为一种强调色,让网站的整体效果更为明显。

 

Timeger色彩设计师的理论,第1部分:颜色的含义

 
白色和灰色的结合,给人以柔和、洁净的感觉。

 

Ocvision在色彩理论的设计师,第1部分:色彩的意义

 
同样,这里白色作为背景,整个设计让人眼前一亮。

 

灰色

 

灰色在色彩理论的设计师,第1部分:色彩的意义
 
灰色是中性色,也长被当做冷色调的边缘色;也被当做一种情绪化或压抑的颜色。在很多设计总,浅灰色可以代替白色,深灰色又可以代替黑色。

灰色一般比较保守和正式,但有时又很现代;有时会被当做哀悼的颜色。一些正式性的、专业性的企业常将灰色作为企业设计的主色调。这是一个很复杂的颜色;纯灰色是黑色的阴影,有些灰色会夹杂一点蓝色和褐色。设计中,灰色背景很常见,有时也会出现在排版中。

实例
 

Adrianpelletier色彩设计师的理论,第1部分:颜色的含义

在这个设计中,浅灰色给人一种祥和宁静的感觉。

 

交响曲颜色为设计师,第1部分理论:色彩的意义

 
浅灰色的有效排版,组成成一种现代风格的设计。

 

在色彩理论的设计师,第1部分Nosotros:色彩的意义

 
这里的灰色给人一种现代的、精致的设计感。

 

除了在色彩理论的设计师,第1部分:色彩的意义

 
这里的灰色背景和浅灰色排版展示出一种果断的现代感。

 

在色彩理论的设计师,第1部分Sheriardesigns:色彩的意义

 
一系列灰色的应用,组合成一个现代感强、专业性的网站。

 

褐色

 

棕色的设计师,第1部分理论:色彩的意义
 
褐色是土地、木头和石头的颜色。这是一种纯自然、略带温暖的中立色;常被联想到可靠、坚定、质朴等名词;但有时也很沉闷。

设计中,褐色也长作为背景色。有时候表现为木头纹理,有时候又可以表现为石头纹理;容易产生一种温暖的、有益健康的设计感。无论作为背景或是排版中,它都可以用来代替黑色。

实例
 

 

Ridemomentum在颜色的设计,第1部分理论:色彩的意义
这里的灰棕色表现出责任而可靠。

 

在色彩理论的设计师,第1部分Tabororthopedics:色彩的意义

 
这里红褐色给人种朴实、可靠的感觉。

 

在色彩理论的设计师,第1部分Leliathomas:色彩的意义

 
这里深褐色让整个布局表现得亲切而沉稳,而且使得明亮的其他颜色更为显眼了。

 

Austintownhall在颜色的设计,第1部分理论:色彩的意义

 
木质纹理是一种常见的褐色用法,通常这种情况下,略带暖感得褐色是简约型的网站表现得更为亲切。

 

Dcraigmusic色彩设计师的理论,第1部分:颜色的含义

 
这里的灰褐色背景带来了一种沉稳的现实感。

 

米色和棕褐色

 
在色谱上,米色显得有点另类,因为它可以根据四周的颜色,表现出暖色调或冷色调不同的颜色特征;既有棕色的暖意,也有白色的冷意,有点像缓和色——褐色。多数情况下,这是一种保守色,常被用于背景设计。它象征着虔诚。

设计中,米色常被当做背景使用,或做成纸质的纹理。它能吸收周围的颜色特征,这就意味着,当与其他颜色混搭的时候,它本身对于整体的设计感影响并不大。

实例

 

谭在色彩理论的设计师,第1部分:色彩的意义
 
夹杂在一些明亮的颜色中间,这里的棕褐色表现出一种年轻新鲜的设计感。

 

Hellocarsonified在色彩理论的设计师,第1部分:色彩的意义

 
这里浅棕褐色使整体设计显得保守而优雅。

 

Calicott在颜色的设计,第1部分理论:色彩的意义

 
这个网站的设计中,由于橘黄色和棕色的点缀,黄褐色洋溢着一种更温馨的味道。

 

Spreadfirefox在颜色的设计,第1部分理论:色彩的意义

 
棕褐色常被设计成纸袋的纹理,和混凝土或石头的纹理。

 

Tarabrooch在颜色的设计,第1部分理论:色彩的意义

 
米色头部背景和其他颜色结合,是这个网站显得精致而传统。

 

Tonyleighton在颜色的设计,第1部分理论:色彩的意义

 

奶黄色和乳白色

 

象牙的颜色理论的设计师,第1部分:色彩的意义

 
奶黄色和乳白色是复杂的颜色,糅合了褐色的部分暖色感和大部分白色的冷色感;他们显得宁静,容易唤起人们的历史感。奶黄色是一种宁静的颜色,跟白色的纯洁相近,但又略微暖和些。

设计中,奶黄色可以设计出优雅沉稳的网站。当与桃红色或褐色结合,就会吸收它们朴实的特征。当被用作冲淡其他较深颜色的效果的时候,效果没白色来得突兀。

实例

 

Playattitude在颜色的设计,第1部分理论:色彩的意义
 
奶黄色背景被网站上的其他冷色调颜色衬得稍带点暖色感。

 

Artinmycoffee在颜色的设计,第1部分理论:色彩的意义

 
浅奶黄色背景,被橙褐色衬得更带暖色感。

 

Musiccityunsigned在色彩理论的设计师,第1部分:色彩的意义

 
奶黄色背景让这个网站表现出一种低调的优雅感。

 

Karijobe在颜色的设计,第1部分理论:色彩的意义

 
这里的奶黄色背景加上整个设计的图案,突出了一种古色古香的主体。

 

Culinaryculture在颜色的设计,第1部分理论:色彩的意义

 

乳白色与其他浅色和首饰颜色结合,整体外观产生一种非常优雅的设计感。

 

作者:网站建设-野魂
幻想互动网站建设团队博客(www.hx-h.com
仅代表作者个人观点。版权归幻想互动(FI)所有,严禁转载

 

  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.

无觅相关文章插件,快速提升流量