前言
进行UI设计时，还在为了配出和谐、能满足用户体验的配色而纠结吗？还在面对黑白原型图时无从下手吗？下面介绍5种快速配色方法，保证让你的设计更高效！
1
色环-色彩原理
色彩原理是通过在色环上选取不同角度，搭配出不同效果的配色，在这里举了以下3种例子。
【60°邻近】
较和谐统一
【120°三元】
视觉冲击强
【180°互补】
效果突出
在实际使用时可以进行更多角度的尝试
色彩理论是配色的基础，通过专业的理论知识进行配色，配色时就不用只凭感觉啦！
2
明暗对比配色法
配色时，如果界面色调偏暗，或是色调偏灰都会显得界面观感不好，此时可以按照以下方法进行调整，使色调更加和谐。
使用黑色做背景时，搭配高饱和度颜色，
使用低饱和度颜色做背景时，搭配黑色。
这个方法也常用于强调突出重点。
3
HSB配色法
在调色时，可以通过只修改H、S、B数值中的一个形成一系列和谐的色调。
改变色相H
饱和度明度相同
改变饱和度S
色相明度相同
改变明度B
色相饱和度相同
·制作图形的光影或明暗变化时常会改变H、B.
·区分同层级不同内容的icon常会改变S.
4
色彩吸取/色卡
前面提到的几种配色法都是在理论的基础上，进行调整配色，而这种方法可以十分快速且准确的提取需要的颜色。
图片吸取
选取合适的图片-模糊-平均模糊-吸取出需要的颜色到色盘使用
ps:该方法配合情绪板使用更佳
色卡吸取
在专门的色卡网站选取合适的配色进行使用。在这里推荐几个色卡网站，还有更多的色卡网站等你去寻找!
网址:https://coolors.co/
网址:https://colorsinspo.com/
5
渐变色配色法
渐变色配色能够很好的提高设计的高级感、在界面中营造焦点、引导视线等。
将渐变运用于icon，使其贴合主色调，且可以很好的展现其质感。
将渐变运用于背景，可以增加高级感且使界面融合的很自然。
上方提及的所有方法都可以组合进行使用，搭配出更加符合设计理念的配色！
優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務" 的經(jīng)營理念，誠信務實的服務了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設、網(wǎng)站與各類業(yè)務系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設（品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發(fā)、移動端應用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應用服務。
公安局備案號：
專屬顧問
