当前位置:文档之家› 色彩搭配

色彩搭配

色彩理论

2009-06-23 17:59:57| 分类:个人日志| 标签:|字号大中小订阅

色彩理论(基础)

色彩理论包含多种定义,概念以及设计应用,如果罗列所有的资料那可能将会是一本百科全书,做

为引言,这里只讲几个基本概念。

———————————————————————————————————————————

——

色轮

彩圈,基于红、黄、蓝,是在传统的艺术领域. 1666年科学家牛顿首次研制圆形色圈,自此科学家和艺术家的研究和设计在此概念上不断发展,各种观点层出不穷,事实上,任何色圈或色轮的形成逻辑都是按照

颜色的阴暗进行顺序排列。

原色

红色,黄色和蓝色

在传统色彩理论,这3中颜色不能形成任何组合,或混合成其他颜色。然后其他所有的颜色正都是由

这3种颜色派生的。

第二级色彩

绿色、紫色、橙色

专色(改为:第三级色彩)

黄橙、红橙色、红紫色、蓝紫色、蓝绿色、黄绿色.

这些颜色形成了原始的和初级的颜色,这也是为什么这些色调是两个颜色字组成的颜色。如蓝绿色,红

紫色、黄橙色.

———————————————————————————————————————————

——

COLOR HARMONY(色彩的和谐,色彩调和)

和谐可以理解为把整体里的部分合理的安排,无论是音乐、诗歌、颜色、甚至是冰淇淋.

在视觉效果里,就是一些东西让人看得觉得非常舒适,愉快。它使观察者从内心里有一种秩序感以及平衡的视觉效果。当一些东西并不和谐的时候,就会觉得它混乱并且沉闷。

一个极端的视觉效果就是观察者觉得一切都很平常,很普通,人类大脑就不会受这些信息的刺激,另一个极端就是视觉刺激过了头,让人觉得非常混乱,甚至无法忍受。人类大脑也不知道什么不能排斥,什么不能接受。对待视觉需要的效果,必须依据目前的逻辑思想,色彩和谐就是要色彩让人从感观上觉得

舒服。

总之,避免极端刺激、极端复杂导致过度刺激. 和谐是一种动态平衡.

色彩和谐的方法

有很多关于和谐的理论. 以下插图和说明是目前的一些基本方法.

类似的色调

类似的三种颜色,从12色色轮中选择类似的三种并排的颜色。如黄绿色、黄色、黄橙.通常为三色.

互补的色调

互补色是在12色色轮中任何颜色所直接对立颜色,如红色与绿色、红色、紫色黄绿色.根据上图中有几个接近的黄绿色的叶子和几个接近红紫色的兰花.这些互补色调能创造最大、最高的稳定性.

基于自然色调

大自然提供了一个完美色彩和谐的出发点.在上述例子,红色黄色和绿色设计保持和谐,不管哪个领域

这种搭配都是和谐的。

———————————————————————————————————————————

——

如何与其他颜色进行关联和表现是色彩理论上一个非常复杂的部分,比较同一红色方块在不同颜色

背景下的对比效果。

在黑色下的红色显得更家绚丽和醒目,在白色背景下就稍微有些缓和,在橙色下红色则显得很沉闷,在蓝绿背景下则表现出了它的光辉。既我们看到的,红色方块在黑的背景下比其他几个颜色出现更大的刺

激效果。

相同颜色的不同组合

如果你的电脑足够色彩度并且正常显示伽玛彩色,当你把矩形中两个紫色小块进行对比时,你会发现左边的似乎更偏向红紫色。但实际上它们都是相同的颜色,只是位置替换了,这表明三种颜色会让人感

觉成4种颜色。

观察色彩效果的起点是理解色彩的相关性.色彩的饱和、冷暖等不同的色彩引起视觉和感知效果

设计配色应用实例剖析——红色系

2009-06-24 18:45:57| 分类:个人日志| 标签:|字号大中小订阅

红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的颜色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的颜色。

在众多颜色里,红色是最鲜明生动的、最热烈的颜色。因此红色也是代表热情的情感之色。鲜明红

色极容易吸引人们的目光。

红色在不同的明度、纯度的状态(粉红、鲜红、深红)里,给人表达的情感是不一样的。

红色相对于其他颜色,视觉传递速度最快。由于以上的这些红色传达出的特性,因此人们喜欢用红色作为警示符号的颜色,例如:消防、惊叹号、错误提示等等。

为了让大家对红色的理解做更好的区别,下面我们分别对红色系根据邻近色、同类色、对比色的搭

配做不同的举例分析。

朱红色

朱红色在红色系里倾向黄色方向,是大红色加入黄色而得。在色环表中,纯红色在HSB里为0度,往360度方向呈现的是冷红色系,0度方向为黄色系。

整个页面里,主色调朱红色面积非常大、确定明显,辅助色主要由黑色、深红构成,(数值上选取的是深红色做标示)。主色调的R呈现出255最高数值,S中100%,充分标明了红色最高特性。辅助色的深红R为222,B87%,显示其充当辅助角色的这一特性。

结论:

背景色朱红由于红色特性明显,饱和度、明度都非常的高,这里运用了辅助色深红、黑色压住并牵制朱红色抢眼的个性,也同样能达到突出前景主要图片内容的目的。点睛色主要用于标志的突出上,其他导航文字、图片的部分运用等,调和并达到了不至于使得整个页面刺激中又透出的沉闷感。

这类颜色的组合比较容易使人提升兴奋度,红色特性明显,这一醒目的特殊属性,比较被广泛的应

用于食品、时尚休闲等等类型的网站。

深红色

深红色在原有的红色基础上降低了明度而得,是红色系中的明度变化。通过上图的数值显示看出明

度较低。

这类颜色的组合随着明度的变暗,比较容易制造深邃、幽怨的故事气氛。传达的是稳重、成熟、高

贵、消极的心理感受。

这个页面背景色运用了纹样,是以目前选取的主色调颜色和明度较暗的深红色结合而的,使得明度

稍暗。

数值上看,主色调也就是背景色的饱和度较高,但是由于降低了明度,颜色变得较沉稳。辅助色RGB 添加了适量的其他颜色,G和B数值区别不大,因此饱和度降低,颜色趋于柔和稳定。点睛色的加入提亮,

页面视觉效果强化。

结论:

前景色通常要较明显的区别于背景色,达到台前的宣传目的。当饱和度较低的前景色与背景色变化

不明显时形成的是另外一种柔和统一的效果。

玫瑰红色

玫瑰红色在色环上实际已经接近冷色,是红色系中的色相的微妙变化,是红色系里的冷色系。我们在HSB中H数值可看出,0度为红色的最高值,越接近0度数值红色特性越明显,否则逐渐冷色倾斜,而

该数值偏离0度稍远。

这个页面主要由两种不同明度、纯度的玫瑰色调组成。两色数值显示,我们看到RGB数值中R呈现的数值最高,红色特性较明显。辅助色调的玫瑰色,加入少许G,色调向冷色稍微偏移,也由于加入了G,在HSB数值里,饱和度轻微减弱,但随着明度增加,色彩趋于艳丽,符合突出前景的目的。主色调虽然纯度达到最高饱和,但由于明度降低,相对于辅色调较沉稳,适合做背景色。

数值上看,由于背景色和前景色的明度较为接近,加入白色边框,强烈了前景色于背景色的区分,

加强视觉强化效果。

结论:

背景色和前景色的明度较接近,颜色给人的视觉表象较闷,加入少量白色划分使得色彩引导的主次

块面更分明,页面明快许多。

这类颜色的组合多用于女性主题,例如:化妆品、服装等,容易营造出娇媚、诱惑、艳丽等气氛。

明度粉红色

粉红色主要是红色系中的明度的高亮度的变化。是红色系里的冷色系。RGB数值显示明度较高,因

此HSB中S纯度下降,几乎呈最低值。

主色调和辅助色调数值对比可知:主色调混合的G的份量较多且明度较高,因此纯度较低,色调柔和,在框架区域内较适合做类似背景色的辅助性岗位。辅助色R数值比主色调的R数值稍高,红色性稍明显,加入的G相对少,B明度稍低,因此相对纯度要高,辅色位置应用在框架区域的导航位置,起到突出

导航作用。点睛色突出标志及购物主体的作用。

背景白色除了突出前面粉红色主体的作用,在前景也有出现,背景色与前景色的相互牵制,减少空

间距离的效果。

结论:

RGB数值中,数值同时呈现相近的高数值时,色彩越柔和协调,纯度相对降低,页面呈高明度灰色段,视觉刺激缓慢。这里以粉红色为主色调的页面,女性主题内容特征倾向明显。这组粉红色页面里,由于纯度都较低,任何一个纯度高小面积使用的颜色都能起到点睛的效果。

这类颜色的组合多用于女性主题,例如:化妆品、服装等,鲜嫩而充满诱惑,传达着柔情、娇媚、

温柔、甜蜜、纯真、诱惑的心理感受。

对比色:橙红色+蓝色

严格上来说,橙色是蓝色的对比色,这组对比色中的橙红色倾向于红色。

该页面的背景色使用纹理图形由深至浅的制造空间范围,模拟真实环境。这里的数值选取其中间色值来分析,由于背景蓝色B的明度较低,又由于冷色比暖色视觉传递速度慢的特点,很适合作为辅助角色突出前景的应用。主色调橙红色R的数值达到最高值255,SB都达到了最高值100%,视觉刺激非常强烈,运用大面积高纯度来突出蓝色产品主体物,又形成了一次页面上的视觉对比--背景蓝色与前景橙红色,前

景橙红色与产品主体物蓝色的二次对比。

点睛色白色,使这组对比色在页面中表现得更协调,调和的作用。

结论:

颜色的深浅除了能营造空间感的效果,也能辅助性的制造主次效果。颜色除了性能对比,面积对比、

位置安排也是制造主次效果的关键。

这组橙色蓝色对比色在比其他两组对比色红色绿色,黄色紫色应用得多,能迅速的传达主题内容、容易增添强烈的兴奋度,多用于食品、休闲娱乐、产品等,但却又是跨越于各行业的主题网站,适用的范

围非常大。

配色:红色+黑色

红色与黑色的搭配在商业设计中,被誉为商业成功色,鲜亮的红色多用于小面积的点缀色。

从数值上看,红色添加了G和B饱和度稍降低,因此该红色大面积使用不会觉得刺激或不舒服,这也与背景色蓝色加入了适量渐变的技法,使得页面的节奏呈现缓和。辅助色黑色的加入,与深红色在明度

拉大,页面色彩元素相对活跃不少。

点睛色白色,所放的位置和面积,起到平衡黑色位置面积的作用,当然也达到醒目的效果。

结论:

这里颜色位置的摆放,起到平衡页面视觉,突出主题效果。背景色加了渐变效果、整体与前景人物黑色对比呈浅色,前景人物黑色与背景深红色、背景深红与前景白色文字相互之间的关系,构成空间环境

的视觉效果。

这组配色中,红色是降低了明度的深红色,为主色调和背景色的大面积使用。红黑搭配色,常用于较前卫时尚、娱乐休闲、电子商务等等要求个性的网页设计配色里,也又有用于部分政治、新闻的页面。

配色:红色+黑色+灰色

这组配色,达到最高纯度的红色做小面积的使用。虽然这里选取了红色做为辅助色,但从整个页面的功能和所表达的主题来看,红色可以作为该页面的点睛色,强烈的突出了主题。

红色的数值显示,HBS中的H为0度,达到红色特性的最高值,S为最高饱和度100%,在明度最低的黑色背景的衬托下,其特性发挥到极致,页面醒目而响亮。

红色与黑色本是对比强烈的配色,但由于背景灰色的作用,缓和整个页面的视觉刺激度。背景色灰色RGB数值变化不大,因此颜色纯度较低、趋于平稳柔和,辅助前景内容的呈现。

白色让前景和背景的划分更明显,活跃页面中的色彩元素。

结论:

使用面积小的纯度高的颜色在非色彩的黑色和灰色上,是产生变化页面的颜色,达到容易突出主题

的目的。

本部分小节:

● 红色在RGB数值的R为255左右,HSB数值的H中为0度左右,达到红色最高值。随着纯度的提高、亮度的适度增加,它易于迅速的传达、醒目性的特征发挥得越明显。和其他颜色一样,颜色相互混合的越多,明度越低,饱和度越低,视觉冲击力越弱。

● 颜色的对比:对比色红色绿色的搭配,红色的特性发挥得越明显。绿叶衬红花的效果。另外红与

黑的搭配,也较能展现红色的魅力。

● 根据主题的需要,除了对比色的应用,还有面积上、位置上的对比应用,也能很好的配合达到突

出主题产品主体物的目的。

设计配色应用实例剖析——蓝色系

2009-06-24 18:47:13| 分类:个人日志| 标签:|字号大中小订阅

蓝色是色彩中比较沉静的颜色。象征着永恒与深邃、高远与博大、壮阔与浩渺,是令人心境畅快的

颜色。

蓝色的朴实、稳重、内向性格,衬托那些性格活跃、具有较强扩张力的色彩,运用对比手法,同时也活跃页面。另一方面又有消极、冷淡、保守等意味。蓝色与红、黄等色运用得当,能构成和谐的对

比调和关系。

蓝色是冷色调最典型的代表色,是网站设计中运用得最多的颜色,也是许多人钟爱的颜色。

蓝色表达着深远、永恒、沉静、无限、理智、诚实、寒冷的多种感觉。蓝色会给人很强烈的安稳感,同时蓝色还能够表现出和平、淡雅、洁净、可靠等。

下面我们根据蓝色系不同属性的同类色、邻近色、高纯度对比、相对对比色等色彩搭配做不同

的举例分析。

蓝色系分析:(高纯度对比:蓝色+玫瑰色)

蓝色的HSB数值H色相为240度时是正蓝色。上图的HSB模式S数值显示,所有主要配色的饱和度都是100%。从主色调、辅色调HSB模式的数值可看出,这两种颜色在明度上有较大的区别,色相上稍有轻度变化,饱和度相同。RGB模式上看,主色调与辅色调R数值都为0,G绿色的数值和B蓝色数值分量的变化,得到了不同蓝色的两结果。点睛色仅是R红色与B蓝色两色调和而得没有掺杂其他颜色,因此饱和度呈最高值100%。整个页面配色的饱和度都为100%,页面整体配色看起来视觉冲击力异常强烈。

辅助色白色让页面上的颜色的特性发挥到极致,是不可缺少的辅助配色。

结论:响亮、强烈刺激的词语似乎都适用于上图页面,源于高纯度烘托、微妙的冷暖变化配色上,体现出现代都市张扬时尚的气息。白色块面的线型使得这种高纯度高强度的配色变得响亮却也缓和。

辅色调蓝色的运用透露出设计师的大胆与魄力,玫瑰色在色轮表里算是冷色系,但是与蓝色广义上的对比来说是暖色,在这里与蓝色搭配算是绝配了。整个页面无不体现出特色和个性。

蓝色系分析:(同类色:浅蓝色)

主色调HSB数值H显示200度,色轮度稍向绿色方位倾斜,但是由于从180度到270度基本上给人的视觉呈现还是蓝色范畴,因此与视觉上广义的蓝色差别不大。

该页面中间色较多,主要是在蓝色范畴内做明度的变化,所以色度差非常缓和,以致于页面的色彩呈现非常柔和,甚至稍有些发灰的感觉,好在该页面还有些较大色块的浅蓝色及白色,拉大了页面的

色阶,使得这种灰的感觉减弱不少。

点睛色的HSB数值是258,色轮趋势是向暖色紫色(相对冷暖色)倾向,变化微妙,是本页面最温暖的颜色。蓝紫色在色相环中位于蓝色和紫色之间,所以它也蕴含着紫色的一些神秘感,加上浅蓝色的雅致,所以亮度较高的蓝紫色显得非常高雅。在网页中,蓝紫色通常与蓝色一起搭配使用。

结论:

浅蓝色给人一种很宁静安静的心理感受。浅蓝色系有淡雅、清新、浪漫、高级的特质,常用于化妆品、女性、服装网站。它是最具凉爽,清新特征的色彩。和白色混合时,能体现柔顺,淡雅,浪漫的

气氛。

主色调选择明亮的蓝色,配以白色的背景和灰亮的辅助色,可以使站点干净而整洁,给人庄重、

充实的印象。

该页面基本上属于同类色系,也是最保守稳妥且调和的配色方案。但该种配色看久了容易呈现

出平淡乏味的感受。

蓝色系分析:(深蓝色)

HSB数值显示主色调和辅色调的H色相接近,饱和度为最高,都为100%,两者只在明度上有区别,分别是35%和65%。三维厚重的设计风格,用调和法之一的渐变手法,把主色调和辅色调进行了缓缓的过渡,增强了层次感,体现个性魅力,符合该页面视音频风格网站的主题。

虽然是被誉为点睛色,但从整个页面来看由于面积关系,点睛色在这里所起的作用不大,仅仅就蜻蜓点水而已。相反的辅助色在这里却起到了较为突显的作用——让整个沉闷的本只起烘托作用的深蓝色得到充分的展示。另一辅色调灰色令白色与深蓝色反差不易过大,起到调和的目的。白色增强了整个页

面的视觉感,使之更醒目。

结论:

深蓝色是沉稳的且较常用的色调。能给人稳重、冷静、严谨、冷漠、深沉、成熟的心理感受。

它主要用于营造安稳、可靠、略带有神秘色彩的氛围。

深蓝色明度偏暗,基于上面对深蓝色的特质描述,在常规网站的设计里,可能不适合做太大面积的使用。但根据不同网站主题的设计需要可以做些不同的尝试。

蓝色系分析:(纯度对比)

从HSB模式上的数值显示情况进行分析,全页基本上是属于高纯度配色,各颜色特性相互辉映、相互交融,把整个页面环境渲染得异常鲜亮和热闹。

冷暖色系之间跨度很大:蓝色、绿色、黄色、橙黄色、朱红色、土橙黄色、墨绿色,几乎按照色轮表上的轨迹进行。也由于面积有多有少的原因,因此页面看起来较明快调和。其中土橙黄色和墨绿色是页面明度最重的颜色,从RGB色值上可看出,都分别的混合了其他颜色,因此饱和度相对较低,略呈灰色状态,另一种意义上来说这种灰色状态是调和色的一种很好的方式。

由于有大面积的主色调和背景色做掌控,加之以上因素综合分析,无论页面再多再细再耀眼的

颜色都能很好的统一在同一个页面之中。

结论:

非常明快活泼、跳跃的富有趣味性的配色。使人勾起了无限愉悦的童趣。

高纯度的蓝色主色调配合的其他高纯度冷暖色调对比,会营造出一种整洁轻快的印象。

根据色轮表的缓和过渡及使用面积多少,判断分析出页面调和程度。

蓝色系分析:(蓝色邻近配色:蓝色+绿色)

从HBS模式的S饱和度数值100%上看,不少朋友会有疑惑的感觉,认为看起来较为柔和的颜色,饱和度或许会低,刺眼的颜色通常饱和度较高,其实不然,每个颜色有每个颜色的不同属性特性。高纯度的色彩,明度的降低是协调视觉的一个因素,容易给人造成低纯度的错觉。

不同块面的邻近色交错排列,增强本页面视觉动感。

辅色调浅蓝色是背景色白色和主色调蓝色的中间色,它形成了页面配色的中间色阶,色彩层次

感增强以外,还使整个页面的颜色更为和谐。

另一辅色调青色,是蓝色和绿色的结合体,包括在标志文字、文字标题上的运用,无疑活跃了

整个页面的配色环境。

两个点睛色都略调高了明度,另一意义上是该页面配色的中间色阶。两点睛色都是在主色调蓝色、辅色调青色的基础上衍生出来的颜色,这里“点睛”的作用不大,都属于和谐色系。

结论:

很多站点都在使用蓝色与青绿色的搭配效果。蓝色、青绿色、白色的搭配可以使页面看起来非常干净清澈,在我们的现实生活中运用的范围很广,可以说是随处可见的。

主颜色选择明亮的蓝色,配以白色的背景和灰亮的辅助色,加上中间色阶的运用,可以使页面

有干净整洁,给人庄重、充实的印象。

这是一组非常愉悦和谐的邻近色系配色。中间色适度面积的运用及背景白色让这组颜色特征发

挥到了极致。

蓝色系强对比:蓝色+红色

蓝色是冷色系的最典型的代表了,而红色是暖色系里最典型的代表,两冷暖色系对比下让全页的色彩对比异常强烈且兴奋,很容易感染带动浏览者的激昂情绪。红色把文字图片框起来,在蓝色背景对比下,很好的突出主题,又好似模仿投影荧屏的感觉,让人迅速的聚焦于视频中心,达到网站背后的最终

目的。

辅色调是红色,从数值上看接近于正红色,红色对视觉传递的信息是很快的,属于高昂响亮的

颜色。

点睛色分别是黄色、黄绿色。大家知道,黄色是明度最高的颜色,也较响亮、刺目,在这里的运用能强烈的突现标题。从大的来看,点睛色黄绿色与辅助色红色是对比色,虽然面积不太大,只小范围的对比,但是已经足以达到了迅速传递信息的效果,让人印象深刻,促成再访点击。

结论:

冷暖色系的对比碰撞,充满激情,能传递炽热情感、强烈刺激主题的目的。

该页面运用了冷暖、红绿两种比较鲜明的对比色,配色积极大胆,视觉冲击力很强。

蓝色同类色对比:蓝色+暖色

这是一个配色难度较大的页面。如何使这些配色和谐又能达到带动对比的目的,就要求要有一定的配色经验了。难度一,在于主色调辅色调及点睛色的这三种蓝色所充当的角色运用。难度二,高纯度高亮度的正黄色在这个页面的使用。难度三,黑色的运用。

运用排除法细分得到:主色调辅色调的蓝色饱和度一样都是最高值,色相H上稍微有些微妙区别,亮度上有些变化。点睛色蓝色饱和度和明度都较低,介于两种蓝色之间。三者面积如果用得不好页面容易呈混沌的灰色状态。拿出辅色调蓝色,再回到整个页面的配色来看,页面色彩偏重,亮度不够,缺少中间色阶,冷暖主次倾向不够明显,这时把辅色调蓝色添加进去正好弥补了这种缺憾。

HSB模式显示H是60度,S饱和度与B明度都是100%,正是正黄色。正黄色只适合做小面积的点睛色使用,大面积使用页面配色较难协调,当然正黄色做为主色调能好配色些。

在这样的页面色彩组合里,黑色是很难运用进去的,面积使用多了,页面有可能会破坏所营造的氛围、产生不协调的感觉。只在辅助性的勾勒于边框是很好的使用办法。

图片里的产品颜色,有降低纯度的棕黄色、土黄色、米黄色等同类黄色系,对该页面色彩组合

调配具有一定的协调能力。

结论:

通常矢量页面的配色相对于图片配色来说,难度较大,色彩的组织搭配,是根据设计师们自己

以往的丰富配色经验,反复调配、反复加减而得。

该页面设计师选取了页面的产品图片中的两三种颜色,例如点睛色里的红色、蓝色和黄色,再大胆的发挥出主色调蓝色、较浅的辅色调蓝色和点睛色正黄色,点睛色黄色运用于最能突出产品特色的文字上,这些和谐的元素生动趣味,让整个页面充满了故事情节。

本部分小节:

● HSB数值H色相为240度时是正蓝色,它的特性这个时候也就挥洒得越明显。从以上不同属性的蓝色页面色调上能看到,不同色相、饱和度、明度的蓝色本身色彩特性表现得不是非常特殊,这也是低调沉稳的蓝色所具备的特征之一。关键在于该种蓝色都与哪种哪几种颜色衬托、对比的。

● 冷色系以蓝色为最典型的代表,因此就产生了广义的相对暖色,例如当与玫瑰紫色做对比时,玫瑰紫就呈现出微妙的暖色,当与绿色做对比色,绿色就呈出了相对的暖色,但是此种特性呈现得非常的

微弱,应根据不同的主题页面做具体分析。

● 当在蓝色色相、明度上暗色亮色非常明朗的情况下,可以考虑添加中间色,减弱可能造成的

单调感,丰富两极色阶的过渡,调和页面的视觉感受。

● 同一种RGB、HSB数值的蓝色与不同的颜色搭配时,所反映出的特性与主题是不一样的。例如与同类色(根据色相明度纯度面积等同类色里得到很多种不同的蓝色),与邻近色(根据色相明度纯度面积等衍生出更多颜色),与对比色(根据色相明度纯度面积等产生出的广义对比狭义对比)…… 应多多思考、多

做尝试。

设计配色应用实例剖析——紫色系

2009-06-24 18:46:34| 分类:个人日志| 标签:|字号大中小订阅

紫色是一种在自然界中比较少见的颜色。象征着女性化,代表着高贵和奢华、优雅与魅力,也象征着神秘与庄重、神圣和浪漫。另一方面又有孤独等意味。紫色在西方宗教世界中是一种代表尊贵的颜色,

大主教身穿的教袍便采用了紫色。

紫色的明度在有彩色的色度中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。在紫色中红的成份较多时,显得华丽和谐。紫色中加入少量的黑,沉重、伤感、恐怖、庄严的感觉。紫色中加入白,

变得优雅、娇气,并充满女性的魅力。

紫色通常用于以女性为对象或以艺术作品介绍为主的站点,但很多大公司的站点中也喜欢使用

包含神秘色彩的紫色,但都很少做大面积使用。

不同色调的紫色可以营造非常浓郁的女性化气息,在白色的背景色和灰色的突出颜色的衬托

下,紫色可以显示出更大的魅力。

下面我们根据紫色系不同属性的邻近色、高纯度低纯度配色、相对对比色等色彩搭配做不同的

举例分析。

紫色系分析:(高纯度对比:同类紫色+同类对比色)

紫色的HSB数值H色相为300度时是正紫色。上图的HSB模式S数值显示,上组颜色饱和度基本都比较高,加上部分较高的明度组合,使该页面异常奢华艳丽。

辅色调之一的黄色是紫色强度最高的对比色,主、辅色面积的大小不同是形成视觉冲击力最大的主要原因。值得一提的是右下脚的浅蓝色的运用,它在整个页面配色上是很谦逊的角色,但却既突出上面的文字内容,又不张扬的压抑住其他颜色的配色,属于丰富于页面的辅助作用。如果把它试换成别的颜

色似乎还是没有这个浅蓝色效果好。

另一辅助色浅紫红色又称粉红色,粉红色主要用于包含少女在内的女性站点。因为从明亮到浅白色调的粉红色能够表现出可爱、乖巧的感觉,这里只做少量运用。

其他点睛色使用得虽多但面积很小,主要是主色调紫色附近的过渡色,例如群青、青莲、玫瑰、红色等点缀,闪亮耀眼,增强页面的视觉感染力,有渲染出华丽凸显现代气息的作用。

结论:

紫色结合红色的紫红色是非常女性化的颜色,它给人的感觉通常都是浪漫、柔和、华丽、高贵优雅,特别是粉红色可以说是女性化的代表颜色。高彩度的紫红色可以表现出超凡的华丽,而低彩度的粉

红色可以表现出高雅的气质。

紫红色并不能随意在所有的站点中使用,但使用恰当的紫红色会给人留下深刻的印象。高彩度

的紫色和粉红色之间的搭配通常都能得到较好的效果。

该页面具有非常强烈的现代奢华感。时尚张扬的配色组合,符合该页面主题所要表达的环境,

让人容易记住它。

紫色系分析:(浅紫色)

该页面使用特性最高的紫色提亮为100%高明度的主色调,很容易抓住人们的视线成为聚焦点,

是非常大胆又时尚的配色。

辅色调则是使用冷色系代表的深蓝色,明度较低。主要是为了烘托左边导航菜单,凸显上面的

内容信息,由于人们对网页已然形成了视觉惯性,也起到了很好的视觉引导作用。

主、辅色的搭配运用构成了较强烈的视觉对比效果。

另一辅色调浅蓝色,在主色调浅紫色的烘托下呈现稚嫩的感受,里面的白色块起到浅紫的背景

和浅蓝色调和、明快的作用。

点睛色的使用实际有不少,这里只选几种起到主要作用的颜色做举例分析。中黄色运用得很珍贵,只在左上区域出现,旨在突出主题文字的效果。其他配色主要是根据左下文字字母而来,红和绿色出现在页面的浅紫色较为宽敞的位置,小范围的做色彩对比效果。其他点睛色则极少的零星分布,既调和呼应又起到活跃于页面的角色作用,以上这些都是点缀和渲染页面气氛不可缺少的配色元素。

结论:

在紫色中加入白色,可使紫色略显沉闷的特征消失,变得清秀、优雅、娇气,并充满女性的魅

力。

相关主题
文本预览
相关文档 最新文档