页面中颜色设计的根本道理重要涉及颜色的同一性、颜色的比较、颜色的调剂以及颜色的视觉性道理，下面将具体加以介绍。

一、网页颜色设计的同一性道理

网页的颜色设计是指在一个页面中至少有两个色相的色相组合，如许就在颜色的选择上，留意颜色间是否同一。所选择的颜色就有雷同色、同类色、相似色以及临近色等，如何在这些颜色之间杀青协调和统就显得十分需要，这关系着全部页面的整体结构是否同一协调。

(一)网页设计中雷同色颜色的设计道理

在一个页面中选择雷同的颜色组合是最具同一颜色后果的颜色设计，这种设计模式可以凸起轮廓、形体以及材质，给用户一种整体、现代和昏黄的感到。在具体设计的进程应当将明度差恰当地扩展。也可以应用同色异质道理，即颜色设计雷同，但质感却相异的策略。雷同色设计是一种相对较为简略的设计模式，在二级页面中、在所须要表达的主题较为简略的时刻，相对采取这种的时刻较多一些，不外这种设计模式尽管简略但对一些主题的表达也长短常有用的，也是一些新的颜色设计师所爱好的颜色搭配模式。

(二)网页设计中同类色颜色的设计道理

假如说雷同色设计略显单调，那么同类色设计相对就显得调和统又不掉一些经由过程一些细节的变更，所表现出的柔和、含蓄以及优雅的印象。但在具体颜色设计的时刻应留意明度差的调节，不然可能会涌现混池、暧昧不清的色感。同类色的设计模式的长处在于是在现实运用中最为轻便的一种，然则其缺陷却在于色相的差别太小，以至于颜色感不强。

(三)网页设计中相似色颜色的设计道理

网页设计中相似颜色的设计模式既有比较又有同一，既可以或许浮现出整体颜色的协调同一，又能表现精彩彩间的比较，更能浮现出一种神秘感。例如，红色与橙色的搭配，黄色与绿色的搭配，都给带给用户活泼、明快而丰硕的色感。在具体设计时，应留意明度与纯度差的调节。

(四)网页设计中临近色颜色的设计道理

邻近色的页面设计模式是最具颜色感和活气的一种设计模式，因为这种设计模式选择的是临近色的区间，色相的选择固然跨度较年夜，但仍坚持着必定的接洽，所所以，临近色的颜色设计是在色相、明度以及纯度等方面都相对调和的设计计划，具有异常好的颜色感。

二、网页颜色设计的比较性道理

网页颜色设计的比较性道理具体指的是在颜色设计的进程中将相对的要素配列在一路，经由过程颜色互相间的比拟以到达抗拒的状况，即为颜色的比较性原则。颜色的比较就是颜色自己受到其他颜色的影响，从而发生与本来零丁看时纷歧样色感。网页的颜色设计中，往往比较颜色的设计丰硕而复杂，一般我们很少看到单色的设计，而是往往会应用颜色的比较，使之发生冷暖、强强弱、浓淡等分歧的颜色感。颜色比较的类型许多，下面我们简略对明度比较、色相比较、纯度比较、冷暖比较、面积比较、补色比较以及推移比较加以介绍。

(一)明度比较

明度比较是应用颜色的明度差异而形成的颜色比较感，这种设计能浮现精彩彩的空间感、条理感以及立体感，在视觉上带给用户以清楚柔和、晴明和纯粹的感到。一个明度阶段的知觉度相当于三个纯度阶段的知觉度，是以明度比较是影响画面后果感、形体感以及光感的症结地点。假如将明度从黑到白等差分为9个段位，以形成明度序列，明度最暗的定名为1，最亮的定名为9，那么“1~3”为低明度，称其为低调色4~6”为中明度，称其为中调色，“7~9”则为高超度，并称其为高调比较称为短调比较；3到5度差的比较称为中调比较，而将5度以上差色。颜色间明度差异的年夜小，决议了明度比较的强弱。将三度差以内的比较则称为长调比较。在明度比较中，假如个中面积最年夜、感化也彩或也组属于す简包，和长调为比，组比较就林为长调。高长调可以由黑、白、灰构成，足以表现强势的、男性的情绪；中短调则具有梦幻般的傍晚感，含蓄、隐约而镇静；低长调则较强烈，富有爆发性，颇具苦闷的凄感。

一般而言，高调带给用户生动、高兴、柔嫩、轻巧的感到；低调则显得朴实、丰硕、缓慢、巨大、粗笨，让人颇具落寞感。明度比较较强，则光感较强，响应地形象的清楚度就较高，也就不轻易涌现误差。但假如明度比较弱、光感不晴明的话，则可能会使得形象不清渐，后果差；别的，假如比较太强则可能带给用户生硬、空旷以及炫目和简略化的感到。是以，对于颜色设计师来说，若何精确地把握住颜色间的比较是至关主要的。

(二)色相比较

色相比较是因色相之间的差别而形成的颜色比较后果。色相的比较重要可以根据可见光波的长短差异来区分，但完整依附光波的长短是弗成靠的，例如，尽管红光和紫光的波长差距最年夜，但因都处于可见光的两头，因而都接近于弗成见光波，所以肉眼看来，二者的色相其实是接近的。综上，在器量色相差时，不克不及只依附测光器和可见光谱，还应当借助于色相环。颜色的色相在具体设计的进程中有同类色相比较、相似色相比较、临近色相比较以及互补色色相比较等。

(三)纯度比较

纯度比较是借助于颜色纯度高下的分歧而发生的颜色比较现象。纯度差的涌现取决于在各色相中参加分歧量的黑、白、灰或者是比较色而获得的。纯度比较的视觉后果要弱于明度比较的视觉后果。

般而言，高纯度的颜色的色相较为能干、了了，但往往轻易使人疲惫，不克不及长时光注目。是以在页面颜色的选择时设计师要郑重选择高纯度的颜色。同样，低纯度的色相固然看起来较为含蓄，但却不轻易分清晰，虽能分清晰，但却较为平庸乏味，就很轻易让用户觉得厌倦。所以，选择适当的纯度比较的颜色对于加强用色的鲜艳感和明白感具有重。因为，在头也彩计的进程中，假如配色的纯度比较不足往往会涌现脏、灰、闷、单调、混沌的感到；而假如纯度比较过强时则往往会涌现生硬、混乱、刺激以及炫目标感到。

(四)冷暖比较

冷暖比较借助于冷色和暖色间的互相搭配而发生的冷暖差异。例如，红色和橙色相比较时，红色感到要比橙色冷，而绿色和青色在一路比较，则感到青色比拟冷。冷暖比较可分为强比较、中比较和弱比较。强比较是冷极与极、冷色与暖色所形成的比较，这种比较往往让用户感触感染到能干、刺激、警醒等，例如一些警示标记往往会采取强比较；中比较是暖极与中性微冷色、冷极与中性微暖色所形成的比较，这种比较则给人种协调、丰硕之感，既能感触感染到一种同一感，又能感触感染到同一中的变更；弱比较是暖极与暖色、冷极与冷色所形成的比较，这种比较往往给人以协调而又同一的色感。在网页颜色的设计中，假如设计师可以或许奇妙应用颜色的冷暖比较，往往会到达意想不到的颜色后果。

(五)面积比较

面积比较是经由过程颜色间面积年夜小的差异所形成的比较。不外颜色间面积年夜小的比较往往没法分开颜色的纯度，因为在颜色设计中，面积往往是和色相一路配合决议了颜色比较间的强弱，这种比较关系可以分两种情形来解释:第一种情形，色相分歧、面积分歧所形成的比较。例如，年夜面积的绿和小面积的红，在这种比较前提下，往往让人认为年夜面积的绿让小面积的红反而更鲜、更艳、更纯，即小面积的红变得加倍能干了能起到有用的凸显和强调感化；反过来，用用年夜面积的红比较小面积的绿，基于绿色自己具有压缩和撤退退却性，再加上绿色原来的面积就小，所以看起来绿色几乎被红色所吞噬失落，反而更进一步地树托出了红色的红，绿色几乎被疏忽失落了。研讨发明，在分歧的色相中，小面积的明度和纯度如高于年夜面积的明度和纯度到达3~5倍时，会发生如许的视觉后果:年夜衬小，小的会变得更光鲜，也更能干。第二种情形，色相分歧、面积雷同所形成的比较。当颜色间的面积根本雷同时，如许就只有色与色之间的差别了，即色感间的差别就只取决于颜色自己带给我们的感到了。

(六)补色比较

补色比较的涌现是当色相与色相混杂在一路后涌现中性的灰黑色时，而此时在这两种色相间所发生的比较就是补色比较。补色比较是一种异常有趣的比较现象:当两种补色的色互相相接近时，就能互相增进，浮现出最活泼、最新颖的视觉后果；但假如二者混杂在一路，则二则相克，酿成了灰色或者暗黑色。补色比较在网页颜色的设计中运用异常广发生一种视觉上的均衡感，带给人美妙、舒适的视觉后果。泛，例如，在纯度很高的颜色中参加补色，则可以起到完美画面的感化。

(七)推移比较

设计师应用颜色比较的身分与道理架构必定空间形态的表示情势从而形成多层面、多空间的颜色设计形态后果，这种设计模式就是推私比较。具体在设计的进程中有明度推移、色相推移、纯度推移以及补推移等。明度推移是应用单个或多个颜色的明度变更来架构其某一空间形态，这种空间形态条理清楚，颜色极具纵深感和空间感。色相推移是应用多个颜色的互相渐次推移变更架构起来的某一空间形态，这种网站扶植空间形态不只颜色间比较感很强并且空间感亦很强。纯度推移是应用单个或多个颜色纯度的渐变架构的某一空间形态，这种空间形态极富空间感和条理感。补色推移则是应用补色间比较架构其的空间形态，例如红与绿、橙与黄等，这种空间形态比较感很强。