高端配色是如何搭配？网站设计如何做到高端大气？

1、主色系风格
首先，你的网站主题风格和颜色搭配要遵循公司logo的主色系，去延伸一些辅助色。
宗旨是，大面积色块以logo主色为主，小面积的按钮和小图标以点缀色、辅助色为主，且按钮之类的颜色采用饱和度较高的颜色。
另外，一个网页的颜色不可超过三种，（小按钮小图标除外）
2、整体风格
网页颜色的整体风格要选择一个色系，如果色系上不会区分高级色的话，建议选择饱和度低的颜色，出来的页面是高端大气风格。
如果是UI风格、电商的页面，则会选择高饱和度的颜色。

目录

12电商设计配色原理

121电商色彩三大要素

122电商色彩对比关系

123色彩的视觉原理

色彩适应（补偿）

视觉错视

124电商色彩的情感

色彩的直接心理效应

色彩的间接心理效应

色彩的情感

色彩的表现
12电商设计配色原理

121电商色彩三大要素

色彩面貌上千变万化，但是仔细观察会发现他们之间的主要区别可以归纳三个：色相、明度、纯度。

色相

色相指人们对光谱中某一特定波长的命名，是色彩的首要特征，也是区别各种不同色彩的最准确标准。如、绿色、蓝色等。色相是色彩的灵魂，是色彩的直接代表。在日常生活中，人们有时会忽视色彩的明度与纯度等要素，对色彩最为直接的印象就是色彩的色相表现（图2-1、图2-2）。色彩学专家
图2-1

图2-2

三原色由三种基本原色构成。原色是指不能透过其他颜色的混合调配而得出的“基本色”。

这里我们重点说的是色光,色光混合三原色即：红、绿、蓝（图2-3）。将它们全部混合会产生白色光，人类的眼睛能够敏锐地感受这三种颜色。色光主要应用在电脑手机等电子端的产品上，也是电商的终端载体。要注意的是色料的三原色是红、黄、蓝（图2-4）。由两种混合得到间色，在色相环中间色位于两原色的中间。在色相环中处于相对位置的两个颜色称为补色，其在色彩应用中占据重要的地位图（图2-5）。

图2-3

图-2-4

图2-5
明度

明度是眼睛对光源和物体表面的明暗程度的感觉，主要是由光线强弱决定的一种视觉经验。明度是指从白到灰，再到黑色的相对亮度或暗度。纯度也是具有不同的明度，色相在保持最纯正的情况下具有不同的明度。将和紫色进行对比这一点就显得非常明显，是所有颜色总最亮的，紫色是最暗的。黑色和白色在改变明度时具有非常重要的作用，在一中颜色中添加黑色，可以获得该色的深色调（图2-5）。

图2-5

明度具有较强的独立性,它可以离开色相和纯度而单独存在,而色彩的色相和纯度往往是伴随着明度一起出现的物体的立体感、空间感大都有赖于正确的明度关系。因此，色彩的表现需要重视明度关系的研究。

在无彩色中，白色为明度最高的，黑色为明度最低的。

有彩色的明度表现有两种情况：一是同一色相不同明度；二是不同色相的明度差异。彩色的明度等级是根据无彩色明度等级确定的。

纯度

纯度是指色彩的鲜艳程度，即色彩的饱和度、彩度、鲜艳度。在色彩中，含有彩色成份越高纯度就越高，颜色显示也就最明亮。如果将黑白灰加入一个纯色中，那么该色的纯度就会降低，颜色也会变成灰暗色。

主色调、辅助色、文字色、底色、图形色都是网店设计中不可缺少的色彩，但网店的色彩品种不宜过多，否则会过于花哨，喧宾夺主。主色调、辅助色、文字色等不一定要采用不同的色相，有时网店色彩简单明了更能突出主题，产生舒适的视觉效果。合理选配网店色彩，形成主色调为主、小色块为辅，既对比又调和的色彩画面，会赋予网店以活力和个性，最大限度地吸引买家的视线。

同类色的搭配：同类色指色相相同而明度、纯度不同的颜色。如深浅不同的蓝色搭配在一起，或是红色、橘红色的同一色相搭配在一起，对比不强烈，使页面容易达到统一和谐的效果，这也是较常见的配色方法。网店设计忌用单一色彩以免产生单调的感觉，通过调整色彩的纯度和明度可以使单一色彩产生丰富的变化。

邻近色的搭配：邻近色指在色相环上邻近的色彩。如蓝色和绿色、**和红色等，这种色彩搭配丰富而不花哨。采用邻近色来设计网店，可以使网店避免色彩杂乱，易于达到页面的和谐统一。互补色的搭配：互补色也称对比色，是色相环中相隔最远的两种颜色，互补色的搭配是最强烈的色彩搭配，如红与绿、黄与紫、蓝与橙等。合理使用互补色会产生强烈的视觉效果，能够使网店特色鲜明、重点突出。在设计网店色彩时，一般以一种颜色为主色调；互补色作为辅助色，可以起到画龙点睛的作用。

黑、白、灰色的搭配：黑、白、灰色虽然不如彩色那样张扬、奔放，但它们含蓄、沉稳、淡雅的色彩特征更符合都市人的气质，更能展现浓郁的人文气息与高雅的审美情趣。黑色是一种特殊的颜色，如果使用恰当，往往产生很强烈的艺术效果。灰色是一种中立色，能让人产生中庸、平凡、温和、谦让、高雅的心理感受，高级灰是经久不衰、最耐看的颜色，任何颜色加入灰色都能显得含蓄而柔和，但也容易给人颓废、沮丧、沉闷的心理感受，如果搭配不当，页面容易显得灰、暗、脏。页面可以用无彩色构成主体部分，以少量有彩色与它构成对比，更能生动展示个性，这种搭配常用于现代派的网店中。

---