当前位置:首页 >> 冶金/矿山/地质 >>

浅谈网页设计中的色彩理论_图文

无可争议的是,色彩是任何设计领域中最重要的一方面。 设计师在决定了一个网站风格的同时, 也决定了网站的情感, 而情感的表达很大程度上取决 于颜色的选择。颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点。 一、颜色术语 你们当中很多人可能已经在学校学过一些色彩基础知识, 让我们快速回顾一些术语, 来更好 的把握色彩和运用色彩。 色轮的主要组成 所有的色彩能在一个色轮中呈现。在这个色轮中,我们能把颜色分成3大块:原色,辅助色 和第三颜色。 三原色分别是红色,蓝色和黄色。这些色彩是基础色,他们组成了色轮上的所有其他颜色。 把原色混合在一起,你就能得到辅助色,它们是橙色、绿色和紫色。

二、颜色的关系 描述颜色有大量的术语,了解这些术语将有助于我们讨论的色彩和色彩的情感含义。 互补色是互补互调的色彩,它们坐落在色轮上对立的位置。这些互补色有蓝色和橙色、紫色 和黄色、以及红色和绿色。 邻色是色轮上相毗邻的色彩,所以当邻色一起用时,可以是很好的搭配,但不会有明显的对
(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

比。 第三颜色是由中间色组成的,例如黄绿色和蓝绿色,即由一个原色和一个辅助色混合组成。

三、基于情感的色彩群体 一些色彩群体是和情感联系在一起的,比如温暖、冷静和中立的情感。 暖色能让人感觉到温暖,例如红色、黄色和橙色。 冷色让人联想到凉爽和寒冷,例如蓝色,绿色和紫色。 中性色,顾名思义,并不创造怎样的情感。像灰色和棕色就是中性色。 了解色彩这些方面的知识可以用帮助一个设计师在设计网页时不用文字就能表达特定含义 和特定情感,并彰显优势。
(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

四、设计中颜色的类型

这里有两种不同的颜色系统,两者的运用取决于你设计什么。 RGB 是这个色彩系统中三个基本色“红、绿、蓝”的英文缩写,这三种基本色是光的三原色。 RGB 运用在电视电脑屏幕和任何类型的屏幕上。 CMYK 是“青色、洋红、黄色、黑色”的英文缩写,这些颜色是颜料的原色,CMYK 被运用 于印刷。 网页上的设计是建立在 RGB 色彩系统上的。 五、明智地选择色彩、传达意义

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

色彩理论是运用颜色背后的意义给用户带来感官体验的实践所得。 这种实践经验再加上一些 知识和想法可以运用到网页的设计中去。 人们往往不会同意一些特定色彩的含义以及设计师们应该用哪些颜色来加强特定的情感。 但 无需争论的是,客户对颜色是有情感的反应的。 当为你的设计品选择颜色时要慎重, 不要无目的地使用颜色。 你所选择的颜色要适合你的目 标受众、 能表达客户希望你传达的信息, 能符合你对用户在你的网站所获得的整体感受的期 望。 暖色能带来阳光明媚的情绪,用在希望带来幸福快乐感觉的网站上是明智的。举一个例子, 在2009年全球经济不太好的时候,黄色变成了网页设计中非常流行的色彩,因为公司希望 顾客在他们网站上有到阳光和舒适的感受。 冷色最好是用在想要表达出专业或整洁感觉的网站上, 以呈现出一个冷静的企业形象。 冷色 表达出权威、 明确和信任的感觉。 例如, 冷静的蓝色用在许多银行的网站上, 比如大通银行。 冷色运用在以乐观为主题的网站上是不明智的,因为用户会得到错误的印象。

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

六、颜色对于用户的意义 大多数颜色能表达积极或消极的情绪,这取决于它是怎样被运用的,以及周围其他的颜色, 还有网站本身的内涵。 以下是一些流行色彩的普遍意义。 红色

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

红色象征着火和力量,还与激情和重要性联系在一起。它还有助于激发能量和提起兴趣。 红色的负面内涵是愤怒、危急和生气,紧急情况下,和愤怒,这也源于红色本身里的热情和 进取。 橙色

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

橙色是色轮上红、黄两个邻色的组合色。橙色象征着幸福,快乐和阳光。这是一个欢快的色 彩,唤起孩子般的生机。 橙色没有红色那么积极,但是它也有一部分这样的特质,刺激着心理活动。但它也象征着愚 昧和欺骗。 黄色

明亮的黄色是一种幸福的颜色,代表着积极黄色特质:喜悦,智慧,光明,能量,乐观,和 幸福。 一个昏暗的黄色则带来负面的感受:警告,批评,懒惰,和嫉妒。 绿色

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

绿色象征着自然,并且有一种治愈性的特质。它可以用来象征成长与和谐。绿色让人感到安 全。医院经常使用绿色。 另一方面,绿色的是金钱的象征,表达着贪婪或嫉妒。它也可以被用来象征缺乏经验或初学 者需要成长( “没有经验的绿色” 。 ) 蓝色

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

蓝色是一个和平、平静的颜色,散发着稳定和专业性,因此它普遍运用于企业网站。蓝也可 以象征着信任和可靠性。 一个冷调的阴影能带来蓝色消极的一面,象征着抑郁,冷漠和被动。 紫色

紫色是皇室和有教养的颜色, 代表着财富和奢侈品。 它也赋予了灵性的感觉, 并鼓舞创造力。 较浅的紫色可以散发出一种神奇的感觉。它能很好地提升创造力和表达女性特质。 较深的紫色可以呈现出沮丧和悲伤的情绪。 黑色

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

虽然黑色是不是色轮的一部分, 它仍然可以被用来暗示感觉和意义。 它往往是与权力, 优雅, 精致, 和深度联系在一起。 据说在面试时穿黑色服装可以表现出应聘者是一个有力量的个体, 网站也是同样的道理。 黑色也可以被看作是负面的,因为它与死亡,神秘和未知联系在一起。这是悲伤、悼念和悲 哀的颜色,因此在运用时必须明智选择。 白色

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

白色,也不是色轮的一部分,象征纯洁和天真。它还传达着干净和安全。 相反,白色还可以被认为是寒冷和遥远的象征,代表着冬天的严酷和痛苦的特质。 七、大公司的网站中颜色运用的例子 我们来看看一些大公司的网站, 来知晓他们是怎么运用颜色的, 以及那些颜色对于他们的用 户来说意味着什么。 耐克

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

耐克常常更新他们的网站,但通常还是黑色和灰色的色调,它通常是暗。黑色显示着他们产 品中的力量,留给大家他们向爱运动的顾客出售优质产品的印象。 白宫

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

白宫的网站主要是白色和浅灰色, 再加上一些蓝色和红色作强调色。 白色象征着希望和自由, 显露出平安和纯洁的价值。红色和蓝色当然是美国的代表色,红色代表着热情和能量,蓝色 则代表着稳定与和平。 亚马逊

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

亚马逊的网站大多是白色的,白色有着最佳的对比度和可读性。它还显露出整洁性,让用户 能自由地浏览网站。以橙色和蓝色的强调色则让用户能感到安定、兴奋,也让他们期望找到 最满意的采购。 Verizon 公司

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

红色是 Verizon 的企业品牌主色调,也是贯穿整个网站的颜色。红色有助于刺激用户的兴 奋性, 展示出一个出售让人兴奋和快速更新的产品的公司形象。 白色背景的运用与亚马逊类 似,通过一个整洁有序的界面来帮助用户阅读这个网站。 百思买

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

百思买的网站的色调是深蓝色, 显露出他们在电子市场中的稳定和实力。 顾客在百思买上的 大量采购使得他们需要安全感与平和感。 黄色散发的快乐气氛让他们在采购时感觉到兴奋与 趣味。 嘉信理财

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

嘉信理财是一家投资公司, 在不稳定的市场环境下他们需要让消费者在他们的网站上感受到 平和。他们使用柔和的深蓝色调来实现这一点,并建立起一种平 静、祥和的气氛。中性的 棕色则是另一种帮助协调偏激的用户感受的企业色彩。 橙色作为强调色, 能让用户在买股票 时产生兴奋感,同时也为网站带来了幸福感。 道奇

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

道奇的网站大多是黑色系, 能让网站上的图片凸显出来。 他们使用一种鲜艳的红色作为强调 色。黑色给网站带来力量感,在一种精致与阳刚的氛围下展示他们 的产品。黑色是一种不 错的颜色,它能使产品看起来珍贵、有价值。红色则表达出激情和兴奋,是希望能让消费者 认为他们是从一个值得信任、质量有保障的公司购 买到的车辆。 全食食品公司

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

全食食品企业品牌的主色调和他们的网站色调一样, 是绿色。 全食食品以较高的价格售卖健 康的有机食品。 网页设计中的绿色很好的展示了他们所珍视的健康与纯净的概念, 以及他们 亲近自然的产品。他们也用了很配绿色的淡黄色作为强调色,为网站增添了趣味性。 八、颜色在网站中的运用

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

不需要描述性的文字,颜色就能赋予网站以意义。无论你是否打算为他们加上某种意义,颜 色本身就有许多特定的印象。用户浏览网页时,颜色帮助转移用户 的视线,指引用户怎么 去浏览一个页面。在许多企业的网站中可以看出,颜色表达了情感和价值观,向用户展示着 他们的公司是怎样的、他们所售卖的产品是怎样 的。 仔细挑选补色能让你更好地运用颜色,一旦选定后你想要表达的意义也就显示出来了。 配对色的运用能改变一个网站的意义。 给以柔和的蓝色为色调的、 表达出平静网站配上明亮 的橙色,就能让它变成让人更多感受到兴奋和趣味的网站。 也许你的客户认为你所设计的网站深灰色过多、 太过严肃, 加上柔和的蓝色能让你的网站有 平静、平和的基调。 九、与色彩运用相关的资源

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!

许多网站讨论过色彩理论和设计中的色彩使用。 可以运用以下这些有用的资源来寻找色彩搭 配和为你的网站设计注入更多的意义。

(本文部分资料来源于弘道经邦杭州策划公司官网 www.honbrand.com|www.honbrand.cn| www.honbrand-nj.com|www.honbrand-hf.com)或网上整合数据,如有侵权,及时告知!


相关文章:
浅谈网页设计中的色彩理论_图文.pdf
浅谈网页设计中的色彩理论 - 浅谈网页设计中的色彩理论 无可争议的是, 色彩是任
网页设计的色彩理论及应用.doc
网页设计的色彩理论及应用我们在设计的运用上重点在于创造一个没有过的形态, 把...浅析网站设计中网页色彩... 2页 免费 浅谈色彩网页设计中的... 暂无评价...
网页设计中色彩视觉元素探究_图文.pdf
网页设计、制作中进行用色、调色、配色的 技巧,是我们了解、掌握色彩理论知识的...无是应用哪种调和,都应本着和谐中求变化 3.1影响网页色彩视觉效果的软硬件...
网页设计与色彩_图文.doc
网页设计与色彩 - 色彩与网页设计 【摘要】 :在网页设计中,颜色的搭配使用占据着相当重要的地 位。一个成功的网站离不开合理的色彩设计。 【关键词】 :色彩 ...
浅谈网页设计中颜色的搭配.doc
浅谈网页设计中颜色的搭配 - 龙源期刊网 http://www.qikan.com.cn 浅谈网页设计中颜色的搭配 作者:巨峰 来源:《硅谷》2009 年第 12 期 [摘要]在网页的设计...
浅谈网页设计中的色彩理论_图文.doc
浅谈网页设计中的色彩理论 - 无可争议的是,色彩是任何设计领域中最重要的一方面。
浅谈网页设计中的色彩应用.doc
浅谈网页设计中的色彩应用 - 龙源期刊网 http://www.qikan.com.cn 浅谈网页设计中的色彩应用 作者:姜山 方巍男 来源:《电脑学习》2010 年第 06 期 摘要:本文...
浅析网站设计中的色彩搭配.doc
龙源期刊网 http://www.qikan.com.cn 浅析网站设计中的色彩搭配 作者:王伟 来源:《中国教育技术装备》2008 年第 06 期摘 要介绍网站色彩理论知识,着重论述...
浅谈色彩在网页设计中的运用.doc
浅谈色彩网页设计中的运用 - 龙源期刊网 http://www.qikan.com.cn 浅谈色彩网页设计中的运用 作者:卢思聪 来源:《文艺生活文艺理论》2012 年第 05 期...
浅谈网站设计中色彩的运用_论文.pdf
浅谈网站设计中色彩的运用 - 第 16 卷 第7 期 职 业 技 术 Vol.
浅谈网页设计中色彩的应用_论文.pdf
浅谈网页设计中色彩的应用 - !垦 Q鱼 夔 廑旦 >>> 浅谈 网页设计 中色彩 的应 用 ◆ 曾梅兰 摘要 :网页设计 中色彩 的应 用不仅要符合 自身 内...
网页设计中的色彩运用研究_图文.doc
网页设计中的色彩运用研究 - 龙源期刊网 http://www.qikan.com.cn 网页设计中的色彩运用研究 作者:万斐 来源:《现代装饰 理论》2012 年第 10 期 摘要:...
网页设计基本理论_图文.ppt
创意设计(布局、色彩、美感) 40% 使用技术 20% 页面编排 20% 占用空间 10%...无是否有用户访问,每个静态网页的内容都是保存在网 站服务器上的,也就是说...
网页设计中色彩运用的研究.doc
网页设计中色彩运用的研究 - 生网页设计中色彩运用的研究 内容摘要】 本文从 XX 师范大学教育技术专业学生设计的网页作品 出发,对其进行分析,发现设计者在网页设计...
第二章 网页版式设计与色彩搭配_图文.ppt
网页设计与制作 第二章 网页版式设计 与色彩搭配 第二章 网页版式设计与色彩搭配本章主要内容: ? 网页版式设计 ? 色彩基本理论色彩的视觉效果 ? 网页色彩及...
色彩理论基础_图文.ppt
色彩理论基础_设计/艺术_人文社科_专业资料。色彩研究基本理论知识 ...采用邻近色搭配可以网页避免色彩杂乱,易于达到页面 和谐统一的效果。 3.对比...
浅谈网页界面设计中的色彩运用.doc
龙源期刊网 http://www.qikan.com.cn 浅谈网页界面设计中的色彩运用 作者:庞立丽 来源:《科技创新与应用》2014 年第 19 期 摘要:目前,网络已经成为信息交流的...
浅议色彩元素在网页设计中的应用.doc
浅议色彩元素在网页设计中的应用 - 龙源期刊网 http://www.qikan.com.cn 浅议色彩元素在网页设计中的应用 作者:谭少娟 来源:《中国新技术新产品》2011 年第 ...
网页设计理论知识(色彩搭配).doc
色彩搭配理论知识 6页 免费 网页设计之色彩搭配 34页 5财富值喜欢此文档的还喜欢 网站颜色搭配技巧 3页 免费 网页制作中的色彩搭配和色... 5页 免费 网页设计...
网页美术设计PPT_图文.ppt
教学目的和任务:通过对色彩基础和网页配色两部分的学习,增强色彩设计理论和 规律的认识。将所学知识运用到社会实践当中去,为网页美术设计打 下良好的基础。设计出...