网站设计中颜色的理论和其含义

网站设计基础－色彩理论

在色彩学中无边无际，所以我们会专注在网站设计中的UI设计，这样我们将色彩理论分为三部分：

1、对比色(Constract)──每个色彩都有其对比色，对比度远超过其他任何色彩。你可以使用下面的色轮选定一个色块，色块的对比色就在他的正对面。

2、互补色(Complementation)──颜色并不总是相互矛盾，互补色衬托彼此，让色彩看起来更亮眼。在色轮中，他们互相在隔壁。如紫色的互补色为蓝色和粉红色。

3、颜色的活力(Vibrancy)──每个颜色蕴含不同情感，较亮的暖色调(红橙黄)往往更激励人心，而较暗的冷色调(蓝绿紫)往往更令人放松。新闻网站CNN采用红色的横幅在他们的网站顶部，感觉更显眼并增加警觉感。

色彩理论在网站设计中不仅仅是视觉上的装饰，在你的企业中有个可以改变游戏规则的影响。如果你不相信，下篇文章人育信息将会告诉您。颜色的活力─色彩的感情蕴含情绪和色彩间的联系是不可否认的。事实上，在中世纪人类就已经记录色彩在心理学上的影响。在设计网站时，可以多多尝试，正确的颜色将让你的网站营造出合适的情绪和氛围。但是请注意，世界各地因不同的文化，在颜色的感知上也有所不同，此篇描述以西方文化对颜色如何看待为主。

红色

red-在网站设计中放对颜色

含意：力量、重要、年轻。红色是最刺激的颜色，代表激情和力量。红色往往可以吸引最多的关注，这就是为什么红色常常用于警告、通知和救护车上。红色用在NoWayNSA非常的适合。此网站的目的在警报由国家安全局所发出的安全威胁。在一页式网站的第一部分使用红色特别聪明，因为他除了提醒注意主要消息并引起走出危险区的反应，而向下滚动，让使用者接触更多内容。然而，使用红色也可能对你不利。因为红色可以煽动愤怒，或者是过度的刺激。若你想营造舒适的氛围，最好不要使用他。

橙色

fanta-在网站设计中放对颜色含意：亲合、能量、独特。橙色是最温暖的色调。作为主色调可以代表活力和参与，而作为次色调也可以较不显眼的方式保留这些属性。并且，橙色也有助于创造运动和能量的感觉。橙色也可以成为品牌风格的一部份，橙色在芬达和卡通网站都有很好的表现。橙色展现独特创造力，同时也保留了亲和力。

黄色

yellow-在网站设计中放对颜色含意：快乐、热情、好奇。黄色是比较通用的颜色之一，并且因为阴影有不同的感觉。明亮的黄色是最有活力的颜色，并且没有像红色的警告意味。中间色调的黄色赋予舒适感，并且令人感到振奋。暗色调的黄色散发着活力、好奇的氛围和权威，例如国王的黄金皇冠总是给人威严的感觉。网站设计公司迅当的例子中，暗黄色散发着活力和权威。这让公司看起来价值提升，并且更为专业。

绿色

green-在网站设计中放对颜色含意：稳定、环保、成长。绿色作为冷色调和暖色调之间的桥梁，并较趋近于冷色调。这意味着绿色，有着像蓝色一般放松的效果，但也保留了一些黄色活力的特质。因此，他营造了一个非常平衡稳定的氛围。可以通过Ameritrade，看出暗色调的绿色散发出金钱与丰足的感觉。

蓝色

blue-在网站设计中放对颜色含意：平静、安全、开放(浅蓝)、可靠(深蓝)。如同黄色，蓝色的含意与阴影有很大的关系。所有的蓝色代表放松和安全，但较浅的蓝色显得更友好，而较暗的蓝色显得更忧郁。像Facebook、Twitter等社交媒体网站利用浅色调或中色调的蓝色，而企业网站则偏向使用深蓝色显得较强健可靠。事件设计公司VanVliet&Trap巧妙的运用深蓝色，利用蓝花背景，在视觉上暗示其在花艺设计上有着专业知识，同时也散发着可靠和可以信任。跟花艺设计有什么关系？的确有关系，此公司专门计划像婚礼这样既大型又重要的宴会场合。

紫色purple-在网站设计中放对颜色

含意：奢华、浪漫(浅紫)、神秘。(暗紫)紫色在历史上与皇室有所关连，所以紫色保留奢华的基调，有时甚至奢华到颓废的地。因此紫色成为时尚精品、奢侈品甚至巧克力品牌的热门选择。像熏衣草较浅的紫色，被认为是较浪漫的，而较暗色调看起来则更加豪华和神秘。

黑色black-在网站设计中放对颜色

含意：力量、急躁、精致、邪恶。黑色是最强的中性色彩，黑色，几乎存在于每个网站。黑色可以有不同的特性，取决于其配套的颜色。因为黑色是最强的中性色彩，通常是给一大段文字中颜色最好的选择。在作为主色调时，能给予急躁、精致甚至邪恶的印象对于大多数网站，黑色常用于营造在精致和永恒的瞬间。像DreamandReach，当以白色字体衬托，并以简洁设计时，优雅的感觉会特别强烈。

白色white-在网站设计中放对颜色

含意：洁净、美德、简约白。色在西方社会，是与纯真、美德等关连的颜色。极简化的网站常以白色为背景。在KaloianToshev得奖的作品中，更多以白色背景吸引你，他充满活力的艺术作品，同时营造高雅的光环。

灰色grey-在网站设计中放对颜色

含意：中立、忧郁。在某些情况下，灰色给人忧郁和悲伤的感觉，灰色也是专业和传统的热门选择。然而，灰色最大的优势是，通过阴影改变其他颜色色调。通过与明亮配对，并通过扁平化设计，感觉现代感十足而非给人阴沉的感觉。

米色beige-在网站设计中放对颜色

含意：依据周围色彩。米色其主要用途是绘制出其他颜色。就其本身而言，米色显得呆板，虽然这可以被用来象征谦虚。然而，米色需要周围的颜色的特性使其更有趣。因此，米色几乎总是背景色。如Dishoom营造一个朴实、像纸一般的质感，令人感觉新鲜，并且以阴影环绕品牌名称，帮助餐厅创建出摩登、美味的感觉。

象牙色ivory-在网站设计中放对颜色

含意：舒适、优雅、简约。在情绪反应方面，象牙色和奶油色是白色的细微变化。象牙色较暖，使他更为舒服和简约，如artinmycoffee的网站设计。