目录X

搭配网站色彩

AI提要（BLUF）

已经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗？？？？？？？或者你一向不解为何银杏注公司行号或金融机构的网站总是使用蓝色系？？？？？？？那么你来对处所了。。。。。。。。固然大部门的网站开发人员都很明显网络所使用的色盘和推算色彩的 16 进位系统，，，，，，，，但对色彩学和有效色彩组合背后所隐含的道理依然闾宦懂懂。。。。。。。。

几世纪以来，，，，，，，，色彩自身就是一个难解的谜题。。。。。。。。举例子来说，，，，，，，，苏格拉底就已经如果说「火」之源起，，，，，，，，乃是因眼睛结合了对象自身的「白」(whitenes s)所产生的色彩。。。。。。。。之后，，，，，，，，牛顿更索求光与色彩之间的关系；；；；；；；其后历经很多科学钻研，，，，，，，，终于在20世纪确认了光波与色彩感应之间的绝对关系。。。。。。。。

如今，，，，，，，，色彩和谐与色彩调性方面的钻研信息，，，，，，，，直接影响了艺术家、设计师和告白AE人员。。。。。。。。本篇关于色彩理论的指南，，，，，，，，旨在索求若何于网站上有效使用色彩，，，，，，，，同时也提供了很多色彩和谐技巧，，，，，，，，让您善用色彩来驾驭网站设计。。。。。。。。
色彩学

我们能看到色彩是靠三个元素相互作用而成：光源、物体的反射个性、以及人体视网膜和脑部视觉皮质区对光波的处置方式。。。。。。。。不论我们使用哪种媒材来作业 -- 绘画、印刷或网络 -- 我们都得依赖上述过程能力有效使用色彩。。。。。。。。色彩的分列 -- 彩虹
十七世纪末期，，，，，，，，牛顿证了然色彩并非存在于物体自身，，，，，，，，而是光作用的了局，，，，，，，，且只有将可视光谱上的长短光波结合起来即可形成白光。。。。。。。。这些可视光的波长可对应到七个分歧的色彩：红、橙、黄、绿、蓝、靛、紫。。。。。。。。

牛顿在尝试中所分离出来的可视光谱其实才占了所有电磁光谱的一幼部门，，，，，，，，整个光谱领域从分为「短频、长波区」（例如收音机调频）到「高频、短波区」（例如 X 光）。。。。。。。？？？？？？？墒庸馄椎那蚴墙橛诤毂硐哂胱媳硐咧，，，，，，，，波长约为 4 00nm (紫色) 到 700nm (红色) 之间。。。。。。。。固然牛顿证明这些光波结合在一路即形成白光，，，，，，，，但其实只必要红、绿、蓝三光波就能够产生白光。。。。。。。。

光的吸收与反射

当光波投射在物体身上后，，，，，，，，该物质会传送、吸收或反射分歧部门的光波。。。。。。。。凭据分歧物体的个性以及它自身的原子机关，，，，，，，，它可能反射了绿光但吸收了其它的波长。。。。。。。。这时辰人们的视网膜和脑部视觉皮质区会处置此一反射光，，，，，，，，而后形成我们所看到的色彩。。。。。。。。

艺术家和设计师将色彩复造到画布或纸樟髋赡时辰，，，，，，，，他们就是仿真此一过程，，，，，，，，利用颜料吸收了某个部门的光波、反射出其它光波。。。。。。。。例如要产生绿色，，，，，，，，我们可使用会吸收红、蓝光波的颜料即可。。。。。。。。此一过程是所有绘画与印刷媒体的色彩模式基础。。。。。。。。

所有靠眼睛

当然，，，，，，，，不论是反射自物体或是发射自光源自身，，，，，，，，我们处置光波的能力都是靠视网膜和脑部的视觉皮质区。。。。。。。。视网膜内有三个接管器（或者说是锥细胞）可响应某些光波的频率。。。。。。。。红色锥细胞能感应低频率的波长，，，，，，，，绿色锥细胞反映的是中频率的波长，，，，，，，，蓝色锥细胞反映的是高频率的波长。。。。。。。。这些锥细胞的运作并非二元性的，，，，，，，，而是类似频路一样，，，，，，，，可将刺激别离通报至脑部的视觉皮质区，，，，，，，，经过处置后才产生出我们所看到的色彩。。。。。。。。

为了产出特定色彩，，，，，，，，艺术家/设计师们必须靠着增减光波的方式，，，，，，，，让人体内的视觉接管器只反映到某些光波。。。。。。。。至于应该用加法或减法道理，，，，，，，，则要看你使用何种材质来阐发你的文章了。。。。。。。。色彩模式与色彩治理设计师处置色彩的步骤通常有两种：一、加色法，，，，，，，，混合分歧色彩的光波以形成白光；；；；；；；二、逊色法，，，，，，，，使用颜料来削减光波。。。。。。。。传统的艺术家所使用的色盘和 CMYK 系统都是减色法模式。。。。。。。。在网站上，，，，，，，，我们所面对的是光的投射，，，，，，，，而不是从物体上反射回来的光，，，，，，，，所以使用的是加色法模式，，，，，，，，我们称它为RGB。。。。。。。。

加色法

在大天然中，，，，，，，，我们所看到的光波是经过物体反射进入非凡国际视网膜，，，，，，，，但产生色彩的方式不仅只这一种。。。。。。。。例如，，，，，，，，舞台灯光是利用白光穿过有色滤韭反产生分歧的色光。。。。。。。。推算机屏幕也是使用投射光波的方式，，，，，，，，但分歧的是它藉由让电子光枪发光投射到含磷的屏幕来产生色光。。。。。。。。这些电子光枪能够发出三种色彩：红、绿、蓝。。。。。。。。藉由这三种色光，，，，，，，，推算机屏幕可造作出齐全的光谱。。。。。。。。这就是各人所熟知的 RGB 色系。。。。。。。。

在 RGB 系统中，，，，，，，，设计师也能够透过混合三原色的方式做出一个光谱。。。。。。。；；；；；；；旌先瘟礁鲈色，，，，，，，，就会产生三个次原色：青、洋红、黄。。。。。。。。如前面所说的，，，，，，，，将光的三原色加在一路就能够做出白光。。。。。。。。所以，，，，，，，，若是一个 RGB 的值为 255,255,255 则暗示为白色。。。。。。。。若是齐全拿掉这三原色的光 (RGB: 0,0,0) 则产生玄色。。。。。。。。

逊色法

RGB 模式的相反模式就是 CMYK 模式，，，，，，，，也就是使用削减光波的方式来产生色彩。。。。。。。。由于物体色彩来自于反射的光波，，，，，，，，此一系统乃使用三原色来吸收物体的红、绿或蓝光。。。。。。。。例如，，，，，，，，若是你削减了红光，，，，，，，，那么有余的绿色波和蓝色波就会产生青色。。。。。。。。用来除去红光、反射绿、蓝光的颜料就会显示青色。。。。。。。。一样的，，，，，，，，平面印刷设计师会使用洋红来吸收掉一部份的绿光，，，，，，，，以及使用黄光来吸收掉一部份的蓝光。。。。。。。。这样一来，，，，，，，，我们很显著的能够知路 CYMK 模式中所使用的三原色就是 RGB 模式中的次色彩，，，，，，，，反之亦同。。。。。。。。再者，，，，，，，，若是将红、绿、蓝光混合在一路形成白光，，，，，，，，那么就暗示将青、洋红、黄三色的颜料混合在一路就会产生玄色，，，，，，，，由于三原色的光波都将被颜料所吸收了。。。。。。。。然而受限于颜料和印刷系统的成分，，，，，，，，混合青、洋红、黄并无法齐全吸收掉所有的光波。。。。。。。。因而现实上还必须加上一个玄色能力实现，，，，，，，，所以就产生了 CMYK 里面的 K 元素了。。。。。。。。

色彩治理

由于有这两套分歧的复造色彩方式，，，，，，，，设计师若必须同时创作数字与印刷影像可就伤脑筋了。。。。。。。。除了对应加色法和逊色法之间的难题表，，，，，，，，RGB 和 CMYK可使用的色彩领域差距也相当大。。。。。。。。因而对跨媒体设计师而言，，，，，，，，占有一套可凭据输出设备做色系转换的色彩治理系统可减轻不少头痛问题。。。。。。。。色彩治理系统可蕴含在操作系统，，，，，，，，某些利用软件之中。。。。。。。。
色彩和谐

视觉设计最大的挑战之一就是找出有效的和谐色彩，，，，，，，，让色系既不外于单调，，，，，，，，也不外于夸大。。。。。。。。想相识色彩平衡之间的关系，，，，，，，，可从相识色环开始着手。。。。。。。。色环出现出某一色彩模式中所有可能的色相每个色彩模式都蕴含了一组三原色，，，，，，，，而后经由这一组三原色的相互混合而产生分歧的色彩。。。。。。。。在传统色彩学中，，，，，，，，三原色指的是蓝、红、黄；；；；；；；而在 RGB 色彩模式中，，，，，，，，色光的三原色是指红、绿、蓝。。。。。。。。任何两个色光的组合会产生一组次色彩。。。。。。。。三次色则是混合了原色与次色，，，，，，，，或者是混合两种次原色所产生。。。。。。。。我们用色环来出现色彩的逻辑性。。。。。。。。你能够从下面的图中看出，，，，，，，， RGB 的色环和传统艺术家们所使用的色环是很不一样的。。。。。。。。

同色和谐：单一色彩，，，，，，，，只是深浅、色和谐明暗度分歧。。。。。。。。近似色和谐：使用邻近的色彩或在色环上很靠近的色彩做和谐。。。。。。。。

互补色和谐：使用色环上两个相对的色彩做和谐。。。。。。。。这样的色彩组合通？？？？？？Ｄ芄惶峁┳畲笏降亩员雀写，，，，，，，，但若过份使用使会流于夸大。。。。。。。。

对比色和谐：使用一种色彩，，，，，，，，再加上其互补色旁边的两个色彩做和谐。。。。。。。。对比色和谐能提供比互补色和谐较柔和的对比。。。。。。。。

三角和谐：使用色环上三个等距离色彩。。。。。。。。

双互补和谐：使用两组 (共四色) 互补色彩。。。。。。。。

在索求色彩和谐的时辰，，，，，，，，通常最好从纯色下手，，，，，，，，而后再尝试分歧水平的渲染、色和谐明暗度。。。。。。。。接着你可使用网站仿真图先行测试某色彩组合的视觉特效。。。。。。。。记得，，，，，，，，对比的沉要性不只是在于为了吸引人而设计；；；；；；；它也可能援手或故障网站的阅读性。。。。。。。。
色彩所通报的意思

当我们在检视色彩的科学性质和色彩和谐的美学考量时，，，，，，，，我们发现感官在色彩使用上表演了很沉要的角色。。。。。。。。除了感官反映与辨识和谐色彩表，，，，，，，，人类内涵对色彩的反映还有更深层的一面。。。。。。。。色彩能引发强烈的生理 /生理共识，，，，，，，，不论是正面或负面。。。。。。。。当你在选定色彩组应时，，，，，，，，请确定你所选择的色彩能引起适当的回响。。。。。。。。

色彩的生理反映

固然并没有直接证据显示色彩能引发特定反映，，，，，，，，但是钻研显示，，，，，，，，某些色彩的确可能引起一些生理上的反映。。。。。。。。例如，，，，，，，，红色就是一种极度刺激的色彩，，，，，，，，往往会令人心跳加快、呼吸急促。。。。。。。。所以，，，，，，，，红色极度适合用在必要引起把稳和强调的时辰，，，，，，，，但若用在布景致彩的时候可能显得过于强烈。。。。。。。。一样地，，，，，，，，黄色也能引起把稳，，，，，，，，但由于其反射性太强，，，，，，，，容易造成眼睛的委顿和不舒服。。。。。。。。另表一方面，，，，，，，，蓝色对神经系统拥有放松的成效，，，，，，，，且凭据一些钻研显示，，，，，，，，以蓝色当布景还能增长出产力。。。。。。。。但是，，，，，，，，若是你的产品与食品有关，，，，，，，，千万不要用蓝色作为布景致彩，，，，，，，，由于蓝色但是会抑造人们的胃口喔。。。。。。。。

色彩的象征

色彩所象征的意思有时辰跟大天然中的事物有关。。。。。。。。例如，，，，，，，，天空与太阳的色彩所产生的遐想举世接然。。。。。。。。然而，，，，，，，，大部门的色彩意思都跟民族文化有关，，，，，，，，例如，，，，，，，，政治、宗教、神话或社会结构等 - - 这些成分可能会随着功夫与地域的分歧而产生差距。。。。。。。。若你设计的网站是针对国表地域，，，，，，，，那你可千万得幼心，，，，，，，，统一色彩在分歧文化可能会有南辕惫剞的成效。。。。。。。。另表，，，，，，，，大部门的色彩都同时拥有正面和负面的遐想。。。。。。。。你能够使用色彩的质量和鼓和度的分歧，，，，，，，，或者是用混合两个色彩的方式来强调某个出格的涵义。。。。。。。。

通常在西方的文化中，，，，，，，，色彩所通报的涵义为：

红色：周到、浪漫、火焰、暴力、侵略。。。。。。。。红色在好多文化中代表的是终场的讯号，，，，，，，，用于忠告或不容一些作为。。。。。。。。

紫色：创造、谜、忠诚、神秘、罕见。。。。。。。。紫色在某些文化中与殒命有关。。。。。。。。

蓝色：忠诚、安全、守旧、和平、冷酷、哀痛。。。。。。。。

绿色：天然、不变、成长、忌妒。。。。。。。。在北美文化中，，，，，，，，绿色代表的是「杏坠，，，，，，，，与环保意识有关，，，，，，，，也时时被连结到有关财政方面的事物。。。。。。。。

黄色：明亮、鲜丽、疾病、柔弱。。。。。。。。

玄色：能力、精美、现代赣注殒命、病态、邪恶。。。。。。。。

白色：圣洁、无邪、干净、真谟注和平、淡薄、贫乏。。。。。。。。白色在中华文化中也代表着殒命的色彩。。。。。。。。

选择最适当的色彩组合替网站选对色彩可不是一件容易的事；；；；；；；好多公司还出格礼聘专业征询人员，，，，，，，，使其色彩组合能搭配、强化整体的品牌形象。。。。。。。。但是，，，，，，，，若是你自己就已经拥有色彩和谐感，，，，，，，，并且相识某些颜色可能会引起什么样的反映，，，，，，，，你只需照着你的步骤进行，，，，，，，，开发出有效的色彩组合。。。。。。。。在你起头找寻对应的色彩之前，，，，，，，，你必须先很明显你网站所要通报的讯息和指标。。。。。。。。一但你相识要通报的讯息后，，，，，，，，就可起头进行调色工作了。。。。。。。。在过程中，，，，，，，，你免不了要不休地试验混合色彩，，，，，，，，这是一个极具创意的过程。。。。。。。。别胆怯使用斗胆的色彩组合，，，，，，，，但在将你的产品公诸于世之前，，，，，，，，记得要经过充分的测试喔！

    色彩的使用技巧与指针

    1. 相识你的网站所要通报的讯息和品牌。。。。。。。。选择能够加强这些讯息的色彩。。。。。。。。例如，，，，，，，，若是在设计一个强调稳重的金融机构，，，，，，，，那么就要选择冷色系、柔和的色彩，，，，，，，，像是蓝、灰或绿。。。。。。。。在这样的情况下，，，，，，，，若是使用暖色系或活跃的色彩，，，，，，，，可能会粉碎了该网站品牌。。。。。。。。

2. 相识你的读者群。。。。。。。。文化差距可能会使色彩产生非预期的反映。。。。。。。。同时，，，，，，，，分歧地域与分歧春秋层对色彩的反映亦会有所分歧。。。。。。。。年轻族群通常比力喜欢鼓和色，，，，，，，，但这样的色彩却引不起高春秋层的兴致。。。。。。。。

3. 不要使用过多的色彩。。。。。。。。除了玄色和白色以表，，，，，，，，约选择四到五个色彩就够了。。。。。。。。太多的色彩会导致混合，，，，，，，，也会拉走读者确把稳力。。。。。。。。

4. 在阅读的部门使用对比色。。。。。。。。色彩太靠近无法产生足够的对比成效，，，，，，，，也会故障观多阅读。。。。。。。。白底黑字的阅读成效最好。。。。。。。。

5. 用灰阶来测试对比。。。。。。。。当你在处置玄色、白色和灰色以表的色彩的时辰，，，，，，，，有时辰会很难决定每个色彩的相对值。。。。。。。。为了要确认你的色盘能提供足够的对比，，，，，，，，你能够成立一个仿真网站，，，，，，，，并将它转换成灰阶即可。。。。。。。。

6. 选择色彩要把稳时效性。。。。。。。。统一个色彩很容易就充溢着整个市场，，，，，，，，且消费者很快的就对盛行色彩感到麻木。。。。。。。。但就另表一个角度来看，，，，，，，，你能够使用几十年前的盛行色彩，，，，，，，，引起人们的怀旧之情。。。。。。。。

7. 选择色盘时请思考职能性的色彩。。。。。。。。别忘了将关键信息部门成立职能性的色彩，，，，，，，，例如标题和超等链接等。。。。。。。。

8. 把稳网站色差问题。。。。。。。。每一个网站开发人员都知路，，，，，，，，即便是网络通用色彩在跨平台显示的时候城市有些分歧。。。。。。。。记得要校对你的 gamma 值，，，，，，，，并在分歧的作业平台上测试你的色盘

【打印正文】颁布功夫：2009-05-16 21:53:43 作者：曾繁林起源：本站原创

非凡国际

首页

产品

解决规划

案例

资讯

代理

招聘

关于动易

搭配网站色彩

搜索过于频仍 ，，，，，，， ，请输入验证码

搭配网站色彩

搜索过于频仍，，，，，，，，请输入验证码