界面中如何使用颜色？4个配色技巧帮助您解决色彩问题

Ishtiaq Khan Parag 很好的将邻近色用在了图标和卡片上，让整个设计整体年轻活泼了许多。

邻近色在很多的产品中越来越多被应用，邻近色取品牌色周围30度的颜色作为渐变色，我们在设计中需要注意邻近色一定不要太大，太大会显得不够柔和。

互补色运用

来自MIKE的作品，互补色设计中如果用不好，界面会很山寨，互补色前面我们说了，是界面中对比最强烈的配色，我们一定要注意互补色的比例，比例一定要协调舒适。

补色在设计中，不要占比过大，一定需要有一个主色，补色作为重点去强调和突出，这组作品很好的把红色作为补色，有点睛的效果。

互补色让页面更加突出文字信息内容，同时很好的讲内容趋势和图片趋势很好的拉好，形成了很好的冲击感。

红绿互补色视觉冲击力强，很好的强调了音箱本身的质感。

两组互补色运用，很好的将LOGO的矛盾感，空间强加强，要人过目不忘。

三种颜色

这组作品，通过三种颜色的叠加的形式，让三元色巧妙的运用到设计中去，同时颜色叠加形成一种新的时尚感。

三种颜色运用最佳的案例当属于谷歌，颜色的饱和度以及设计都恰当好处。

在谷歌的设计中，我们不难发现，它很好的将多种颜色组合在一起，不乱，同时还很平衡，这些值得我们设计师去好好领悟和学习。

动手试试

我们来拿一个案例来尝试下我们的方法，本文案例我从素材网站下了一个案例来尝试下我们今天分享的方法，单色，互补色，三个颜色，互补色拆分。

1. 单色使用

在页面中使用西瓜红作为一种主色调，来强调品牌色和行动点，整个界面会呈现出简约和谐的氛围。

2. 邻近色运用

这种配色和单色用法类似，在滑块上滑动到红色旁边黄色配色，作为额外的颜色。

3. 互补色使用

互补色比单色，邻近色更加吸引用户注意力，前面我们说了，互补色在色彩里面是对比最突出的，我们主页面是红色，蓝色补色是我们需要强调吸引用户注意。

4. 互补色拆分使用

这个原理其实就是互补色基础上进行拆分，对主要颜色增加一个辅助色，比如主要颜色红色，蓝色，那么我们增加一个淡粉色和淡蓝色作为辅助色，它的目的让颜色满足更多场景。