网页ui设计配色高级（网页设计配色基本原则）

本文目录一览：

• 1、UI色彩搭配方案
• 2、色彩搭配——关于UI颜色选择的6个技巧
• 3、如何在UI设计中正确地运用色彩

UI色彩搭配方案

相邻颜色搭配 选择色轮上相邻的颜色。这种类型的配色方案用于不需要对比度的设计，包括web或banner的背景。高对比搭配 选择色轮上对立面的颜色混合，提高对比度。例如：蓝色背景上的橙色按钮非常吸睛。

三色搭配色彩的配色方案是基于两种颜色或两种以上的颜色混合而成，使原来的色彩更加丰富多彩、更有层次感。黑白配色黑白配色也是常见的配色方案，不同色调的黑白配色可以给人强烈的色彩反差。

那UI设计师常用的颜色搭配有哪些？单色配色：单色方案是易于创建的配色方案，因为每种色彩取自相同的基色。单色的色彩可以很好地结合在一起，产生和谐的效果。相近色：相近色的配色方案是选取相互不冲突的的相关色彩。

邻近色配色法则：（色相环上邻近的颜色）换句话说就是：选取色相环上邻近的几种颜色来搭配设计。

保持对比度有的颜色和某些颜色搭配协调，和另一些颜色则会产生冲突。通过色轮，可以很好地观察到颜色相互作用的规则。你应该清楚地了解这个方法，但是不一样要亲手去做。

该方案应用在色轮上彼此相邻的颜色。它是在色轮上彼此相对放置的颜色混合，旨在产生高对比度。这个方案与前一个方案类似，但是它采用了更多的颜色。

色彩搭配——关于UI颜色选择的6个技巧

四色色彩方案适合丰富的设计师，因为它最难达到平衡。它使用的是色轮上两组互补的颜色。如果你在色轮上把所选的颜色连起来，它们会形成一个矩形。这个方案很难达到平衡，不过如果你做对了每件事情，结果会好得令人惊叹。

整体色调要协调统一 先确定主色调，主色将会占据页面中很大的面积，其他的辅助色都应该以主色为基准进行搭配。这可以保证整体色调的协调统一，重点突出，使作品更加专业、美观。

相近色：相近色的配色方案是选取相互不冲突的的相关色彩。一种色彩用作主色，而其它色彩用于丰富该方案。3。补色搭配：互补色是色环上两个正对立的颜色。它们对比强烈，可以用来吸引观众的注意力。

第一， 色调 您可以在色环上生成单个色度的许多变体。通过添加白色，黑色和灰色来生成不同的色调。实现平衡色调，最简单的方案是单色（单色）方案。第二， 对比 颜色的不同对比可以唤起不同的情感反应。

保持对比度有的颜色和某些颜色搭配协调，和另一些颜色则会产生冲突。通过色轮，可以很好地观察到颜色相互作用的规则。你应该清楚地了解这个方法，但是不一样要亲手去做。

如何在UI设计中正确地运用色彩

1、避免使用纯粹的灰色或黑色 我所学的用色技巧中，有一点很重要，那就是避免使用没有饱和度的灰色。

2、保持对比度有的颜色和某些颜色搭配协调，和另一些颜色则会产生冲突。通过色轮，可以很好地观察到颜色相互作用的规则。你应该清楚地了解这个方法，但是不一样要亲手去做。

3、暗色色调 我们在实际的工作中可以发现，纯色加黑得到暗色调。黑色里面蕴藏激烈的力量，它与纯色结合后，可以将力量内敛起来，形成有气势、庄重的色彩感觉。

4、限制颜色 通过限制应用程序中颜色的使用，那些确实得到颜色的区域会得到更多的关注，例如文本、图像和按钮等单个元素。