《网店老板速成学堂作者:达贝妮》在线阅读-第13部分-3D电子书

3。对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。

最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为“明度变化”。有些主页，底色是黑的，但文字也选用了较深的色彩，由于色彩的明度比较接近，读者在阅览时，眼睛就会感觉很吃力，影响了阅读效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。

第四章　第七节

网页色彩搭配的技巧　　

　有的网友问我：“到底用什么色彩搭配好看呢？你能不能推荐几种配色方案？”别急，这里有一点技巧，可以帮助你迅速成为调色大师：）　

1。用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，（说得通俗些就是将　色彩变淡或则加深），产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。　

2。用两种色彩。先选定一种色彩，然后选择它的对比色（在photoshop里按ctrl＋shift＋I）。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。　

3。用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择〃自定义〃，然后在〃色库〃中选就可以了：）　

4。用黑色和一种彩色。比如大红的字体配黑色的边框感觉很〃跳〃。　

在网页配色中，忌讳的是：　

1。不要将所有颜色都用到，尽量控制在三种色彩以内。　

2。背景和前文的对比尽量要大，（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容

第四章　第八节

网页设计颜色搭配参考

（一）网页配色基本概念

（1）白纸黑字是永远的主题，谁都说不出不好来。

（2）网页最常用流行色

·兰色——蓝天白云，沉静整洁的颜色。

·绿色——绿白相间，雅致而有生气。

·橙色——活泼热烈，标准商业色调。

·暗红——宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，

（3）颜色的忌讳

·忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧！

·忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。

·忌跳——再好看的颜色，也不能脱离整体。脱离群众是自取其辱！

·忌花——要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。

·忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。

·蓝色忌纯，绿色忌黄，红色忌艳。

（4）几种固定搭配

·蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。

·绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。

·橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。

·暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。

（二）网页设计理念

（1）内容决定形式

先把内容充实上，再分区块，再定色调，再处理细节。

（2）先整体，后局部，最后回归到整体。

全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。

（3）功能决定设计方向

·看网站的用途，决定设计思路。商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

（三）如何快速高效的完成设计工作

（1）借鉴成功者的作品。

借鉴的是道念，思想，局部精致的点缀。

在网上搜索同类网站，找几个顺眼的，用一个为基本兰图，把几个优点整合成自己的，这样最高效快捷，而且还出成果，能学到很多东西。

（2）上设计论坛，找参考资料，借鉴前辈的经验．

第四章　第九节

网页设计中确定颜色搭配八步走

第一步、底色和图形色　色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师，所能运用的色彩工具多了许多。如今，我们能运用好计算机为我们提供的丰富色彩，看来不是很简单的事情。就我个人而言，在我从事设计师工作以来，往往也会迷失在色彩的世界。现在交流一下自己学过的和掌握的一些经验，希望大家指正。配色所要注意的要素　实际设计时，我们经常会按照设计的目的来考虑与形态、肌理有关联的配色及色彩面积的处理方案，这个方案就是我的配色计划。在做配色计划时，我们应该考虑下述几点以突出视觉效果。1。底色和图形色　在设计时我们会经常遇到用几个色做各种形的构成，作为底的色我们往往会将它推远，而作为图形或文字的色我们要将它拉近。这就需要我们了解受配色关系的影响是什么样的。一般明亮和鲜艳的色比暗浊的色更容易有图形效果。因此，配色时为了取得明了的图形效果必须首先考虑图形色和底色的关系。图形色要和底色有一定的对比度。这样才可以很明确的传达我们要表现的东西。我们要突出的图形色必须让它能够吸引观者的主要注意力。如果不是这样就会喧宾夺主。

第二步、整体色调　如果我们想使我们的设计能够充满生气，稳健，冷清或者温暖，寒冷等感觉都是由整体色调决定的。那么我们怎么能够控制好整体色调呢？只有控制好构成整体色调的色相、明度、纯度关系和面积关系等。才可以控制好我们设计的整体色调。首先要在配色中心决定占大面积的色，并根据这一色来选择不同的配色方案会得到不同的整体色调。从中选择出我们想要的。如果我们用暖色系列来做我们的整体色调则会呈现出温暖的感觉，反之亦然。如果用暖色和纯度高的色作为整体色调则给人以火热刺激的感觉，以冷色和纯度低的色为主色调则让人感到清冷、平静的感觉。以明度高的色为主则亮丽，而且变得轻快，以明度低的色为主则显得比较庄重、肃穆。取对比的色相和明度则活泼，取类似、同一色系则感到稳健。色相数多则会华丽，少则淡雅、清新。以上几点整体色调的选择要根据我们所要表达的内容来决定。

第三步、配色的平衡　颜色的平衡就是颜色的强弱、轻重、浓淡这种关系的平衡。这些元素在感觉上会左右颜色的平衡关系。因此，即使相同的配色，也将会根据图形的形状和面积的大小来决定成为调和色或不调和色。一般同类色配色比较容易平衡。处于补色关系且明度也相似的纯色配色，如：红和兰绿的配色，会因过分强烈感到刺眼，成为不调和色。可是若把一个色的面积缩小或加白黑，改变其明度和彩度并取得平衡，则可以使这种不调和色变的调和。纯度高而且强烈的色与同样明度的浊色或灰色配合时，如果前者的面积小，而后者的面积大也可以很容易的取得平衡。将明色与暗色上下配置时，若明色在上暗色在下则会显得安定。反之，若暗色在明色上则有动感。

第四步、配色时要有重点色　配色时，为了弥补调子的单调，可以将某个色作为重点，从而使整体配色平衡。在整体配色的关系不明确暧昧时，我们就需要突出一个重点色来平衡配色关系。选择重点色要注意以下几点：　重点色应该使用比其他的色调更强烈的色。重点色应该选择与整体色调相对比的调和色。重点色应该用于极小的面积上。而不能用于大面积上。选择重点色必须考虑配色方面的平衡效果。

第五步、配色的节奏　由颜色的配置产生整体的调子。而这种配置关系在整体色调中反复出现排列就产生了节奏。色的节奏和颜色的排放，形状，质感等有关。由于渐进的变化色相、明度、纯度都会产生变化而且时有规律的，所以就产生了阶调的节奏。将色相、明暗、强弱等等的变化做几次反复，从而会产生反复的节奏。可以通过赋予色彩的配置以跳跃和方向感就会产生动的节奏，等等。我们可以通过学习或训练来掌握更多的节奏效果。

第六步、渐变色的调和　2色或2个以上的色不调和时，在其中间插入阶梯变化的几个色，就可以使之调和。色环的渐变：色相的渐变象色环一样，在红、黄、绿、兰、紫等色相之间配以中间色，就可以得到渐变的变化。明度的渐变：从明色到暗色阶梯的变化。纯度的渐变：从纯色到浊色或到黑色的阶梯变化。根据色相、明度、纯度组合的渐变，把各种各样的变化作为渐变的处理，从而构成复杂的效果。这些渐变色都是调和的。

第七步、在配色方面的统调　所谓统调，即为了多色配合的整体统一而用一个色调支配全体，将这个色叫做统调色，也就是支配色调。色相统调是在各色中加入相同的色相，而使整体色调统一在一个色系当中。从而达到调和。明度统调是加白色或黑色，以使全体色调的明度相似。这样�

《网店老板速成学堂作者:达贝妮》

下载本书

网店老板速成学堂作者:达贝妮- 第13部分