设计用超级棒配色方案及色标图表.docx
《设计用超级棒配色方案及色标图表.docx》由会员分享，可在线阅读，更多相关《设计用超级棒配色方案及色标图表.docx（16页珍藏版）》请在冰豆网上搜索。
设计用超级棒配色方案及色标图表
配色方案及色标
无论是平面设计，还是网页设计，色彩永远是最重要的一环。
当我们距离显示屏较远的时候，我们看到的
不是优美的版式或者是美丽的图片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理
解。
在此我们仅仅想告诉大家一些网页配色时的小技巧。
1．用一种色彩。
这里是指先选定一种色彩，然后调整透明度或者饱和度，产生新的色彩，用于网页。
这样的页面看起来色彩统一，有层次感。
2．用两种色彩。
先选定一种色彩，然后选择它的对比色。
3．用一个色系。
简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三种色彩以内。
2．背景和前文的对比尽量要大，（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。
色标
一. 基本配色——奔放
-----------------------------------------------------------------------------------
藉由使用象朱红色这种一般最令人熟知的色彩，或是它众多的明色和暗色中的一个，都能在一般设计和平
面设计上展现活力与热忱。
中央为红橙色的色彩组合最能轻易创造出有活力、充满温暖的感觉。
这种色彩组合让人有青春、朝气、活泼、顽皮的感觉，常常出现在广告中，展示精力充沛的个性与生
活方式。
把红橙和它的补色——蓝绿色——搭配组合起来，就具有亲近、随和、活泼、主动的效果，每当
应用在织品、广告和包装上，都是非常有效。
基本配色——奔放2
基本配色——奔放3
二. 基本配色——传统
-----------------------------------------------------------------------------------
传统的色彩组合常常是从那些具有历史意义的色彩那里仿来的。
蓝、暗红、褐和绿等保守的颜色加上了灰色或是加深了色彩，都可表达传统的主题。
例如，绿，不管是纯色或是加上灰色的暗色，都象征财富。
狩猎绿（hunter green）配上浓金或是暗红或是黑色表示稳定与富有。
这种色彩常出现在银行和律师
事务所的装潢上，因为它们代表恒久与价值。
基本配色——传统2
基本配色——传统3
三. 基本配色——低沉
-----------------------------------------------------------------------------------
不同于其它色彩展现柔和，低沉之美的灰紫色没有对比色。
灰紫色调合了红紫色、灰色和白色，是个少见
的彩色。
任何颜色加上少许的灰色或白色，能表达出的柔和之美，有许多种包括灰蓝色、灰绿色等。
但若灰紫
色本身被赋其它彩度或亮度，则可能掩盖了原颜色的原有意境。
使用补色，或比原色更生动的颜色，可使
这些展现柔和之美的颜色顿时生意昂然，但要保持自然的柔美，亮度的变化应尽少使用。
基本配色——低沉2
基本配色——低沉3
四. 基本配色——动感
-----------------------------------------------------------------------------------
最鲜艳的色彩组合通常中央都有原色——黄色。
黄色代表带给万物生机的太阳，活力和永恒的动感。
当黄
色加入了白色，它光亮的特质就会增加，产生出格外耀眼的全盘效果。
高度对比的配色设计，像黄色和它的补色紫色，就含有活力和行动的意味，尤其是出现在圆形的空间
里面。
身处在黄色或它的任何一个明色的环境，几乎是不可能会感到沮丧的。
基本配色——动感2
基本配色——动感3
五 基本配色——丰富
-----------------------------------------------------------------------------------
要表现色彩里的浓烈、富足感可藉由组合一个有力的色彩和它暗下来的补色。
例如，深白兰地酒红色就是
在红色中加了黑色，就像产自法国葡萄园里陈年纯美的葡萄酒，象征财富。
白兰地酒红色和深森林绿如果
和金色一起使用可表现富裕。
这些深色、华丽的色彩用在各式各样的织料上，如皮革和波纹皱丝等等，可创造出戏剧性、难以忘怀
的效果。
这些色彩会给人一种财富和地位的感觉。
基本配色——丰富2
基本配色——丰富3
六.基本配色——高雅
-----------------------------------------------------------------------------------
高雅的色彩组合只会使用最淡的明色。
例如， 少许的黄色加上白色会形成粉黄色，这种色彩会给 全白的
房间带来更温馨的感觉。
自然光造成柔和的 阴影，并且凸显建筑上的细微部分，如此，将能达 到设计出
幽雅的目的。
在服装设计上，米色色调高雅的亚麻、丝绸、 羊毛和丝绒能轻描淡写地表示古典、高贵的气质， 给
人一种雍容华贵的印象。
基本配色——高雅2
基本配色——高雅3
七.基本配色——古典
-----------------------------------------------------------------------------------
古典的色彩组合带有势力与权威的意味，强烈的宝蓝色（royal blue）是任何一个古典色彩组合的中间装
饰色。
它是如此地醒目，就算和其它的色彩搭配在一起，也毫不会逊色。
古典的色彩组合表示真理、责任与信赖。
又因为它接近绿色，宝蓝色会唤起人持久、稳定与力量的感
觉，特别是和它的分裂补色——红橙和黄橙色搭配在一起。
基本配色——古典2
基本配色——古典3
八.基本配色——怀旧
-----------------------------------------------------------------------------------
任何色彩搭配淡紫色，最能诠释怀旧思古之情。
能令人仿佛回到维多利亚时代，如梦似幻的时刻，优美的
诗歌和浪漫的乐章。
在紫色系中，淡紫色融合了红和蓝，比起粉色较精致，也较刚硬。
淡紫色尽管无声无息，与其它色彩
相配后，仍可见其清丽出众，往日如歌，犹在耳际。
基本配色——怀旧2
基本配色——怀旧3
九.基本配色——活力
-----------------------------------------------------------------------------------
表达活力的色彩必定要包含红紫色。
它是“运动”的最佳代言人。
红紫色搭配它的补色黄绿色，将更能表达
精力充沛的气息。
较不好的色彩是红紫色加黄色，或红紫色加绿色，这两种色彩也许暂时给人振奋的感觉，但其实已削
弱了整体的效果。
唯有黄绿色融合加上红紫色，才是充分展现热力、活力与精神的色彩。
基本配色——活力2
基本配色——活力3
十.基本配色——可靠
-----------------------------------------------------------------------------------
海蓝（navy blue）是最为大众所接受的颜色之一。
采用这种颜色的色彩组合可解释成可靠、值得信赖的
色彩。
这类组合也带有不可置疑的权威感。
警官、海军军官或法官都穿着深色、稳定的海军蓝，以便在值勤
时表现出统率、支配的权威感。
当海军蓝用红和金色来强调时，会变得较不严肃，但仍表达出坚定、有力量的感觉。
基本配色——可靠2
基本配色——可靠3
十一.基本配色——浪漫
-----------------------------------------------------------------------------------
粉红代表浪漫。
粉红色是把数量不一的白色加在红色里面，造成一种明亮的红。
象红色一样，粉红色会引
起人的兴趣与快感，但是比较柔和、宁静的方式进行。
浪漫色彩设计，藉由使用粉红、淡紫和桃红（略带黄色的粉红色），会令人觉得柔和、典雅。
和其它
明亮的粉彩配合起来，红色会让想起梦幻般的 ６月天和满满一束夏日炎炎下娇柔的花朵。
基本配色——浪漫2
基本配色——浪漫3
十二.基本配色——流行
-----------------------------------------------------------------------------------
今天“流行”的，明天可能就“落伍”了。
流行的配色设计看起来挺舒服的，但却有震撼他 人目光的效果。
淡黄绿色（chartreuse）就是一个很好的例 子，色彩醒目，适用于青春有活力且不寻常的事 物上。
从棒球运动鞋到毛衣，这种鲜明的色彩在流 行服饰里创造出无数成功的色彩组合。
黄绿或淡 黄绿色
和它完美的补色——苯胺红（magenta） 搭配起来，就是一种绝妙的对比色彩组合。
基本配色——流行2
基本配色——流行3
十三.基本配色——平静
-----------------------------------------------------------------------------------
在任何充满压力的环境里，只要搭配出一些灰蓝或淡蓝的明色色彩组合，就会制造出令人平和、恬静的效
果。
中间是淡蓝的配色设计，会给人安心的感觉，因为它看起来诚实、直接。
带着明色的寒色可保持安宁、平和的感觉。
补色和这些强调平静的色彩在明暗度方面一定要类似，这
点很重要，因为要是色彩太鲜明，会制造出不必要的紧张。
基本配色——平静 2
基本配色——平静 3
十四.基本配色——强烈
-----------------------------------------------------------------------------------------
最有力的色彩组合是充满刺激的快感和支配的欲念，但总离不开红色；不管颜色是怎么组合，红色绝
对是少不了的。
红色是最终力量来源——强烈、大胆、极端。
力量的色彩组合象征人类最激烈的感情：
爱、恨、情、
仇，表现情感的充分发泄。
在广告和展示的时候，有力色彩组合是用来传 达活力、醒目等强烈的讯息，并且总能吸引众人的目
光。
基本配色——强烈2
基本配色——强烈3
十五.基本配色——清爽
-----------------------------------------------------------------------------------
被认为是清爽的色彩组合，通常包括淡而浅的蓝绿和它的搭档——红橙色——也是它的补色。
蓝绿或是鸭绿（teal），色彩清新、舒爽，常常以纯色来描写游历与闲适。
清爽的色彩组合如果添以光彩，可散发出祥和、宁静的气息。
基本配色——清爽2
基本配色——清爽3
十六.基本配色——清新
-----------------------------------------------------------------------------------
绿色拥有同样多的蓝色与黄色，带着欣欣向荣、健康的气息。
就算是绿色里最柔和的明色，一种萧索的色调，只要配上少许的红色（它强烈的补色），即能创造出
一股生命力。
采用色相环上绿色的类比色，可设计出代表户外环境、鲜明、生动的色彩。
一如晴空万里下，一片刚整理好的草坪，天蓝草绿，合起来看是那么地清新、自然。
基本配色——清新2
基本配色——清新3
十七.基本配色——热带
-----------------------------------------------------------------------------------
色相环上带有热带风味的色调，一定包括绿松石绿（truquoise）。
添加些色彩，使其渐亮，成为绿松石绿
——一种冷色系里最温暖的色彩。
和其它蓝绿色的明色家族成员在一起，可增加宁静的感觉与讯息。
利用红橙色——绿松石绿的补色——在任一个这些色彩组合里，都有最佳的效果。
就像大自然里的花朵，这些配色设计可强化任一场景，并创造多重祥和宁静、自由自在的感觉。
基本配色——热带2
基本配色——热带3
十八.基本配色——热情
-----------------------------------------------------------------------------------
采用黄橙、琥珀色的色彩组合，是最具亲和力的。
添加少许红色的黄色会发出夺目的色彩，处处惹人怜爱。
如果充分表现出这类色彩组合的强度时，会使人联想到耀眼的金光或是珍贵的番红花。
把番红花色（saffron）加上白色，来作单色配色的设计时，会产生一种古典的美感，令人心动神摇。
淡琥珀色组成的配色，使人有舒适、温馨的感觉。
这类色调可作多种应用，像淡黄的明色可以营造出
欢乐、诚恳的气氛。
基本配色——热情2
基本配色——热情3
十九.基本配色——柔和
-----------------------------------------------------------------------------------
当我们要设计出柔和的色彩组合时，使用没有高度对比的明色，是最明智不过的了。
桃色在无言的调色板
上传达出诱人、甜美的色彩讯息，非常适合任何场所，无论是在餐厅，展示商品的店里，还是在流行服饰
中，这类色彩都展现出可爱、迷人的一面。
和紫色、绿色搭配起来，虽然色彩渐趋柔和，但是另一番奇幻的神韵却油然而生，成为一种二次色的
配色设计。
居室内的装潢，如果采用这类轻柔、缓和的色彩来设计，往往是非常理想的，因为这类色彩不但表现
出开朗、活泼的个性，同时也表现出平和大方的气度。
基本配色——柔和2
基本配色——柔和3
二十.基本配色——神奇
-----------------------------------------------------------------------------------
紫色透露着诡异的气息，所以能制造奇幻的效果。
各种彩度与亮度的紫色，配上橘色和绿色，便是刺激与
新奇的最佳代言人。
如果紫色配上黄绿色或黄橘色，色调不合、怪异，而且俗不可耐，但如果配上它真正的补色——黄色，
便能展现怪诞、诡异的感觉，令人不禁要驻足，欣赏一番。
以现代流行语来说，紫色象征“青涩”或“未成年”，常被用以代表两代关系之间的沟通桥梁。
基本配色——神奇2
基本配色——神奇3
二十一.基本配色——堂皇
-----------------------------------------------------------------------------------
纯蓝和一些红结合在一起，产生蓝紫色，这是色相环上最深的颜色，不具黑色来减低它内在的力量。
和这类色彩搭配，可象征权威，表现出皇家的气派，就象夏日的梅子，有深不可测的蓝黑，蓝紫和它
的补色——黄橙搭配起来，就创造出最惊人的色彩设计。
这种豪华的组合设计，有皇室的雍容，但除了用在这类威吓人的环境，一般是鲜少使用的。
基本配色——堂皇2
基本配色——堂皇3
二十二.基本配色——土性
-----------------------------------------------------------------------------------
深色、鲜明的红橙色叫赤土色。
我们常用它来组合、设计出鲜艳、温暖、充满活力与土地味的色彩。
这种
色彩有种淡淡的温暖，就像经过琢磨、润饰的铜器。
和白色搭配起来，就会象散发出自然灿烂的光。
土性的色彩有年轻人爱笑、爱闹的个性，令人联想到
悠闲，舒适的生活。
因为是类比设计的一部分，这种温馨、土味的色调会产生有趣的色彩组合。
例如出现在美国西部的装
潢设计。
基本配色——土性2
基本配色——土性3
二十三.基本配色——友善
-----------------------------------------------------------------------------------
配色设计要想表达友善之意时，常会使用到橙色。
这种色彩组合，开放、随和，又有一切表现能量和动力
的素质。
能够创造出平等、有序气氛，却没有强势和支配的霸气。
橙色和它邻近的几个色彩常应用在快餐厅，因为这类色彩会散发出食物品质好、价钱公道等诱人的讯
息。
橙色有耀眼、活力的特质，所以被选为在危险地区的国际安全色。
橙色的救生筏和救生设备（例如救
生衣等）可以让人轻易地在蓝色和灰色的大海里发现踪迹。
基本配色——友善 2
基本配色——友善 3
二十四.基本配色——专职
-----------------------------------------------------------------------------------
在商业活动中，颜色受到仔细的评估，一般流行的看法，灰色或黑色系列可以象征“职业”，因为这些颜色
较不具个人主义，有中庸之感。
灰色其实是鲜艳的红色或橘色最好的背景色。
这些活泼的颜色加上低沉的灰色，可以使原有的热力稍
加收敛、含蓄一些。
虽然灰色不具刺激感，却富有实际感。
它传达出一种实在、严肃的气息，绝少幽默之感
基本配色——专职2
基本配色——专职3
色彩对比
1） 同时对比与连续对比：
同时对比：
当两种颜色同时并置在一起时，双方都会把对方推向自己的补色，红和绿并置，红的更红，
绿的更绿；黑白并置，黑显得更黑，白显得更白。
这种现象属于色彩的同时对比。
连续对比：
指在不同的时间条件下，或者说在时间运动的过程中，不同颜色刺激之间的对比。
2） 色相对比：
不同颜色并置，在比较中呈现色相差异，称为色相对比。
A 原色对比：
红、黄、蓝表现了最强烈的色相气质，它们之间的对比属最强的色相对比。
令人感受到
一种极强烈的色彩冲突，似乎更具精神的特征。
B 间色对比：
橙、绿、紫为原色相混所得的间色，其色相对比略显柔和。
C 补色对比：
在色环直径两端的为互补色。
一对补色并置在一起，可以使对方的色彩更加鲜明。
D邻近色相对比：
在色环上顺序相邻的基础色相，如红与橙、黄与绿、橙与黄这样的色并置关系。
属色
相弱对比。
特征是具明显的统一调性，同时在统一中不失对比的变化。
E 类似色相对比：
在色环上非常邻近的色，如蓝与绿味蓝这样的色相对比，是最弱的色相对比效果。
F 冷暖色相对比：
从色环上看，明显在寒冷印象的色彩是蓝绿至蓝紫的色，其中蓝色为最冷的色；明
显有暖和感的色是红紫至黄的色，其中红橙色为最暖的色。
冷暖对比产生美妙、生动、活泼的色彩感觉。
冷色与暖色能产生空间效果，暖色有前进感和扩张感，冷色有后退感和收缩感。
3） 纯度对比：
一个鲜艳的红色与一个含灰的红色并置，能比较出它们在鲜浊上的差异，称为纯度对比。
4） 明度对比：
每一种颜色都有自己的明度特征。
当它们对比时，视觉除去分辨出色相的不同，还会明
显感觉到明暗的差异，这就是色彩的明度对比
色彩心理
1） 色彩的物质性心理错觉
冷色与暖色是依据心理错觉对色彩的物理性分类，对于颜色的物质性印象，大致由冷暖两个色系产生。
红光和橙、黄色光本身有暖和感，照射任何色都会产生暖和感。
相反，紫色光、蓝色光、绿色光有寒冷的
感觉。
冷色和暖色除去温度不同的感觉外，还会有其它感受，如重量感、湿度感等。
暖色偏重，冷色偏轻；
暖色密度强，冷色稀薄；冷色透明感强，暖色透明感较弱；冷色显得湿润，暖色显得干燥；冷色在退远感，
暖色有迫近感。
色彩的明度与纯度也会引起对色彩物理印象的错觉。
颜色的重量感主要取决于色彩的明度，暗色重，
明色轻。
纯度与明度的变化还会给人色彩软硬的印象，淡的亮色使人觉得柔软，暗的纯色则有强硬的感觉。
2） 颜色的表情：
色彩的情感是因为人们长期生活在色彩的世界中，积累了许多视觉经验，视觉经验与外
来色彩剌激产生呼应时，就会在心理上引出某种情绪。
红色：
是强有力的色彩，是热烈、冲动的色彩，高度的庄严肃穆。
在深红的底子上，红色平静下来，
热度在熄灭着；在蓝色的底上，红色就像炽烈燃烧的火焰；在黄绿色的底上，红色变成一促冒失的、鲁莽
的闯入者，激烈而又寻常；在橙色的底上，红色似乎被郁积着，暗淡而无生命，好象焦干了似的。
橙色：
是十分欢快活泼的光辉色彩，是暖色系中最温暖的色。
橙色稍稍混入黑或白色，会成为一种稳重、含蓄又明快的暖色，但混入较多黑色，就会成为一种烧焦
的色；橙色中加入较多的白色会带有一种甜腻的味道。
橙色与蓝色搭配，构成了最响亮、最欢快的色彩。
黄色：
是亮度最高的色，在高明度下能保持很强的纯度。
黄色的灿烂、辉煌有着太阳般的光辉，因此
象征着照亮黑暗的智慧之光；黄色有金色的光芒，因此又象征财富和权力，是骄傲的色彩。
黑或紫色的衬
托可以使黄色达到力量无限扩大的强度。
白色是吞没黄色的色彩，淡淡的粉红色也可以像美丽的少女一样
将黄色这骄傲的王子征服。
黄色最不能承受黑色或白色的侵蚀，稍微渗入，黄色即刻会失去光辉。
绿色：
鲜艳的绿色非常美丽，优雅，很宽容、大度，无论蓝色或黄色渗入，仍旧十分美丽。
黄绿色单
纯，年青；蓝绿色青秀、豁达。
含灰的绿色也仍是一种宁静、平和的色彩。
蓝色：
是博大的色彩，是永恒的象征。
蓝色是最冷的色，在纯净的情况下并不代表感情上的冷漠，只
不过表现出一种平静、理智与纯净而已。
真正令人情感冷酷悲哀的色，是被弄混浊的蓝色。
紫色：
是非知觉的色，神秘，给人印象深刻，有时给人以压迫感，并且因对比不同，时而富有威胁性，
时而又富有鼓舞性。
当紫色以色域出现时便可能明显产生恐怖感，在倾向于紫红色时更是如此。
紫色是象征虔诚的色相，当紫色深化暗化时又是蒙昧迷信的象征。
一旦紫色被淡化，当光明与理解照
亮蒙昧的虔诚之色时，优美可爱的晕色就会使我们心醉。
用紫色表现混乱、死亡和兴奋，用蓝紫色表现孤独与献身，用红紫色表现神圣和爱和精神的统辖领域
——简而言之，这就是紫色色带的一些表现价值。
黑、白、灰色：
无彩色在心理上与有彩色具有同样价值。
黑和白是对色彩的最后抽象，代表色彩的阴极和
阳极。
黑白所具有的抽象表现力以及神秘感，似乎能超越任何色彩的深度。
康丁斯基认为，黑色意味空无，
像太阳的毁灭，像永恒的沉默，没有未来，失去希望。
而白色的沉默不是死亡，而是有无尽的可能性。
黑
白两色是极端对立的色，然而有时又令人感到它们之间有难以言状的共性。
白色和黑色
升级会员 