浅谈⽹页颜⾊的搭配技巧(前端必看)
⼀般来说,⽹页的背景⾊应该柔和⼀些、素⼀些、淡⼀些,再配上深⾊的⽂字,使⼈看起来⾃然、舒畅对于做⽹页的初学者可能更习惯于使⽤⼀些漂亮的图⽚作为⾃⼰⽹页的背景,但是,浏览⼀下⼤型的商业⽹站,你会发现他们更多运⽤的是⽩⾊、蓝⾊、黄⾊等,使得⽹页显得典雅,⼤⽅和温馨。更重要的是,这样可以⼤⼤加快浏览者打开⽹页的速度。
⼀般来说,⽹页的背景⾊应该柔和⼀些、素⼀些、淡⼀些,再配上深⾊的⽂字,使⼈看起来⾃然、舒畅。⽽为了追求醒⽬的视觉效果,可以为标题使⽤较深的颜⾊。下⾯是我做⽹页和浏览别⼈的⽹页时,对⽹页背景⾊和⽂字⾊彩搭配积累的经验,这些颜⾊可以做正⽂的底⾊,也可以做标题的底⾊,再搭配不同的字体,⼀定会有不错的效果,希望对⼤家在制作⽹页时有⽤。
BgcolorΚ″#F1FAFA″———做正⽂的背景⾊好,淡雅
BgcolorΚ″#E8FFE8″———做标题的背景⾊较好
BgcolorΚ″#E8E8FF″———做正⽂的背景⾊较好,⽂字颜⾊配⿊⾊
BgcolorΚ″#8080C0″———上配黄⾊⽩⾊⽂字较好
BgcolorΚ″#E8D098″———上配浅蓝⾊或蓝⾊⽂字较好
BgcolorΚ″#EFEFDA″———上配浅蓝⾊或红⾊⽂字较好
BgcolorΚ″#F2F1D7″———配⿊⾊⽂字素雅,如果是红⾊则显得醒⽬
BgcolorΚ″#336699″———配⽩⾊⽂字好看些
BgcolorΚ″#6699CC″———配⽩⾊⽂字好看些,可以做标题
BgcolorΚ″#66CCCC″———配⽩⾊⽂字好看些,可以做标题
BgcolorΚ″#B45B3E″———配⽩⾊⽂字好看些,可以做标题
BgcolorΚ″#479AC7″———配⽩⾊⽂字好看些,可以做标题
BgcolorΚ″#00B271″———配⽩⾊⽂字好看些,可以做标题
BgcolorΚ″#FBFBEA″———配⿊⾊⽂字⽐较好看,⼀般作为正⽂
BgcolorΚ″#D5F3F4″———配⿊⾊⽂字⽐较好看,⼀般作为正⽂
BgcolorΚ″#D7FFF0″———配⿊⾊⽂字⽐较好看,⼀般作为正⽂
BgcolorΚ″#F0DAD2″———配⿊⾊⽂字⽐较好看,⼀般作为正⽂
BgcolorΚ″#DDF3FF″———配⿊⾊⽂字⽐较好看,⼀般作为正⽂
浅绿⾊底配⿊⾊⽂字,或⽩⾊底配蓝⾊⽂字都很醒⽬,但前者突出背景,后者突出⽂字。红⾊底配⽩⾊⽂字,⽐较深的底⾊配黄⾊⽂字显得⾮常有效果。
此⽂只是起⼀个“抛砖引⽟”的作⽤,⼤家可以发挥想象⼒,搭配出更有新意、更醒⽬的颜⾊,使⽹页更具有吸引⼒
如今,互联⽹越来越⾛近我们的⽣活,⽹上冲浪也渐渐成为我们⽣活不可缺少的⼀部分。⽹络世界五彩缤纷,涌现出⼤量优秀精美的⽹页。⼤量⽹络信息的呈现,⽆⾮就是通过⽂本、图像、Flash动画等,其中,⽂本是⽹页中最为重要的设计元素。对于⽹页设计初学者⽽⾔,了解和掌握⽹页设计中的⽂字排版设计就显得尤为重要,下⾯笔者想谈谈⼀⼰之见。
⽂字的格式化
字号、字体、⾏距
字号⼤⼩可以⽤不同的⽅式来计算,例如磅#quotel.quoter#或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅,所以,建议采⽤磅为单位。
最适合于⽹页正⽂显⽰的字体⼤⼩为12磅左右,现在很多的综合性站点,由于在⼀个页⾯中需要安排的内容较多,通常采⽤9磅的字号。较⼤的字体可⽤于标题或其他需要强调的地⽅,⼩⼀些的字体可以⽤于页脚和辅助信息。需要注意的是,⼩字号容易产⽣整体感和精致感,但可读性较差。
⽹页设计者可以⽤字体来更充分地体现设计中要表达的情感。字体选择是⼀种感性、直观的⾏为。但是,⽆论选择什么字体,都要依据⽹页的总体设想和浏览者的需要。例如:粗体字强壮有⼒,有男性特点,适合机械、建筑业等内容;细体字⾼雅细致,有⼥性特点,更适合服装、化妆品、⾷品等⾏业的内容。在同⼀页⾯中,字体种类少,版⾯雅致,有稳定感;字体种类多,则版⾯活跃,丰富多彩。关键是如何根据页⾯内容来掌握这个⽐例关系。
从加强平台⽆关性的⾓度来考虑,正⽂内容最好采⽤缺省字体。因为浏览器是⽤本地机器上的字库显⽰页⾯内容的。作为⽹页设计者必须考虑到⼤多数浏览者的机器⾥只装有三种字体类型及⼀些相应的特定字体。⽽你指定的字体在浏览者的机器⾥并不⼀定能够到,这给⽹页设计带来很⼤的局限。解决问题的办法是:在确有必要使⽤特殊字体的地⽅,可以将⽂字制成图像,然后插⼊页⾯中。
⾏距的变化也会对⽂本的可读性产⽣很⼤影响。⼀般情况下,接近字体尺⼨的⾏距设置⽐较适合正⽂。⾏距的常规⽐例为10:12,即⽤字10点,则⾏距 12点。这主要是出于以下考虑:适当的⾏距会形成⼀条明显的⽔平空⽩带,以引导浏览者的⽬光,⽽⾏距过宽会使⼀⾏⽂字失去较好的延续性。
除了对于可读性的影响,⾏距本⾝也是具有很强表现⼒的设计语⾔,为了加强版式的装饰效果,可以有意识地加宽或缩窄⾏距,体现独特的审美意趣。例如,加宽⾏距可以体现轻松、舒展的情绪,应⽤于娱乐性、抒情性的内容恰如其分。另外,通过精⼼安排,使宽、窄⾏距并存,可增强版⾯的空间层次与弹性,表现出独到的匠⼼。
⾏距可以⽤⾏⾼(line-height)属性来设置,建议以磅或默认⾏⾼的百分数为单位。例如:{line-height:20pt}、{line-height:150%}。
⽂字的整体编排
页⾯⾥的正⽂部分是由许多单个⽂字经过编排组成的体,要充分发挥这个体形状在版⾯整体布局中的作⽤。从艺术的⾓度可以将字体本⾝看成是⼀种艺术形式,它在个性和情感⽅⾯对⼈们有着很⼤影响。在⽹页设计中,字体的处理与颜⾊、版式、图形等其他设计元素的处理⼀样⾮常关键。从某种意义上来讲,所有的设计元素都可以理解为图形。
1.⽂字的图形化
字体具有两⽅⾯的作⽤:⼀是实现字意与语义的功能,⼆是美学效应。所谓⽂字的图形化,即是强调它的美学效应,把记号性的⽂字作为图形元素来表现,同时⼜强化了原有的功能。作为⽹页设计者,
既可以按照常规的⽅式来设置字体,也可以对字体进⾏艺术化的设计。⽆论怎样,⼀切都应围绕如何更出⾊地实现⾃⼰的设计⽬标。
将⽂字图形化、意象化,以更富创意的形式表达出深层的设计思想,能够克服⽹页的单调与平淡,从⽽打动⼈⼼。
2.⽂字的叠置
⽂字与图像之间或⽂字与⽂字之间在经过叠置后,能够产⽣空间感、跳跃感、透明感、杂⾳感和叙事感,从⽽成为页⾯中活跃的、令⼈注⽬的元素。虽然叠置⼿法影响了⽂字的可读性,但是能造成页⾯独特的视觉效果。这种不追求易读,⽽刻意追
求“杂⾳”的表现⼿法,体现了⼀种艺术思潮。因⽽,它不仅⼤量运⽤于传统的版式设计,在⽹页设计中也被⼴泛采⽤。
3.标题与正⽂
在进⾏标题与正⽂的编排时,可先考虑将正⽂作双栏、三栏或四栏的编排,再进⾏标题的置⼊。将正⽂分栏,是为了求取页⾯的空间与弹性,避免通栏的呆板以及标题插⼊⽅式的单⼀性。标题虽是整段或整篇⽂章的标题,但不⼀定千篇⼀律地置于段⾸之上。可作居中、横向、竖向或边置等编排处理,
甚⾄可以直接插⼊字中,以新颖的版式来打破旧有的规律。
4.⽂字编排的四种基本形式
页⾯⾥的正⽂部分是由许多单个⽂字经过编排组成的体,要充分发挥这个体形状在版⾯整体布局中的作⽤。
两端均齐:⽂字从左端到右端的长度均齐,字形成⽅⽅正正的⾯,显得端正、严谨、美观。
居中排列:在字距相等的情况下,以页⾯中⼼为轴线排列,这种编排⽅式使⽂字更加突出,产⽣对称的形式美感。
左对齐或右对齐:左对齐或右对齐使⾏⾸或⾏尾⾃然形成⼀条清晰的垂直线,很容易与图形配合。这种编排⽅式有松有紧,有虚有实,跳动⽽飘逸,产⽣节奏与韵律的形式美感。左对齐符合⼈们阅读时的习惯,显得⾃然;右对齐因不太符合阅读习惯⽽较少采⽤,但显得新颖。
绕图排列:将⽂字绕图形边缘排列。如果将底图插⼊⽂字中,会令⼈感到融洽、⾃然。
⽂字的强调
1.⾏⾸的强调
将正⽂的第⼀个字或字母放⼤并作装饰性处理,嵌⼊段落的开头,这在传统媒体版式设计中称之为“下坠式”。此技巧的发明溯源于欧洲中世纪的⽂稿抄写员。由于它有吸引视线、装饰和活跃版⾯的作⽤,所以被应⽤于⽹页的⽂字编排中。其下坠幅度应跨越⼀个完整字⾏的上下幅度。⾄于放⼤多少,则依据所处⽹页环境⽽定。
2.引⽂的强调
在进⾏⽹页⽂字编排时,常常会碰到提纲挈领性的⽂字,即引⽂。引⽂概括⼀个段落、⼀个章节或全⽂⼤意,因此在编排上应给予特殊的页⾯位置和空间来强调。引⽂的编排⽅式多种多样,如将引⽂嵌⼊正⽂的左右侧、上⽅、下⽅或中⼼位置等,并且可以在字体或字号上与正⽂相区别⽽产⽣变化。
3.个别⽂字的强调
如果将个别⽂字作为页⾯的诉求重点,则可以通过加粗、加框、加下划线、加指⽰性符号、倾斜字体等⼿段有意识地强化⽂字的视觉效果,使其在页⾯整体中显得出众⽽夺⽬。另外,改变某些⽂字的颜⾊,也可以使这部分⽂字得到强调。这些⽅法实际上都是运⽤了对⽐的法则。
⽂字的颜⾊
在⽹页设计中,设计者可以为⽂字、⽂字链接、已访问链接和当前活动链接选⽤各种颜⾊。例如,如
果你使⽤FrontPage编辑器,默认的设置是这样的:正常字体颜⾊为⿊⾊,默认的链接颜⾊为蓝⾊,⿏标点击之后⼜变为紫红⾊。使⽤不同颜⾊的⽂字可以使想要强调的部分更加引⼈注⽬,但应该注意的是,对于⽂字的颜⾊,只可少量运⽤,如果什么都想强调,其实是什么都没有强调。况且,在⼀个页⾯上运⽤过多的颜⾊,会影响浏览者阅读页⾯内容,除⾮你有特殊的设计⽬的。
颜⾊的运⽤除了能够起到强调整体⽂字中特殊部分的作⽤之外,对于整个⽂案的情感表达也会产⽣影响。这涉及⾊彩的情感象征性问题,限于篇幅,在这⾥不做深⼊探讨。
另外需要注意的是⽂字颜⾊的对⽐度,它包括明度上的对⽐、纯度上的对⽐以及冷暖的对⽐。这些不仅对⽂字的可读性发⽣作⽤,更重要的是,你可以通过对颜⾊的运⽤实现想要的设计效果、设计情感和设计思想。
⼀、⾊彩处理
⾊彩是⼈的视觉最敏感的东西。主页的⾊彩处理得好,可以锦上添花,达到事半功倍的效果。⾊彩总的应⽤原则应该是“总体协调,局部对⽐”,也就是:主页的整体⾊彩效果应该是和谐的,只有局部的、⼩范围的地⽅可以有⼀些强烈⾊彩的对⽐。在⾊彩的运⽤上,可以根据主页内容的需要,分别采⽤不同的主⾊调。因为⾊彩具有象征性,例如:嫩绿⾊、翠绿⾊、⾦黄⾊、灰褐⾊就可以分别象征着春、夏、秋、冬。其次还有职业的标志⾊,例如:军警的橄榄绿,医疗卫⽣的⽩⾊等。⾊彩还具有明显的
⼼理感觉,例如冷、暖的感觉,进、退的效果等。另外,⾊彩还有民族性,各个民族由于环境、⽂化、传统等因素的影响,对于⾊彩的喜好也存在着较⼤的差异。充分运⽤⾊彩的这些特性,可以使我们的主页具有深刻的艺术内涵,从⽽提升主页的⽂化品位。下⾯介绍⼏种常⽤的配⾊⽅案:
1.暖⾊调。即红⾊、橙⾊、黄⾊、赭⾊等⾊彩的搭配。这种⾊调的运⽤,可使主页呈现温馨、和煦、热情的氛围。
2.冷⾊调。即青⾊、绿⾊、紫⾊等⾊彩的搭配。这种⾊调的运⽤,可使主页呈现宁静、清凉、⾼雅的氛围。
3.对⽐⾊调。即把⾊性完全相反的⾊彩搭配在同⼀个空间⾥。例如:红与绿、黄与紫、橙与蓝等。这种⾊彩的搭配,可以产⽣强烈的视觉效果,给⼈亮丽、鲜艳、喜庆的感觉。当然,对⽐⾊调如果⽤得不好,会适得其反,产⽣俗⽓、刺眼的不良效果。这就要把握“⼤调和,⼩对⽐”这⼀个重要原则,即总体的⾊调应该是统⼀和谐的,局部的地⽅可以有⼀些⼩的强烈对⽐。最后,还要考虑主页底⾊(背景⾊)的深、浅,这⾥借⽤摄影中的⼀个术语,就是“⾼调”和“低调”。底⾊浅的称为⾼调;底⾊深的称为低调。底⾊深,⽂字的颜⾊就要浅,以深⾊的背景衬托浅⾊的内容(⽂字或图⽚);反之,底⾊淡的,⽂字的颜⾊就要深些,以浅⾊的背景衬托深⾊的内容(⽂字或图⽚)。这种深浅的变化在⾊彩学中称为“明度变化”。有些主页,底⾊是⿊的,但⽂字也选⽤了较深的⾊彩,由于⾊彩的明度⽐较接近,
读者在阅览时,眼睛就会感觉很吃⼒,影响了阅读效果。当然,⾊彩的明度也不能变化太⼤,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。
⽹页⾊彩的搭配
⽹页的⾊彩是树⽴⽹站形象的关键之⼀,⾊彩搭配却是⽹友们感到头疼的问题。⽹页的背景,⽂字,图标,边框,超链接...,应该采⽤什么样的⾊彩,应该搭配什么⾊彩才能最好的表达出预想的内涵呢?阿捷这⾥谈⼀些⼼得,希望对你有所启发。
⾸先我们先来了解⼀些⾊彩的基本知识:
1.颜⾊是因为光的折射⽽产⽣的。
2.红,黄,蓝是三原⾊,其它的⾊彩都可以⽤这三种⾊彩调和⽽成。⽹页html语⾔中的⾊彩表达即是⽤这三种颜⾊的数值表⽰例如:红⾊是color (255,0,0)⼗六进制的表⽰⽅法为(FF0000)⽩⾊为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景⾊为⽩⾊。
3.颜⾊分⾮彩⾊和彩⾊两类。⾮彩⾊是指⿊,⽩,灰系统⾊。彩⾊是指除了⾮彩⾊以外的所有⾊彩。
4.任何⾊彩都有饱和度和透明度的属性,属性的变化产⽣不同的⾊相,所以⾄少可以制作⼏百万种⾊彩。
⽹页制作⽤彩⾊还是⾮彩⾊好呢?根据专业的研究机构研究表明:彩⾊的记忆效果是⿊⽩的3.5倍。也就是说,在⼀般情况下,彩⾊页⾯较完全⿊⽩页⾯更加吸引⼈。
我们通常的做法是:主要内容⽂字⽤⾮彩⾊(⿊⾊),边框,背景,图⽚⽤彩⾊。这样页⾯整体不单调,看主要内容也不会眼花。
●⾮彩⾊的搭配 
 ⿊⽩是最基本和最简单的搭配,⽩字⿊底,⿊底⽩字都⾮常清晰明了。灰⾊是万能⾊,可以和任何彩⾊搭配,也可以帮助两种对⽴的⾊彩和谐过渡。如果你实在不出合适的⾊彩,那么⽤灰⾊试试,效果绝对不会太差。
●彩⾊的搭配
⾊彩千变万化,彩⾊的搭配是我们研究的重点。我们依然需要进⼀步学习⼀些⾊彩的知识。
⼀.⾊环。我们将⾊彩按"红->黄->绿->蓝->红"依次过度渐变,就可以得到⼀个⾊彩环。⾊环的两端是暖⾊和寒⾊,当中是中型⾊。(如下图)
红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红
|___________| |____| |_________| |_________| | | | |
暖⾊系中性系寒⾊系中性系
⼆.⾊彩的⼼理感觉。不同的颜⾊会给浏览者不同的⼼理感受。
红⾊---是⼀种激奋的⾊彩。刺激效果,能使⼈产⽣冲动,愤怒,热情,活⼒的感觉。
绿⾊---介于冷暖两中⾊彩的中间,显得和睦,宁静,健康,安全的感觉。它和⾦黄,淡⽩搭配,可以产⽣优雅,舒适的⽓氛。
橙⾊---也是⼀种激奋的⾊彩,具有轻快,欢欣,热烈,温馨,时尚的效果。
黄⾊---具有快乐,希望,智慧和轻快的个性,它的明度最⾼。
蓝⾊---是最具凉爽,清新,专业的⾊彩。它和⽩⾊混合,能体现柔顺,淡雅,浪漫的⽓氛(象天空的⾊彩:)
⽩⾊---具有洁⽩,明快,纯真,清洁的感受。
⿊⾊---具有深沉,神秘,寂静,悲哀,压抑的感受。
灰⾊---具有中庸,平凡,温和,谦让,中⽴和⾼雅的感觉。
每种⾊彩在饱和度,透明度上略微变化就会产⽣不同的感觉。以绿⾊为例,黄绿⾊有青春,旺盛的视觉意境,⽽蓝绿⾊则显得幽宁,阴深。
●⽹页⾊彩搭配的原理
1.⾊彩的鲜明性。⽹页的⾊彩要鲜艳,容易引⼈注⽬。
2.⾊彩的独特性。要有与众不同的⾊彩,使得⼤家对你的印象强烈。(参考设计思考第⼆篇⽹站CI的标准⾊彩⼀节)
3.⾊彩的合适性。就是说⾊彩和你表达的内容⽓氛相适合。如⽤粉⾊体现⼥性站点的柔性。
4.⾊彩的联想性。不同⾊彩会产⽣不同的联想,蓝⾊想到天空,⿊⾊想到⿊夜,红⾊想到喜事等,选择⾊彩要和你⽹页的内涵相关联。
●⽹页⾊彩掌握的过程 
随着⽹页制作经验的积累,我们⽤⾊有这样的⼀个趋势:单⾊->五彩缤纷->标准⾊->单⾊。⼀开始因
为技术和知识缺乏,只能制作出简单的⽹页,⾊彩单⼀;在有⼀定基础和材料后,希望制作⼀个漂亮的⽹页,将⾃⼰收集的最好的图⽚,最满意⾊彩堆砌在页⾯上;但是时间⼀长,却发现⾊彩杂乱,没有个性和风格;第三次重新定位⾃⼰的⽹站,选择好切合⾃⼰的⾊彩,推出的站点往往⽐较成功;当最后设计理念和技术达到顶峰时,则⼜返朴归真,⽤单⼀⾊彩甚⾄⾮彩⾊就可以设计出简洁精美的站点。
○⽹页⾊彩搭配的技巧
⽂章写到这⾥,有⼼急的⽹友要问了:“到底⽤什么⾊彩搭配好看呢?你能不能推荐⼏种配⾊⽅案?”别急,这⾥有⼀点技巧,可以帮助你迅速成为调⾊⼤师:)
1.⽤⼀种⾊彩。这⾥是指先选定⼀种⾊彩,然后调整透明度或者饱和度,(说得通俗些就是将⾊彩变淡或则加深),产⽣新的⾊彩,⽤于⽹页。这样的页⾯看起来⾊彩统⼀,有层次感。
2.⽤两种⾊彩。先选定⼀种⾊彩,然后选择它的对⽐⾊(在photoshop⾥按ctrl+shift+I)。我的主页⽤蓝⾊和黄⾊就是这样确定的。整个页⾯⾊彩丰富但不花稍。
3.⽤⼀个⾊系。简单的说就是⽤⼀个感觉的⾊彩,例如淡蓝,淡黄,淡绿;或者⼟黄,⼟灰,⼟蓝。确定⾊彩的⽅法各⼈不同,我是在photoshop⾥按前景⾊⽅框,在跳出的拾⾊器窗中选择"⾃定义",然后在"⾊库"中选就可以了:)
4.⽤⿊⾊和⼀种彩⾊。⽐如⼤红的字体配⿊⾊的边框感觉很"跳"。
在⽹页配⾊中,忌讳的是:
1.不要将所有颜⾊都⽤到,尽量控制在三种⾊彩以内。
2.背景和前⽂的对⽐尽量要⼤,(绝对不要⽤花纹繁复的图案作背景),以便突出主要⽂字内容
颜⾊搭配
⼀、红⾊的⾊感温暖,性格刚烈⽽外向,是⼀种对⼈刺激性很强的⾊。红⾊容易引起⼈的注意,也容易使⼈兴奋、激动、紧张、冲动、还是⼀种容易造成⼈视觉疲劳的⾊。
a) 在红⾊中加⼊少量的黄,会使其热⼒强盛,趋于躁动、不安。
b) 在红⾊中加⼊少量的蓝,会使其热性减弱,趋于⽂雅、柔和。
c) 在红⾊中加⼊少量的⿊,会使其性格变的沉稳,趋于厚重、朴实。
d) 在红中加⼊少量的⽩,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。
⼆、黄⾊的性格冷漠、⾼傲、敏感、具有扩张和不安宁的视觉印象。黄⾊是各种⾊彩中,最为娇⽓的⼀种⾊。只要在纯黄⾊中混⼊少量的其它⾊,其⾊相感和⾊性格均会发⽣较⼤程度的变化。
a) 在黄⾊中加⼊少量的蓝,会使其转化为⼀种鲜嫩的绿⾊。其⾼傲的性格也随之消失,趋于⼀种平和、潮润的感觉。
b) 在黄⾊中加⼊少量的红,则具有明显的橙⾊感觉,其性格也会从冷漠、⾼傲转化为⼀种有分⼨感的热情、温暖。
c) 在黄⾊中加⼊少量的⿊,其⾊感和⾊性变化最⼤,成为⼀种具有明显橄榄绿的复⾊印象。其⾊性也变的成熟、随和。
d) 在黄⾊中加⼊少量的⽩,其⾊感变的柔和,其性格中的冷漠、⾼傲被淡化,趋于含蓄,易于接近。
三、蓝⾊的⾊感冷嘲热讽,性格朴实⽽内向,是⼀种有助于⼈头脑冷嘲热讽静的⾊。蓝⾊的朴实、内向性格,常为那些性格活跃、具有较强扩张⼒的⾊彩,提供⼀个深远、⼴埔、平静的空间,成为衬托活跃⾊彩的友善⽽谦虚的朋友。蓝⾊还是⼀种在淡化后仍然似能保持较强个性的⾊。如果在蓝⾊中分别加⼊少量的红、黄、⿊、橙、⽩等⾊,均不会对蓝⾊的性格构成较明显的影响⼒。
a) 如果在橙⾊中黄的成份较多,其性格趋于甜美、亮丽、芳⾹。
b) 在橙⾊中混⼊⼩量的⽩,可使橙⾊的知觉趋于焦躁、⽆⼒。
四、绿⾊是具有黄⾊和蓝⾊两种成份的⾊。在绿⾊中,将黄⾊的扩张感和蓝⾊的收缩感相中庸,将黄⾊的温暖感与蓝⾊的寒冷感相抵消。这样使得绿⾊的性格最为平和、安稳。是⼀种柔顺、恬静、潢⾜、优美的⾊。
a) 在绿⾊中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。
b) 在绿⾊中加⼊少量的⿊,其性格就趋于庄重、⽼练、成熟。
c) 在绿⾊中加⼊少量的⽩,其性格就趋于洁净、清爽、鲜嫩。
五、紫⾊的明度在有彩⾊的⾊料中是最低的。紫⾊的低明度给⼈⼀种沉闷、神秘的感觉。
a) 在紫⾊中红的成份较多时,其知觉具有压抑感、威胁感。
b) 在紫⾊中加⼊少量的⿊,其感觉就趋于沉闷、伤感、恐怖。
c) 在紫⾊中加⼊⽩,可使紫⾊沉闷的性格消失,变得优雅、娇⽓,并充满⼥性的魅⼒。
六、⽩⾊的⾊感光明,性格朴实、纯洁、快乐。⽩⾊具有圣洁的不容侵犯性。如果在⽩⾊中加⼊其它
任何⾊,都会影响其纯洁性,使其性格变的含蓄。
a) 在⽩⾊中混⼊少量的红,就成为淡淡的粉⾊,鲜嫩⽽充满诱惑。
b) 在⽩⾊中混⼊少量的黄,则成为⼀种乳黄⾊,给⼈⼀种⾹腻的印象。
c) 在⽩⾊中混⼊少量的蓝,给⼈感觉清冷、洁净。
页面设计是什么
d) 在⽩⾊中混⼊少量的橙,有⼀种⼲燥的⽓氛。
e) 在⽩⾊中混⼊少量的绿,给⼈⼀种稚嫩、柔和的感觉。
f) 在⽩⾊中混⼊少量的紫,可诱导⼈联想到淡淡的芳⾹。
以上这篇浅谈⽹页颜⾊的搭配技巧(前端必看)就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。