平面设计必看！学会给你的配色做减法：视觉区分

一个app或网站可能会有好几个主要且同级别的功能和分区。这时，设计师需要对产品的信息内容和功能模块进行整体规划，建立界面的基本格局来帮助用户在视觉上进行更好的区分。配色可以很好的帮助设计师实现这一目标。

配色可以完成视觉区分，但是视觉区分不是只能通过配色来实现。文字，图像(图标)，布局都可以完成视觉区分。

例如，一款理财类应用中有不同种类的理财产品(普通型，随借随还型和可转让型)和不同的状态(投资确认中，投资成功已起息，清算中等合计11种状态)。

在这种情况下(3种产品类型，11种产品状态)，配色就要很小心了。首先我们要对状态进行整合，相似的状态整合成一种，这样可以减少颜色的数量。当然会有人感觉六种颜色还是多，因为书本上告诉我们同一页面中配色不要超过三种。但是我们得从实际情况出发，对于理财产品来说，用户不太可能在同一屏中看到全部的六种状态，也就是说用户同时看到六种颜色的概率很小。

另外我们放弃了对产品类型使用配色，因为状态已经使用了六种配色。在这种情况下，如果我们还对产品类型使用颜色来区分(一个类型一个颜色)，那么整个页面就会显得很乱。所以在这里，对于产品类型我们选择使用文字(标签)的形式来区分。

文字相对于色彩来说，给用户的视觉体验还是稍弱一点。所以我们要对要页面中的内容做一个优先级的排序，重要的内容优先使用配色。在这里我们认为相对于产品类型，用户更关注自己产品的当前状态。

好的设计应该让用户短时间内就可以找到他们感兴趣的内容，过多的给予对用户来说其实是一种负担。少即是多，这是当前互联网时代的信条也是设计师需要恪守的准则。今天的学会给你的配色做减法：视觉区分就到这里，希望这篇文章可以给你带来帮助。请大家多多关注环球网校哦~