首页 » 建站 » 网站设计 » 正文

管窥网页设计中的色彩理论

发表于: 汉林设计信息网-翰林院营销顾问 · 2011-4-14 ·  1,660 views  ·  0 replies 

无可争议地,任何设计中最重要的一个方面就是色彩。设计者对风格的定位,和它所产生的影响、所表达的感情、意图一道,很大程度上都基于他们对颜色的选择。颜色是所有设计者在制作网页时都应该了解的有力而重要的工具。

A Look into Color Theory in Web Design

有关颜色的术语

你们很多人也许曾在学校里学到过一些色彩的基础知识,不过让我们来迅速回顾一些术语以便于更好地掌握色彩和使用它们。

色环

Color Wheel Main Groups

色彩按照惯例被显示在色环中,从中我们可以将所有颜色分为三类:基色,次生色和三次色。

三种基色是红、蓝、黄。通过混合这些颜色可以产生色环上所有其它颜色。

将基色混合,就得到次生色,即橙色、绿色和紫色。

三次色是指像黄绿色或蓝绿色这样的间色。它们是经过混合基色和次生色而来的。

颜色的关系

用于形容色彩的术语极为丰富,这将有助于我们接下来对颜色和它们的感情含义的探讨。

互补色是指在色环上相互正对的完全互补的颜色。比如蓝色和橙色,紫色和黄色以及红色和绿色。

相似色是色环上相邻近的颜色,所以当它们被一起使用时可以和谐交融却几乎不能提供对比反差。

基于感情的色系

颜色根据感情被划分为三种:暖色、冷色中性色

暖色唤起温暖,如红色,黄色,橙色等。

冷色使人们想起清凉或寒冷,如蓝色,绿色和紫色。

中性色,正如术语所界定的,并不会使人大量产生一种情绪。灰色和棕色均属于中性色。

知晓以上术语可以成为设计者的一项优势——不置一言地在网页设计中产生含义和引导特定情绪。

颜色设计的种类

Types of Color in Design

根据你的设计,有两种不同的颜色系统以供使用。

RGB是红绿蓝的简称,是由光产生的三基色。RGB被用于电视机、电脑显示器以及任何一种屏幕。

CMYK,青色、洋红、黄色和黑色的简称,由颜料产生,被用于印刷。

网络设计应使用RGB系统。

选择用更明智的色彩表达含义

Making Wise Color Choices to Convey a Meaning

色彩理论是善用颜色的隐含意义带来感官体验的实践。这可以为网络设计提供一些知识和思考。

人们通常不同意特定颜色的含义以及设计者应使用什么颜色来表达特定的情感。然而,不容争辩的是消费者的情绪确实对色彩有所反应。

当你为设计选择颜色时,应该深思熟虑,不要漫无目的地使用颜色。相反地,应使用适合您的目标受众的颜色,表达客户要你转达的信息以及你想要用户在你的网站体验到的整体感觉。

暖色可以带来明媚的情绪,是网页设计中需要使人想起幸福和快乐时的明智选择。例如在2009年全球经济萧条的情况下,黄色成为网页设计的流行色,公司希望消费者在浏览他们的网站时感到阳光和舒适。

冷色最好用在专业性强和轮廓鲜明的网站,以塑造一个冷静的企业形象。冷色可以挑起权威、建立和信任。例如,蓝色图案被使用于许多银行网站,如大通。在一个关于乐观主题的网站上使用冷色是不明智的,因为用户将得到错误的印象。

Making Wise Color Choices to Convey a Meaning

颜色对用户意味着什么

大多数颜色可以被赋予积极的或消极的意义,取决于如何使用,周围的其它颜色,以及该网站本身的内涵。

以下是一些受欢迎的颜色的一般含义。

红色

What Colors Mean to Users

红色代表火和力量,与激情和重要性相联系。它也有助于刺激能量和兴奋。红色的消极内涵是愤怒,紧急情况和愤怒,这源于红色热情和积极的性质。

橙色

Orange

橙色是色环上相邻的红和黄两种颜色的结合。橙色象征着幸福,欢乐和阳光。这是一个快乐的色彩,唤起孩子般的繁荣。

橙色不如红色那样积极,但也带有一些相同的性质,促进精神活动。它还象征着无知和欺骗。

黄色

Yellow

明亮的黄色是一种代表积极的快乐的颜色。黄色的特点:欢乐,智慧,明朗,能量,乐观和幸福。

肮脏的黄色带来负面的感觉:警告,批评,懒惰和嫉妒。

绿色

Green

绿色象征自然,具有愈合的特性。它可用于象征发展与和谐。绿色使人们感到安全。医院经常使用绿色。

另一方面,绿色象征着金钱,显示贪婪或嫉妒。它也可以用来象征缺乏经验,或是需要成长的初学者(“耳朵后面绿”)。

蓝色

Blue

蓝色是一种和平,平静的颜色,散发着稳定和专业。因此这是一种公司网站中经常使用的颜色。蓝色还可以象征信任和可靠性。

一个酷的图形可以诠释出蓝色的消极面,象征着萧条,冷漠和被动。

紫色

Purple

紫色是一种显示财富和奢侈的象征王权和诡辩的颜色。它也给人一种灵动的感觉,鼓励创造性。

明亮的紫色可以散发出一种有魔力的感觉。这对于促进创造性和女性特质也有好处。

暗紫色使人联想起忧郁和悲伤。

黑色

Black

尽管黑色并不属于色环的一部分,它仍可以用来暗示情绪和意义。它常与权力,优雅,精致和深度相联系。据说以黑色的穿着去面试可以展示被面试人是一个强大的个人,网站也是如此。

黑色也可以被看作是消极的,因为这种颜色与死亡,神秘和未知相联系。这是悲伤,哀悼和悲痛的颜色,因此必须有智慧地使用。

白色

White

白也并非色轮的一部分,象征着纯洁和天真。它还表现清洁和安全。

相反,白色可以被看作是寒冷而遥远,象征冬天的严酷和痛苦的特征。

大公司网站中的色彩运用

我们来看一些大公司的网站,从而知道他们如何使用色彩以及颜色对他们的用户意味着什么。

耐克

Nike

耐克经常更换他们的网站,但通常是黑色和灰色等深色调。黑色显示了他们产品的影响力,给人以他们销售优质运动产品的印象。

白宫

White House

白宫的网站大多是白色,和浅灰色,夹杂一些蓝色和红色。白色象征着希望和自由,呈现出安全和纯净的价值观。红色和蓝色当然是代表美国的其它颜色,但蓝色显示稳定与和平,而红色显示热情和精力。

亚马逊

Amazon

亚马逊网站大多是白色,这是从对比度和可读性来说的最好的颜色。它还表明简洁以及帮助用户自由浏览网站。相杂的橙色和蓝色可以帮助人们在该网站上感觉安逸,以及兴奋和充满希望地淘到自己满意的商品。

Verizon

Verizon

Verizon公司的主要企业品牌颜色是红色,它被使用于整个网站。这有助于刺激用户的兴奋,显示该公司销售一种令人激动和快节奏的产品。白色背景的采用类似亚马逊,通过显示一个清洁有序的站点以帮助用户浏览。

Best Buy

Best Buy

Best Buy在网站上展示了深蓝色的色调,以显示其在电子市场的稳定和力量。买家正在大量从Best Buy购买物品,需要在其网站上感到保障与和平。黄色散发出幸福,有助于使人们在购买的同时感到兴奋和喜悦。

嘉信理财

Charles Schwab

嘉信理财是一家投资公司,在一个不稳定的市场,他们需要使消费者感到他们的网站上的和平。他们使用浅蓝和深蓝以实现这一目标,在他们的网站上建立一个平静与和平的气氛。中性的褐色是另一种帮助企业化解用户感受的颜色。橙色的添加是为了用来在购买股票时产生兴奋,并帮助该网站显得更快乐。

道奇

Dodge

道奇的网站大部分是黑色,这使得他们的图像得以流行。他们使用红色作为搭配。黑给出了网站强有力的特性,显示他们产品的复杂和男性特征。黑色的运用巧妙地使产品看上去昂贵和有价值。红色表达激情和刺激,以及对吸引消费者购买一个重视承诺和质量的公司的车辆的希望。

Whole Foods

Whole Foods

Whole Foods使用的公司品牌颜色以及他们的网站,主要是绿色的。Whole Foods销售的健康和有机食品价位较高。网站设计中的绿色在显示自己的健康和纯净的价值观,以及他们亲自然的产品方面表现突出。他们还利用一些非常符合绿色的淡黄色作为搭配,使网站展现欢乐的价值观。

如何在网页设计中运用颜色

How You Can Use Colors in Websites

不必使用描述性词语,颜色就可以给出含义。它们能产生很多影响,无论你是否中意。他们可以帮助您在网站中吸引用户的眼睛,创造运动和以及引导网页上的用户。正如在很多企业网站上,它们创造情感,帮助用户建立该公司有关何事,所售何种产品的观念。

通过仔细挑选互补的颜色突出你的优势,展现你想要出售的物品的价值。

配对的颜色可助人完全改变网站的意义。为浅蓝色的网站搭配鲜橙色,可以创造沉静的特质,你可以把网站改得更加令人兴奋和喜悦。

也许你的客户认为您所设计的网站使用过多的深灰色调而显得苛刻。加入柔和的蓝色可以使网站的设计有一个更沉静与和平的基调。

可供你玩转色彩的资源

Resources for Having Fun with Colors

有许多网站讨论色彩理论和颜色在设计中的使用。使用下面这些有用的资源寻找颜色搭配,为您的网站设计注入更多的意义。

本文链接: http://www.hanlinweb.com/web-color-theory.html
0 like+
«上一篇: :下一篇»

相关文章

WEB设计中的形状研究

WEB设计中的形状研究

一般来说,在网页设计中没有说哪个元素或原理要比另一个更...

网页设计的相对主义论

网页设计的相对主义论

相对主义的概念是指一个观点不会是绝对的真理或正确。对于...

网页设计中内容居中错位现象

网页设计中内容居中错位现象

最近在给客户做一个企业站点。做完HTML之后检查下代码。通...

网站设计页面形式的分析

网站设计页面形式的分析

没有一个好的网站设计基础,就不会取得理想的网站排名效果...

客户说网站要做大气一点

客户说网站要做大气一点

在百度UEO看到篇文章,觉得还满有点意思,分享给大家看看。...

Windows平台上的强大的文本编辑器

Windows平台上的强大的文本编辑器

这里介绍两款灰常强大的软件,就是那些能让你们保持高效率...

0 thoughts on “管窥网页设计中的色彩理论”

  1. 还没有任何评论,你来说两句吧

Leave a reply