最近一直在学习配色，自己总结的方法就整理一下，方便记忆，也可以分享，大家一起学习。

闲话少说，我们直接讲干货。

色彩最主要的分为H(色相)S（饱和度）B（明度），我们可以发现大多数的app页面的色彩明度都是相对亮一些，我觉得因为是在促进人们的心里消费欲望，而且会给人一种轻松的感觉，试想一下m如果淘宝的页面大部分换成黑色 科技蓝，那我们是不是就减少了购物欲望，所以还是那句话，什么样的应用软件用什么样的配色，那么问题来了，该如何配色，怎么选择颜色？

我的通常做法是，接到一个项目时，我会先去搜索各大网站，或者看相关类型的app 网页，看他们的大概主色，跟着大家走你的方向是不会错的，在这个基础上你可以尝试修改，做出自己的风格。

UI配色中大概包括三种：

1.主色：应用核心色彩，品牌色，大面积使用

确定主色的选择，还是上面所说的看下使用人群，使用场景，然后选择一个合适的颜色

2.辅助色：丰富页面视觉和传达效果的次要颜色

辅助色的选择也是有规律性的，并不是随便用一个颜色，我们都知道色环，如果不知道怎么选择，我们可以利用色环，我们都知道色彩的关系大概有：同类色、邻近色、中差色、对比色、互补色，所以在确定主色后，我们可以根据色环的这几种颜色来选择辅助色，这时我们也要考虑用户心理，比如现在的确定购买 通知 提醒取消了大面积的红色，用了绿色或者蓝色替代，从而隐形的促进了用户的消费欲望，我们通常越想突出时候，在色环的选择上则越远，比如对比色，越不想突出则越近，下图可参考（携程也正是应用了对比强烈的颜色）

3.中性色：没有色相的文字（一般用于提示用于，不是很重要，没有还不可以的东西）

了解了这些，我们再看下占色配比的问题。

如果一个页面主色占比面积较大，功能也比较多，这时候我们应用的色彩丰富度也较高比如某团，某宝

当然，主色占大面积，如果选择少的辅助颜色也是可以的，但是尽量避免一半一半，让人不知道哪个是主色，哪个是辅色

如果主色占比较小，丰富度较高，这时我们就要把主要的功能用在主色上，这时就比较突出功能比如某宝主页

如果主色占比较小，丰富度较底，这类一般产品较平和，服务单一，但也需要考虑用户的体验以及重点区分

我们在做页面的时候，可以yx先选好不同的配色，然后在来做，并且要有备选方案，经验都是慢慢摸索出来的，冰冻三尺非一日之寒，色彩本身就没有对错之分，好的配色给人nerieg的ed感觉是非常惊艳的，我们一起探索吧设计师们！