淘宝网店色彩搭配和色彩处理的原理

《淘宝网店色彩搭配和色彩处理的原理》由会员分享，可在线阅读，更多相关《淘宝网店色彩搭配和色彩处理的原理（5页珍藏版）》请在装配图网上搜索。

1、网店色彩搭配和色彩处理的原理一、网页色彩搭配的原理1.色彩的鲜明性原理。网页的色彩要鲜艳，容易引人注目。2.色彩的独特性原理。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)3.色彩的合适性原理。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。4.色彩的联想性原理。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。二、网页设计中的色彩处理原则色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色

2、彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。下面介绍几种常用的配色方案：1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。

3、这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为

4、低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为“明度变化”。有些主页，底色是黑的，但文字也选用了较深的色彩，由于色彩的明度比较接近，读者在阅览时，眼睛就会感觉很吃力，影响了阅读效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。三、网页色彩搭配的技巧有的网友问我：“到底用什么色彩搭配好看呢？你能不能推荐几种配色方案？”别急，这里有一点技巧，可以帮助你迅速成为调色大师:)1.用一种色彩。这里是指先选定一种色彩，然后调整透明度

5、或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择自定义，然后在色库中选就可以了:)4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很跳。在网页配色中，忌讳的是：1.不要将所有颜色都用到，尽量控

6、制在三种色彩以内。2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容四、网页设计颜色搭配参考（一）网页配色基本概念（1）白纸黑字是永远的主题，谁都说不出不好来。（2）网页最常用流行色兰色蓝天白云，沉静整洁的颜色。绿色绿白相间，雅致而有生气。橙色活泼热烈，标准商业色调。暗红宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，（3）颜色的忌讳忌脏背景与文字内容对比不强烈，灰暗的背景令人沮丧！忌纯艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。忌跳再好看的颜色，也不能脱离整体。脱离群众是自取其辱！忌花要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映

7、主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。忌粉颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。蓝色忌纯，绿色忌黄，红色忌艳。（4）几种固定搭配蓝白橙蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。绿白兰绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。橙白红橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。暗红黑暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。（二）网页设计理念（1）内容决定形式先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体。全局考虑，把能填上的都填上，占位置。然后定

8、基调，分模块设计。最后调整不满意的几个局部细节。（3）功能决定设计方向看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。（三）如何快速高效的完成设计工作（1）借鉴成功者的作品。借鉴的是道念，思想，局部精致的点缀。在网上搜索同类网站，找几个顺眼的，用一个为基本兰图，把几个优点整合成自己的，这样最高效快捷，而且还出成果，能学到很多东西。（2）上设计论坛，找参考资料，借鉴前辈的经验五、网页设计中确定颜色搭配八步走第一步、底色和图形色色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师，所能运用的色彩工具多了许多。如

9、今，我们能运用好计算机为我们提供的丰富色彩，看来不是很简单的事情。就我个人而言，在我从事设计师工作以来，往往也会迷失在色彩的世界。现在交流一下自己学过的和掌握的一些经验，希望大家指正。配色所要注意的要素实际设计时，我们经常会按照设计的目的来考虑与形态、肌理有关联的配色及色彩面积的处理方案，这个方案就是我的配色计划。在做配色计划时，我们应该考虑下述几点以突出视觉效果。1.底色和图形色在设计时我们会经常遇到用几个色做各种形的构成，作为底的色我们往往会将它推远，而作为图形或文字的色我们要将它拉近。这就需要我们了解受配色关系的影响是什么样的。一般明亮和鲜艳的色比暗浊的色更容易有图形效果。因此，配色时为

10、了取得明了的图形效果必须首先考虑图形色和底色的关系。图形色要和底色有一定的对比度。这样才可以很明确的传达我们要表现的东西。我们要突出的图形色必须让它能够吸引观者的主要注意力。如果不是这样就会喧宾夺主。第二步、整体色调如果我们想使我们的设计能够充满生气，稳健，冷清或者温暖，寒冷等感觉都是由整体色调决定的。那么我们怎么能够控制好整体色调呢？只有控制好构成整体色调的色相、明度、纯度关系和面积关系等。才可以控制好我们设计的整体色调。首先要在配色中心决定占大面积的色，并根据这一色来选择不同的配色方案会得到不同的整体色调。从中选择出我们想要的。如果我们用暖色系列来做我们的整体色调则会呈现出温暖的感觉，反之

11、亦然。如果用暖色和纯度高的色作为整体色调则给人以火热刺激的感觉，以冷色和纯度低的色为主色调则让人感到清冷、平静的感觉。以明度高的色为主则亮丽，而且变得轻快，以明度低的色为主则显得比较庄重、肃穆。取对比的色相和明度则活泼，取类似、同一色系则感到稳健。色相数多则会华丽，少则淡雅、清新。以上几点整体色调的选择要根据我们所要表达的内容来决定。第三步、配色的平衡颜色的平衡就是颜色的强弱、轻重、浓淡这种关系的平衡。这些元素在感觉上会左右颜色的平衡关系。因此，即使相同的配色，也将会根据图形的形状和面积的大小来决定成为调和色或不调和色。一般同类色配色比较容易平衡。处于补色关系且明度也相似的纯色配色，如：红和兰

12、绿的配色，会因过分强烈感到刺眼，成为不调和色。可是若把一个色的面积缩小或加白黑，改变其明度和彩度并取得平衡，则可以使这种不调和色变的调和。纯度高而且强烈的色与同样明度的浊色或灰色配合时，如果前者的面积小，而后者的面积大也可以很容易的取得平衡。将明色与暗色上下配置时，若明色在上暗色在下则会显得安定。反之，若暗色在明色上则有动感。第四步、配色时要有重点色配色时，为了弥补调子的单调，可以将某个色作为重点，从而使整体配色平衡。在整体配色的关系不明确暧昧时，我们就需要突出一个重点色来平衡配色关系。选择重点色要注意以下几点：重点色应该使用比其他的色调更强烈的色。重点色应该选择与整体色调相对比的调和色。重点

13、色应该用于极小的面积上。而不能用于大面积上。选择重点色必须考虑配色方面的平衡效果。第五步、配色的节奏由颜色的配置产生整体的调子。而这种配置关系在整体色调中反复出现排列就产生了节奏。色的节奏和颜色的排放，形状，质感等有关。由于渐进的变化色相、明度、纯度都会产生变化而且时有规律的，所以就产生了阶调的节奏。将色相、明暗、强弱等等的变化做几次反复，从而会产生反复的节奏。可以通过赋予色彩的配置以跳跃和方向感就会产生动的节奏，等等。我们可以通过学习或训练来掌握更多的节奏效果。第六步、渐变色的调和 2色或2个以上的色不调和时，在其中间插入阶梯变化的几个色，就可以使之调和。色环的渐变：色相的渐变象色环一样，在

14、红、黄、绿、兰、紫等色相之间配以中间色，就可以得到渐变的变化。明度的渐变：从明色到暗色阶梯的变化。纯度的渐变：从纯色到浊色或到黑色的阶梯变化。根据色相、明度、纯度组合的渐变，把各种各样的变化作为渐变的处理，从而构成复杂的效果。这些渐变色都是调和的。第七步、在配色方面的统调所谓统调，即为了多色配合的整体统一而用一个色调支配全体，将这个色叫做统调色，也就是支配色调。色相统调是在各色中加入相同的色相，而使整体色调统一在一个色系当中。从而达到调和。明度统调是加白色或黑色，以使全体色调的明度相似。这样也可以达到调和。纯度统调是加灰色，以使全体色调的纯度相似第八步、在配色方面的分割 2个色如果互相处于对立

15、关系是对比的，具有过分强烈的效果，成为不调和色。为了调节它们，在这些色中用其它色把它们划分开来，即分割。将用于分割的色叫做分割色。由于分割的目的，可以用于分割色的颜色不多，最常用的是白、灰、黑。金色和银色也具有分割的效果。但在我们的电脑中很难调出具有重量感的这两种色，所以在电脑中几乎用不到这两种色。但可以用于印刷中。使用其它彩色进行分割也可以，但要选择与原来色有明显区别的明度，同时也应考虑色相和纯度。以上这八步是我们在配色时注意的问题和解决的基本方法。我想还有更多的色彩问题，我这里没有谈到。如：色彩的感情、色彩的形状、色彩的味觉、色彩的距离感、色彩的音乐感等等，这些都需要每一个店家在以后的装修中进一步地学习和体味。