如何在网站设计中运用“色彩学”？曾经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗？或者你一直不解为何银行、公司行号或金融机构的网站总是使用蓝色系？那么你一定不能错过这个问题啦。虽然大部分的网站开发人员都很清楚网络所使用的色盘和计算色彩的 16 进位系统，但对色彩学和有效色彩组合背后所隐含的原理依然懵懵懂懂
如何在网站设计中运用“色彩学”？
曾经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗？或者你一直不解为何银行、公司行号或金融机构的网站总是使用蓝色系？那么你一定不能错过这个问题啦。虽然大部分的网站开发人员都很清楚网络所使用的色盘和计算色彩的 16 进位系统，但对色彩学和有效色彩组合背后所隐含的原理依然懵懵懂懂。一直以来，颜色本身就是一个难解的谜题。举例子来说，苏格拉底就曾经假设说shuō 「火【拼音：huǒ】」之源起，乃是因眼睛结合了对象本身的「白」#28whiteness#29所产生 的颜色。之后，牛顿更探索光与色彩之间的关系；其后历经许多科学研究，终于在20世纪确认了光波与色彩感应之间的绝对关系
如今，色彩调和与色彩调性方面的研究信息，直接影响了艺术家、设计师和广告AE人员。本篇关于色彩理论的指南，旨在探索如何于网站上有效使用色彩，同时也提供了许多色彩调和技巧，让您善用色彩来驾驭网站设计。
色彩所【读：suǒ】传达的意义
当我们在检视色彩的科学本质和色彩调和的美学考量时，我们发现感官在{zài}色彩运用上扮演了很重要的角色。除了感官反应与辨识调和色彩外，人类内在对色彩的反 应还有更深层的一面。色彩能引发强烈的生理/心理共鸣，不管是正面或(读：huò)负面。当你在选定颜色组合时，请确定你所选择（繁体：擇）的颜色能引起适当的回响。
色彩的生[shēng]理反应
虽然并没有直接证据显示色彩能引发特定反应，但是研究显示，某些颜色确实能够引起一些生理上的反应。例如，红色就是一种非常刺激的颜色，往往会令人心跳 加快、呼吸急澳门新葡京促。所以，红色非常适合用在需要引起注意和强调的时候（读：hòu），但若用在背景颜色的时候可能显得过于强烈
相同(tóng)地，黄色也能引起注意，但因为其反射性 太强，容易造成眼睛（练：jīng）的de 疲劳和不舒服。另外一方面，蓝色对神经系统具有放松的效果，且根据一些研究显示，以蓝色当背景还能增加生产力。但是，如果你的产品与 食物有关，千万不要用蓝色作为背景颜色，因为蓝色可是会抑制人们的胃口喔
色彩的【读：de】象征
色彩所象征的意义有时候跟大自然中的事物有关。例如，天空与太阳的颜色所产生的联想举世皆然。然而，大部分的色彩意义（读：yì）都跟民族文化有关，例如，政治、宗 教、神话或社会结构等 -- 这些因素可能会随着【拼音：zhe】时间与地域的不同而产生差异
若你设计的网站是针对国外地区，那你可千万得小心，同一颜色在不同文化可能会有南辕北辙的效果。另外，大 部分的颜色都同时具有正面和负面的联想。你可以运用色彩的质量和饱和度的不同，或者是用混合两个(繁：個)颜色的方式来强调[繁：調]某个特别的涵义
一(读：yī)般在西方的文化中，色彩所传达的涵义为：
红色：热情、浪漫、火焰、暴力、侵略。红色在很多文化中代{pinyin：dài}表的是停止的讯《繁体：訊》号，用于警告或禁止一{拼音：yī}些动作。
紫色：创造、谜、忠诚、神秘、稀有。紫色在某些文化中{zhōng}与死亡有关。
蓝色：忠诚、安全、保守、宁静、冷漠{拼音：mò}、悲伤。
绿色：自然、稳定、成长、忌妒。在北美文化中，绿色代表的是「行」，与环保意识有关，也经常被连结极速赛车/北京赛车到有关财政方面（繁体：麪）的事物。
黄色：明{pinyin：míng}亮、光辉、疾病、懦弱。
黑色：能力、精致《繁体：緻》、现代感、死亡、病态、邪恶。
白色：纯洁、天真(读：zhēn)、洁净、真理、和平、冷淡、贫乏。白色在中华文化中也代表[biǎo]着死亡的{de}颜色。
替网站选对颜色可不是一件容易的事；很多公司还特别聘请专业咨询人员，使其色彩组合能搭配、强化整体的品牌形象。但是，如果你自己就已经[繁体：經]具有色彩调和 感，并且了解某【mǒu】些颜色可能会引起什么样的反应，你只需照着你的方法进行，开发出有效的色彩组合。在你开始找寻对应的颜色之前，你必须先很清楚你网站所要传 达的讯息和目标
一但你了解要传达的讯息后，就可开始进行调{练：diào}色工作了。在过程中，你免不了要不断地试验混合《繁体：閤》颜色，这是一个极具创意的过程。别害怕使用大胆 的颜色组合，但在将你的产品公诸于世之前，记得要经过充分的测试[繁：試]喔！
色彩的使用技巧与yǔ 指针
1. 了解你的de 网站所要传达的讯息和品牌。选择可以加强这些讯息的颜色。例如，如果在设计一个强调稳健的金融机构，那么就要选择冷色系、柔（róu）和的颜色，像是蓝、灰或绿。在这样的状况下，如果使用暖色系或活泼的颜色，可能会破坏了该网站品牌。
2. 了解你的读者群。文化差异可能会huì 使色彩产生非预期的反应。同时，不{练：bù}同地区与不同年龄层对颜色的反应亦会有所不同。年轻族群一般比较喜欢饱和色，但这样的颜色却引不起高年龄层的兴趣。
3. 不要使用过多的颜色。除了黑色和白色以外，约选[繁体：選]择四到五个颜色就够了。太多的颜色会导致混[hùn]淆，也会拉走读者的注意力。
4. 在阅读的部分使用对(繁体：對)比色。颜色太接近无法产生足够的对比效果，也会妨碍观众阅读开云体育。白底黑字的阅读效果最好。
5. 用灰阶来测试对比。当你在处理黑色、白色和灰色以外的颜色的时候，有时候会很难决定每个颜色的相（拼音：xiāng）对值。为了要确认你的色盘能提供足够的（拼音：de）对比，你可以建立一个仿(繁：彷)真网站，并将它转换成灰阶即可。
6. 选择颜色要注意时效性。同一个色彩很容易就充斥着整个市场，且消费者很快的就对流行色彩感到麻木。但就另外一个角{pinyin：jiǎo}度来看，你可以使用几十年前的流行色彩，引{读：yǐn}起人{拼音：rén}们的怀旧之情。
7. 选择色盘时请考虑功能性的颜色。别忘了将关键信息部分建立功能性的颜色，例如[读：rú]标题和超(pinyin：chāo)级（繁：級）链接等。
8. 注（繁：註）意网站色差问题。每一个网站开发人员都知道，即使是网络通用颜色在跨平台显《繁体：顯》示的时(繁体：時)候都会有些不同。记得要校正你的 gamma 值，并在不同的作业平台上测试你的色盘。
色彩（繁：綵）理论基础
色彩（繁：綵）学
我们能看到颜色是靠三个元素相互作用而成：光(pinyin：guāng)源、物体的反射特性、以及人体视网膜和脑部视觉皮质区对光波[读：bō]的处理方式。不管我们使用哪种媒材来作（pinyin：zuò）业 -- 绘画、印刷或网络 -- 我们都得依赖上述过程才能有效使用颜色。
色彩[繁体：綵]的排列 -- 彩虹
十七世纪末期，牛顿证明了色彩并非存在于物体本身，而是光作用的结果，且只[拼音：zhǐ]要将可视（读：shì）光谱上的长短光波结合起来即可形成白光。这些【xiē】可视光的波长可对应到七个不同的颜色：红、橙、黄、绿、蓝、靛、紫。
牛顿在实验中所分离出来的（de）可视光谱其实才占了所有电磁光谱的一小部分，整个光谱范围从分为「短频、长波区」（例如收音机调频）到「高频、短波区」（例如 X 光）。可视光谱的（练：de）区域是介于红{繁体：紅}外线与紫外线之间，波长约为 400nm #28紫色#29 到 700nm #28红【繁体：紅】色#29 之间。虽然牛顿证明这些光波结合在一起即形成白光，但其实只需要红、绿、蓝三光波就可以产生白光。
光的吸收与反[pinyin：fǎn]射
当光波投射在物体身上后，该物质会传送、吸收或反射不同部分的光波。根据不同物体的特性以及它本身的【拼音：de】原子构造，它可能反射了（繁：瞭）绿光但吸收了其它的波长。这时候人们（繁体：們）的视网膜和脑部视觉皮质区会处理此一反射光，然后形成我们所看到的颜色。
艺术家和设计师将颜色复制到画布或纸张上的时候{读：hòu}，他们便是仿真此一过程，利用颜料吸收了某个部分的光波、反射出其它光波。例如要产生绿色，我们可使用会吸收红、蓝光波的颜料即可。此一过程是（拼音：shì）所有绘画与印刷媒体的色彩模式基础。
一切靠眼睛（读：jīng）
当然，不论是反射自物体或是发射自光源本身，我们处理光波的能力都是靠视网膜和脑部的视觉皮质区。视网膜内有三个接收器（或者说是锥细胞）可响应某些光 波的频率。红色锥细胞能感应低频率的波长，绿色锥细胞反应的{pinyin：de}是中频率的波长，蓝色锥细胞反应的是高频率的波长。这些锥细胞的运作并非二元性的，而是类似频 道一样，可将刺激分别传达至脑部的视觉皮质区，经过处理后才产生出[繁体：齣]我们所看到的颜色。
为了产出特定颜色，艺术家/设计师们必须靠着【练：zhe】增减光波的方式，让人体内的视觉接收器只反应到某些光波。至于应该用加法或减法原理，则要看你使用何种材质来表现你的作{练：zuò}品了。
设 计师处理颜色的方法通常有两{pinyin：liǎng}种{繁：種}：一、加色法，混合不同颜色的光波以形成白光；二、减色法，使用颜料来减少光波。传统的艺术家所使用的色盘和 CMYK 系统都是减色法(读：fǎ)模式。在网站上，我们所面对的是光的投射，而不是从物体上反射回来的光，所以使用的是加色法模式，我们称它为RGB。
加色法
在大自然中，我们所看到的光波是经过物体反射进入我们的视网膜，但产生色彩的方式不仅只这一种。例如，舞台灯光是利用白光穿过有色滤镜来产生不同的色 光。计算机屏幕也是使用投射光波的方式（读：shì），但不同的是它藉由让电子光枪发光投射到含hán 磷的屏幕来产生色光
这些电子光枪可以发出三种颜色：红、绿[繁体：綠]、蓝。藉由这 三种色光，计算机屏幕可制作出完整的光谱pǔ 。这就是大家所熟知的 RGB 色系
在 RGB 系统中{pinyin：zhōng}，设计师也可以透过混合三原色的方式做出一个光谱。混合任两个原色，就会产生三个次原色：青、洋红、黄[繁体：黃]。如前面所说的，将光的三原色加在一起就可以 做出白光
所以，如果一个 RGB 的值为 255，255，255 则表幸运飞艇示为白色。如果完{练：wán}全拿掉这三原色的光 #28RGB: 0，0，0#29 则产生黑色。
减（读：jiǎn）色法
RGB 模式的相反模式就是 CMYK 模式，也就是使用减少光波的方式来产生颜色。由于物体颜色来自于反射的光波，此一系统乃使用三原色来吸收物体的红、绿或蓝光。例如，如果你【读：nǐ】减少了红光，那 么多余的绿色波和蓝[繁体：藍]色波就会产生青色
用来除去红光、反射绿、蓝光的颜料就会显(繁体：顯)示青色。相同的，平面印刷设计师会使用洋红来吸收掉一部份的绿光，以及使用《yòng》 黄光来吸收掉一部份的蓝光。
这样一来，我们很明显的可以（练：yǐ）知道 CYMK 模式中所使用的三原色就是 RGB 模式中的次颜色，反之亦同。再者，如果将红、绿、蓝光混合在一起形成白光，那么就表示将青、洋红、黄三色的颜料混合在一起就会产生黑色，因为三原色的光波 都将被颜料{拼音：liào}所吸收了。然而受限于颜料和印刷系统的因素，混合《繁体：閤》青、洋红、黄并无法完全吸收掉所有的光波。因此实际上还必须加上一个黑色才能完成，所以就产生 了 CMYK 里面的 K 元素了。
色彩{练：cǎi}管理
由于有这两套不同的复制颜色方式，设计师若必须同时创作 数字与印刷影像（pinyin：xiàng）可就伤脑筋了。除了对应加色法和减色法之间的困难外，RGB 和 CMYK可使用的色彩范围差异也相当大。因此对跨媒体设计师而言，拥有一套可（练：kě）根据输出设备做色系转换的色彩管理系统可减轻不少头痛问题。色彩管理系统可{拼音：kě}包 含在操作系统，某些应用软件之中。
视觉设计最大的挑战之一便是找出有效的调和色彩，让色系既不过于单调，也不过于《繁体：於》夸大。想了解色彩平衡之间的关[繁体：關]系，可从了解色环开始着手。色环呈现出某一色彩模式中所有可能的色相
每个色彩模式都（读：dōu）包含了一组三原色，然后经由这一组三原色的相互混合而产(繁：產)生不同的颜色。在传统色彩学中，三原色指的是蓝、红、黄；而在（练：zài） RGB 色彩模式中，色光的三原色是指红、绿、蓝。任何两个色光的组合会产生一组次颜色
三次色则是混合了原色与次色，或者是混合两种次原色所产生。我们用色环来 呈现颜色的逻辑性。你可以从下面的图中看出， RGB 的色环和传(繁：傳)统艺术家们所使(拼音：shǐ)用的色环是很不一样的
同色调和：单一颜色，只是深浅、色调和明暗度不同[繁：衕]。
近似色调和：使用邻近的颜色或在色环上很接近的颜色做[拼音：zuò]调和。
互补色调和：使用色环上《读：shàng》两个相对的颜色做调和。这样的颜色组合通常可以提供最大程度的对比感觉，但若过份使[读：shǐ]用使会流于夸大。
对比色调和：使用一种颜色，再加上其互补色旁边的{读：de}两个颜色做调和。对比色调和能提供比互补色调和较柔和的对《繁体：對》比。
三角调和：使用色环上三(皇冠体育sān)个等距离颜色。
双[繁体：雙]互补调和：使用两组 #28共四色#29 互补颜色。
在探索色彩调和的时候，通常最好从(繁体：從)纯色下手，然后再尝试不同程度的渲染、色调和明暗度。接着你可使用网站仿真图先行测试某[pinyin：mǒu]颜色组合的视觉特效。记得，对比的重要性不只是在于为了吸引人而设计；它也可能帮助{拼音：zhù}或妨碍网站的阅读性。
本文链接：http://21taiyang.com/Family/3341439.html
网【繁体：網】站设计中不同色彩的意义 如何在网站设计中运用“色彩学”？转载请注明出处来源