前言
进行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，使其贴合主色调，且可以很好的展现其质感。
将渐变运用于背景，可以增加高级感且使界面融合的很自然。
上方提及的所有方法都可以组合进行使用，搭配出更加符合设计理念的配色！
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
