当人们回忆起他们所看到的场景和事物时，他们会记住颜色而不是形式。也就是说，从视觉的角度来看，给用户留下最深印象的产品通常是界面的颜色。从这一点我们也可以看出，颜色匹配可以说是设计师最重要的武器，可能不是其中之一，但这种武器有“限制”。

UI设计的基本原则是避免页面中有太多颜色。每个人都知道这个事实，但是当你真正设计自己的时候，你会下意识地引入太多的颜色，这将使整个界面看起来非常混乱。因此对于设计师来说，学习减去界面的颜色是一项重要技能。

　　配色体系的目的

在为产品创建色彩匹配系统之前，设计师必须首先了解：为什么要建立色彩匹配系统？这个问题听起来多余而且有些不合理。但在我看来，我常常问自己为什么在做某事之前我可以提高工作效率。只有真正理解色彩匹配的含义，才能实现有针对性和有选择性的删除。

一般来说，建立配色系统有三个主要目标：

视觉差异化

调整界面风格

吸引用户的注意力

　视觉区分

应用程序或代购源码网站可能具有几个主要和相同级别的功能和分区。此时，设计人员需要将产品的信息内容和功能模块作为一个整体进行规划，并建立界面的基本模式，以帮助用户更好地进行视觉区分。颜色匹配可以帮助设计师实现这一目标。

颜色匹配可以实现视觉差异化，但视觉差异化不仅可以通过颜色匹配来实现。文本，图像（图标）和布局都可以在视觉上进行区分。

例如，财富管理应用程序具有不同类型的财富管理产品（普通类型，按需贷款和可转让）和不同的状态（在投资确认中，投资成功，清算总共有11个州） 。

在这种情况下（3种产品类型，11种产品状态），配色方案必须非常小心。首先，我们需要整合状态并将类似的状态集成为一个，这可以减少颜色的数量。当然，有些人会觉得还有六种颜色，因为这本书告诉我们同一页面上应该有不超过三种颜色。但我们必须从实际情况出发，对于理财产品，用户不太可能在同一屏幕上看到所有六个州，这意味着用户同时看到六种颜色的概率非常小。

此外，我们放弃了对产品类型使用颜色匹配，因为该州使用了六种颜色组合。在这种情况下，如果我们也使用颜色来区分产品类型（一种颜色和一种颜色），那么整个页面看起来会很混乱。所以在这里，对于产品类型我们选择使用文本形式（标签）来区分。

文本相对于颜色的视觉体验仍然略微变弱。因此，我们必须优先考虑页面内容，重要内容优先于颜色匹配。在这里，我们认为用户更关心的是他们产品的当前状态而不是产品类型。

　　视觉风格

产品的视觉风格根据自己的定位和用户需求确定。有些产品要求界面是动态的，这会让用户感到兴奋（购买欲望）。我们可以使用更长的红色和橙色光作为产品的主色。 。

有些产品是平静和舒适的，那么我们使用蓝色，灰色可能更适合。

颜色匹配可以帮助我们为产品构建视觉样式。但我们也需要知道产品的视觉风格由文字，图像和颜色组成。换句话说，文本和图像也会影响产品的视觉风格。

文本的跳跃率是指同一界面中不同文本之间的大小比例。当排版设计时，具有不同功能的文本将具有不同的字体大小和字重。例如，主标题，副标题和文本大小通常依次减少。字体大小的这种差异将带来不同的文本跳跃率。通常，具有高文本跳跃率的界面将更加生动，并且具有低文本跳跃率的界面将显得平静和平静。

在配色方面，如果我们减少使用的颜色数量，大面积使用白色，灰色，黑色或其他颜色匹配（蓝色和浅蓝色，红色和粉红色等），这样的界面将庄重和优雅和丰富现代，但它看起来单调。然后我们应该适度提高文本跳频率，以提高界面的活力。

当然，文本不仅具有跳跃率，而且图片也具有跳跃率。设计者可以通过控制图像和文本的跳跃率来减少界面视觉风格对颜色匹配的依赖性。

　　吸引用户注意力

我们经常喜欢使用颜色匹配来吸引用户的注意力。在下图中，以号召性用语为例，可以从背景中突出显示与背景颜色差异较大的颜色。

事实上，即使我们不使用色彩匹配，我们也能吸引用户的注意力。

Google搜索主页有一个很大的空白区域，用户的眼睛自然会被搜索框吸引。这符合谷歌的初衷，他们希望用户在此页面上完成搜索操作，因此不要显示太多其他信息来分散用户的注意力。

阴影效果也可以用来吸引用户的注意力，阴影效果可以提升目标的“高度”，使其从背景中脱颖而出。

当然，我们也可以使用模糊效果来吸引用户的注意力。用户总是被不自觉地吸引到那些准确聚焦的部分并忽略模糊的部分。眼球的聚焦机制就像一个调节器，捕捉远离你的物体，这样你就能感受到周围一切物体的深度和距离。这是我们人眼的工作机制。设计人员可以利用这一理论来模糊界面中一些不重要的内容，以突出这些重要内容。

总结

好的设计应该允许用户在短时间内找到他们感兴趣的内容。太多的捐赠实际上是对用户的负担。少即是多，这是当前互联网时代的信条，也是设计师需要遵守的标准。我希望这篇文章可以帮到你。

« 2018UBDC：Youmeng + COO仍然直接分享大数据重塑数字营销方法 | 想要显着提高用户转化率？试试这些文案技巧吧！ »