网页设计-传统配色方案

《网页设计-传统配色方案》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、传统的配色方案类型有许多使创建新方案更容易的预定义配色方案，对于初学者更是如此。下面是传统的方案，每一种有几个例子。基本的12辐色轮是创建配色方案的重要工具。单色单色配色方案由不同的色调构成，是在特定色调内的阴影色和浅色。这是创建配色方案最简单的方法，因为它们都来自同一色相，因此尽管也有一定的可能，但是很难创建出一个不和谐的或者丑陋的方案。示例：这里有三个单色配色方案的例子。对于这些配色方案大部分来说，从左到右的第一个颜色通常被用作标题的颜色。第二个颜色将用于正文，或者也可用作背景。第三个颜色将可能用于背景，如果#2颜色被用作背景的话，那么它将被用于正文。而最后两种颜色将作为强调，或用在图形

2、中。类比类比配色方案是仅次于单色的一个易于创建的配色方案。类比方案是由在12辐色轮中相邻的三种颜色创建的。一般来说，类比配色方案都具有相同的色度水平，但通过色调、阴影色和浅色的使用，我们可以增加这些方案的趣味，并且可以适应我们所设计网站的需要。示例：这是一个传统的类比配色方案，虽然它的视觉感染力很强，但是对于设计一个让人印象深刻的网站来说，颜色的对比度不够强。这个一个和上图有相同色相的配色方案，但是色度上的调整体现出多样性。它现在更适合用于网站设计。另外一个传统类比配色方案的例子。以上主题经过修正可以用于网站设计。互补互补配色方案是通过将色轮上对立面的颜色相融合来创建。这些配色方案最基本的形

3、式是仅由两种颜色构成，但是可以很容易通过色调，浅色和阴影色的形式扩展。温馨提示：即使使用彼此相邻的具有相同色度或者明度而又完全相反的颜色可能看起来会很不和谐，从严格意义上来说，它们的边界看起来会很刺眼。因此最好通过在它们之间留白，或者在它们之间加入另一个过渡色来避免这种情况。示例：广范围的浅色、阴影色、和色调的应用让这个配色方案看起来非常具有通用特性。另一个具有广范围色度的互补配色方案。别忘了米色和棕色其实是橙色的浅色和阴影色。分列互补分列互补配色方案和互补配色方案几乎一样简单。这种配色方案使用的颜色是和位于你的基础色相对角位置的色相相邻左右的两种颜色，而非色轮上对角的颜色本身。示例：上图是

4、一个以黄绿色为基础色相的配色方案。你所选择的这种类型的配色方案的颜色间拥有足够的色度和明度差别是非常重要的。另一个具有广范围色度的调色板例子。三元配色方案三元配色方案由在12轮辐色轮中具有相等间隔的色相组成。和其他配色方案相比，这种方案稍显不同。示例：在三元配色方案中，使用一种颜色的浅色或深色版本，与另外两种颜色的两种阴影色/色调/浅色一起运用，让这种单一的颜色在配色方案中显得中立，可作为中和色使用。或者，使用将一种非常明亮的色相搭配一对柔和的色相使用可以让这种明亮的色相更加突出。双互补(四元)配色方案四元配色方案可能是最难有效完成的一种方案。示例：上图是非常不起眼四元配色方案。使用这种配色

5、方案最好的方法是在设计中把一种颜色当作主要颜色，其他的颜色仅仅用作突出它。当使用相似的色度和明度创建配色方案时，四维配色方案的效果非常好。只需添加一个中和色用作文本和强调，如使用暗灰色或黑色。对于深色配色方案来说，它的效果也非常好。自定义自定义配色方案是最难创建的。自定义配色方案并不基于任何正式的规则，而非像上面讨论的那样遵照某种预定义的配色方案。在创建这种类型的配色方案是，请谨记色度、明度和饱和度等等诸如此类的东西。示例：上图的所有颜色都有相同级别的色度和饱和度。同样，使用具有类似色度和饱和度的颜色是非常有效的，此外，能够创建出的整个配色方案非常具有内聚力。在都是低色度的颜色中使用一种高色

6、度的颜色是另一种有效的方法，这种高色度的颜色可以用作强调。创建一个配色方案创建属于你自己的配色方案，可能听起来有点让人畏缩。但它并没有很多人认为的那样复杂。从开始着手，就有很多小窍门可以运用到创建一个非常棒的调色板中。上文我们已经介绍了不同种类的配色方案。现在，让我们开始尝试建立自己配色方案的一部分。有大量的在线工具可以用来协助创建一个配色方案，但是从现在开始我们暂时摒弃这些工具，仅使用Photoshop来完成这项工作。让我们试着脱离上我已经提到的配色方案，并创建了一些自定义的方案。虽然了解不同颜色之间相互作用的方式，以及传统的配色方案是如何创建的是非常重要的，但是对于你有可能去创建自定义配

7、色方案的大多数设计项目而言，无需严格遵循任何预定义的模式。因此，为了我们的项目目标，我们将创建三个配色方案，每一个用于两个不同的网站。我们的虚拟客户是一个现代建筑设计的博客和一个深受维多利亚时代风格影响的高档女性服装零售商。为了对每一种方案都有一个感性认识，我们先从最基础的单色配色方案开始。虽然我曾提到传统的配色方案模式在设计中不常用到，但是单色配色方案确实这一规则的例外。你将可能发现所使用的单色方案是相当常