网站设计配色这些知识一定要了解

颜色是种看起来相当简单，却非常难处理好的东西。而且，由于它是任何设计中极度视觉化、焦点化的部分，当它没处理好时会如此引人注意。如果你的设计中这么重要的部分给人感觉不好，或者没有很好的表现你的公司、服务或品牌，那么它就能让停留访问的用户消失不见。颜色可以分成两个大类无彩色系和有彩色系，有彩色系的颜色具有三个基本特性：色相、纯度（也称彩度、饱和度）、明度。在色彩学上也称为色彩的三大要素或色彩的三属性。

    一、色彩的三大要素

    色相：所谓色相指的就是色彩的相貌（颜色）区别互相间的差异，对每一种颜色都给予一种称呼，使我们能呼出其名而知其色，这种区分就称之为色相。

    明度：指的就是色彩的明亮度。每一种色彩会因为光线反射强弱而呈现深浅的差别，无色彩中，明度最高的为白色，最低的为黑色，在白与黑中，还有深浅不同的灰，有色彩中，黄色明度最高，紫色最低。

    彩度：指的和是色彩的鲜艳度。彩度最高的颜色，即色调中最强的颜色，称之为纯色。以红色为例，纯色中的红色，其色调最强，也是彩度最高的颜色。

    二、色彩的关系对比

    （1）邻近色相对比：色相环上相邻的二至三色对比，色相距离大约30度左右，为弱对比类型。如红橙与橙与黄橙色对比等。效果感觉柔和、和谐、雅致、文静，但也感觉单调、模糊、乏味、无力，必须调节明度差来加强效果。

    （2）同类色相对比：一种色相的不同明度或不同纯度变化的对比，俗称同类色组合。如蓝与浅蓝（蓝+白）色对比，绿与粉绿（绿+白）与墨绿（绿+黑）色等对比。对比效果统一、文静、雅致、含蓄、稳重，但也易产生单调、呆板的弊病。

    （3）对比色相对比：色相对比距离约120度左右，为强对比类型，如黄绿与红紫色对比等。效果强烈、醒目、有力、活泼、丰富，但也不易统一而感杂乱、刺激、造成视觉疲劳。一般需要采用多种调和手段来改善对比效果。

    三、色彩的配色方法

    通常配色方案有近似色、补充色、分离补色等。

    1．近似色 近似色是色环上已给定的颜色临近的任何一种颜色。如果从橙色开始，它的两种近似色应该选择红和黄。为近似色在色环上的位置。用近似色的颜色主题可以实现色彩的融洽与融合。

    2．补充色 补充色也叫对比色，是指在色环中的直接位置相对的颜色。如果想要使网站中的色彩强烈突出、富有冲击力的话，可选择对比色。为使用了补充色的网站。大块的橙色和蓝色用到一起，具有强烈的冲击力，达到了视觉上的震撼效果。

    3．分离补色 分离补色可以由 2～3 种颜色组成。在色环上选择一种颜色，它的补色就在色环的另一面。可以使用补色旁边的一种或多种颜色。 这样的一组颜色叫做分离补色。分离补色的搭配可以起到类似补充色的强烈对比作用，但有近似色的缓冲，可以使页面效果更加柔和。

    网页设计师需要注意，三原色的相互搭配创造出了无数颜色，可不是所有的颜色都适用于网页设计，不同的颜色在搭配上也有着其中的学问，网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来，所以平面设计上的审美的观点在网页设计上非常实用。

小二CMS介绍

我们立足合肥，业务覆盖安徽、全国及全球市场。我们凭借一支经验丰富、富有创意、协作无间的专业技术团队，专注于将前沿技术通过高效简捷的途径呈现给客户，量身打造优质解决方案。我们致力于通过持续努力，成为客户在信息化领域值得托付、共创价值的长期战略合作伙伴，协助客户在新经济时代敏锐捕捉商机，拓展发展空间，构筑强大竞争力。小二CMS专注企业数字化转型的智能建站与营销系统，提供从官网搭建、品牌推广到运营增长的一站式服务，助力中小企业低门槛拥有专业级互联网阵地。

网站建设 移动相关开发 营销推广与优化 域名主机邮箱 产品与技术 企业服务

了解全部业务

扫码咨询 · 关注微信